:root{--accent:#ef7b08;--topbar-h:56px;--sidebar-w:220px;--sidebar-w-collapsed:60px}*{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:0;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));left:0;position:fixed;top:var(--topbar-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:var(--topbar-h);padding:24px 28px;transition:margin-left .18s}.sidebar-collapsed .content{margin-left:var(--sidebar-w-collapsed)}@media(max-width:640px){.content{padding:16px}}