:root{--accent:#ef7b08;--topbar-h:56px;--sidebar-w:220px;--sidebar-w-collapsed:60px;--alert-h:0px}.app-shell.with-alert-bar{--alert-h:36px}.daily-alert-bar{align-items:center;background:linear-gradient(135deg,#ef7b08,#f59e2e);box-shadow:0 2px 8px #ef7b0840;color:#fff;display:flex;font-size:13px;font-weight:500;gap:12px;height:36px;justify-content:center;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1200}.daily-alert-bar .material-symbols-outlined{font-size:18px}.daily-alert-bar .alert-count{font-weight:700;text-decoration:underline}.daily-alert-bar .alert-bar-link{align-items:center;background:#fff3;border-radius:14px;color:#fff;display:inline-flex;font-weight:600;gap:4px;padding:3px 12px;text-decoration:none}.daily-alert-bar .alert-bar-link:hover{background:#ffffff59}.daily-alert-bar .alert-bar-link .material-symbols-outlined{font-size:16px}.dw-overlay{align-items:center;background:#00000080;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:2000}.dw-modal{background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003;max-width:90vw;overflow:hidden;width:460px}.dw-head{align-items:center;background:linear-gradient(135deg,#ef7b08,#f59e2e);color:#fff;display:flex;gap:10px;padding:18px 22px}.dw-head h3{font-size:16px;margin:0}.dw-body{color:#333;font-size:14px;line-height:1.8;padding:22px}.dw-body .hl{color:#ef7b08;font-size:1.1em;font-weight:700}.dw-body .sub{color:#777;font-size:13px;margin-top:8px}.dw-foot{background:#f8f9fa;display:flex;gap:10px;justify-content:flex-end;padding:16px 22px}.dw-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;gap:4px;padding:9px 18px}.dw-btn .material-icons{font-size:18px}.dw-btn.cancel{background:#fff;border:1px solid #ddd;color:#666}.dw-btn.cancel:hover{background:#f0f0f0}.dw-btn.primary{background:#ef7b08;color:#fff}.dw-btn.primary:hover{background:#d96e05}*{box-sizing:border-box}body{background:#f5f6f8;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;margin:0}.topbar{background:#fff;border-bottom:1px solid #e8e8e8;height:var(--topbar-h);justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:var(--alert-h);z-index:1100}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:12px}.hamburger{align-items:center;background:none;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;padding:6px}.hamburger:hover{background:#f5f5f5;color:var(--accent)}.brand{color:var(--accent);font-size:1.1rem;font-weight:700;text-decoration:none}.topbar-nav{align-items:center;display:flex;gap:4px}.topbar-divider{background:#e0e0e0;height:24px;margin:0 6px;width:1px}.topbar-dropdown{position:relative}.topbar-dropdown-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:8px 10px}.topbar-dropdown-toggle:hover,.topbar-dropdown.open .topbar-dropdown-toggle{background:#fdf0e3;color:var(--accent)}.topbar-dropdown-toggle .material-symbols-outlined{font-size:20px}.topbar-dropdown-toggle .arrow{font-size:16px;transition:transform .15s}.topbar-dropdown.open .topbar-dropdown-toggle .arrow{transform:rotate(180deg)}.topbar-dropdown-menu{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 6px 20px #0000001f;left:0;min-width:200px;opacity:0;padding:6px;position:absolute;top:calc(100% + 6px);transform:translateY(-6px);transition:all .15s;visibility:hidden;z-index:1200}.topbar-dropdown-menu.right{left:auto;right:0}.topbar-dropdown.open .topbar-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.topbar-dropdown-menu .logout-item,.topbar-dropdown-menu a{align-items:center;background:none;border:none;border-radius:6px;color:#444;cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:9px 12px;text-align:left;text-decoration:none;white-space:nowrap;width:100%}.topbar-dropdown-menu .logout-item:hover,.topbar-dropdown-menu a:hover{background:#faf6f1;color:var(--accent)}.topbar-dropdown-menu a.active{background:#fdf0e3;color:var(--accent);font-weight:600}.topbar-dropdown-menu .material-symbols-outlined{font-size:18px}.dd-label{white-space:nowrap}@media(max-width:720px){.brand,.dd-label{display:none}}.app-shell{min-height:100vh}.sidebar-nav{background:#fff;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;height:calc(100vh - var(--topbar-h) - var(--alert-h));left:0;position:fixed;top:calc(var(--topbar-h) + var(--alert-h));transition:width .18s;width:var(--sidebar-w);z-index:1000}.sidebar-collapsed .sidebar-nav{width:var(--sidebar-w-collapsed)}.sidebar-menu{flex:1;overflow-y:auto;padding:10px 0}.sidebar-section{color:#999;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:14px 16px 4px}.sidebar-collapsed .sidebar-section{font-size:.55rem;overflow:hidden;padding:14px 4px 4px;text-align:center}.menu-item{align-items:center;border-left:3px solid transparent;color:#555;display:flex;font-size:.9rem;gap:10px;padding:10px 16px;position:relative;text-decoration:none}.menu-item:hover{background:#faf6f1;color:var(--accent)}.menu-item.active{background:#fdf0e3;border-left-color:var(--accent);color:var(--accent);font-weight:600}.menu-item .material-symbols-outlined{flex-shrink:0;font-size:20px}.menu-item.child{font-size:.85rem;padding-left:34px}.menu-item .expand-arrow{border-radius:4px;font-size:18px;margin-left:auto;transition:transform .15s}.menu-item .expand-arrow:hover{background:#ef7b0826}.menu-item.expanded .expand-arrow{transform:rotate(180deg)}.sidebar-children{max-height:0;overflow:hidden;transition:max-height .2s ease}.sidebar-children.open{max-height:320px}.sidebar-collapsed .expand-arrow,.sidebar-collapsed .menu-label,.sidebar-collapsed .sidebar-children{display:none}.sidebar-collapsed .menu-item{justify-content:center;padding:12px 0}.sidebar-collapsed .menu-item[data-tooltip]:hover:after{background:#333;border-radius:6px;color:#fff;content:attr(data-tooltip);font-size:.78rem;left:calc(100% + 8px);padding:4px 10px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1300}.sidebar-footer{border-top:1px solid #e8e8e8;padding:10px}.logout-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.85rem;gap:8px;justify-content:center;padding:9px 10px;width:100%}.logout-btn:hover{background:#f5f5f5;color:var(--accent)}.logout-btn .material-symbols-outlined{font-size:18px}.sidebar-collapsed .logout-btn{padding:9px 0}.content{margin-left:var(--sidebar-w);margin-top:calc(var(--topbar-h) + var(--alert-h));padding:24px 28px;transition:margin-left .18s}.sidebar-collapsed .content{margin-left:var(--sidebar-w-collapsed)}@media(max-width:640px){.content{padding:16px}}