.app-shell{display:flex;min-height:100vh;background:var(--bg-app)}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:width var(--dur-slow) var(--ease-in-out);border-right:1px solid var(--sidebar-border);z-index:40}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 20px 16px}.sidebar-brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand-gold),#a97d0f);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.sidebar-brand-text{font-weight:800;font-size:15.5px;color:#fff;white-space:nowrap;overflow:hidden}.sidebar-brand-sub{font-size:10.5px;color:var(--sidebar-text);white-space:nowrap;overflow:hidden}.sidebar-nav{flex:1;overflow-y:auto;padding:8px 12px 12px}.sidebar-section-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;padding:16px 12px 6px;white-space:nowrap;overflow:hidden}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);color:var(--sidebar-text);font-size:13.5px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;transition:all var(--dur-fast) var(--ease-out);position:relative}.sidebar-link:hover{background:#ffffff0f;color:#fff;text-decoration:none}.sidebar-link.active{background:#ffffff1a;color:#fff}.sidebar-link.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--brand-gold);border-radius:0 4px 4px 0}.sidebar-link svg{flex-shrink:0}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 12px 16px;padding:10px;border-radius:var(--r-md);background:#ffffff0d;color:var(--sidebar-text);border:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.sidebar-collapse-btn:hover{background:#ffffff1a;color:#fff}.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-brand-sub,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-link span.link-label{display:none}.sidebar.collapsed .sidebar-link{justify-content:center}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:20px 0 16px}@media (max-width: 1080px){.sidebar{position:fixed;left:-100%;top:0;box-shadow:var(--shadow-lg);transition:left var(--dur-slow) var(--ease-in-out)}.sidebar.mobile-open{left:0}}.navbar{height:var(--navbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border-subtle);background:var(--bg-canvas);position:sticky;top:0;z-index:30;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-search{max-width:380px;width:100%}.navbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.icon-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;position:relative;transition:all var(--dur-fast) var(--ease-out)}.icon-btn:hover{background:var(--bg-sunken);color:var(--text-primary)}.icon-btn .dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--danger);border:1.5px solid var(--bg-canvas)}.hamburger-btn{display:none}.profile-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px 6px 4px 4px;border-radius:var(--r-full);transition:background var(--dur-fast) var(--ease-out)}.profile-btn:hover{background:var(--bg-sunken)}.profile-name{font-size:13px;font-weight:700;line-height:1.2}.profile-role{font-size:11px;color:var(--text-tertiary)}.dropdown-panel{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:60;animation:scaleIn var(--dur-base) var(--ease-out);transform-origin:top right;overflow:hidden}.dropdown-head{padding:14px 16px;border-bottom:1px solid var(--border-subtle);font-weight:700;font-size:13.5px;display:flex;justify-content:space-between;align-items:center}.dropdown-list{max-height:340px;overflow-y:auto}.dropdown-item{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.dropdown-item:hover{background:var(--bg-sunken)}.dropdown-item:last-child{border-bottom:none}.dropdown-item-title{font-size:12.5px;font-weight:600;line-height:1.4}.dropdown-item-meta{font-size:11px;color:var(--text-tertiary);margin-top:2px}.dropdown-menu-link{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer}.dropdown-menu-link:hover{background:var(--bg-sunken);text-decoration:none}.dropdown-menu-link.danger{color:var(--danger)}.header-wrap{position:relative}.content-area{flex:1;min-width:0;display:flex;flex-direction:column}.page-container{padding:24px;max-width:var(--content-max);width:100%;margin:0 auto;flex:1}@media (max-width: 640px){.page-container{padding:16px;padding-bottom:calc(var(--bottomnav-h) + 24px)}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:800;letter-spacing:-.015em}.page-subtitle{font-size:13.5px;color:var(--text-secondary);margin-top:4px}.page-eyebrow{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-indigo);margin-bottom:6px}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottomnav-h);background:var(--bg-surface);border-top:1px solid var(--border-subtle);z-index:50;align-items:stretch;box-shadow:0 -4px 20px #14213d0f;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-tertiary);font-size:10.5px;font-weight:700;position:relative}.bottom-nav-item.active{color:var(--brand-indigo)}.bottom-nav-item.active:before{content:"";position:absolute;top:0;width:28px;height:3px;background:var(--brand-indigo);border-radius:0 0 4px 4px}.fab{position:fixed;right:20px;bottom:calc(var(--bottomnav-h) + 20px);width:54px;height:54px;border-radius:50%;background:var(--brand-indigo);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);border:none;cursor:pointer;z-index:55;transition:transform var(--dur-fast) var(--ease-out)}.fab:active{transform:scale(.92)}@media (max-width: 1080px){.hamburger-btn{display:flex}}@media (max-width: 640px){.navbar{padding:0 14px}.navbar-search{display:none}.page-title{font-size:19px}}.bottom-nav.show-mobile{display:flex}@media (min-width: 641px){.bottom-nav.show-mobile,.fab.show-mobile{display:none}}