.main-layout{background-color:var(--background);min-height:100vh}.nav-header{background:var(--card);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}.nav-left{flex:1;align-items:center;gap:1.5rem;display:flex}.nav-links{align-items:center;gap:.25rem;margin-left:auto;padding-right:8rem;display:flex}.nav-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.nav-logo-icon{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);border-radius:.75rem;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.nav-logo-text{color:var(--foreground);font-size:1.125rem;font-weight:700}.nav-link{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{color:var(--foreground);background-color:var(--muted)}.nav-link.active{color:var(--primary);background-color:var(--accent)}.nav-link .icon{width:18px;height:18px}.nav-dropdown{position:relative}.nav-dropdown-menu{border:1px solid var(--border);z-index:50;background:#fff;border-radius:.75rem;min-width:160px;margin-top:.5rem;padding:.375rem 0;animation:.15s ease-out fadeSlideIn;position:absolute;top:100%;left:0;box-shadow:0 10px 40px #00000026}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{width:100%;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .15s;display:flex}.nav-dropdown-item:hover{background-color:var(--muted)}.nav-right{align-items:center;gap:.5rem;display:flex}.nav-profile-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:9999px;align-items:center;gap:.625rem;padding:.375rem .5rem .375rem 1rem;transition:all .15s;display:flex}.nav-profile-btn:hover{background-color:var(--muted)}.profile-btn-name{color:var(--foreground);white-space:nowrap;font-size:.875rem;font-weight:500}.profile-btn-avatar{background-color:var(--card);width:32px;height:32px;color:var(--muted-foreground);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-dropdown{position:relative}.profile-dropdown-menu{border:1px solid var(--border);z-index:50;background:#fff;border-radius:.75rem;min-width:200px;margin-top:.5rem;padding:.5rem 0;animation:.15s ease-out fadeSlideIn;position:absolute;top:100%;right:0;box-shadow:0 10px 40px #00000026}.profile-header{border-bottom:1px solid var(--border);padding:.75rem 1rem}.profile-name{color:var(--foreground);margin:0;font-size:.875rem;font-weight:600}.profile-email{color:var(--muted-foreground);margin:.25rem 0 0;font-size:.75rem}.theme-switcher-row{background-color:var(--muted);border-radius:.5rem;justify-content:space-between;align-items:center;margin:.5rem .5rem .25rem;padding:.25rem;display:flex}.theme-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex:1;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.theme-btn:hover{color:var(--foreground)}.theme-btn.active{background-color:var(--card);color:var(--primary);box-shadow:0 1px 3px #0000001a}.profile-menu-item{width:100%;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .15s;display:flex}.profile-menu-item:hover{background-color:var(--muted)}.profile-menu-item.danger{color:#dc2626}.profile-menu-item.danger:hover{background-color:#fef2f2}.profile-divider{border-top:1px solid var(--border);margin:.25rem 0}.main-content{padding:1.5rem}.mobile-menu-btn{width:44px;height:44px;color:var(--foreground);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:background-color .15s;display:none}.mobile-menu-btn:hover{background-color:var(--muted)}.mobile-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{background:var(--card,#fff);z-index:250;-webkit-overflow-scrolling:touch;width:min(320px,85vw);height:100dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 32px #0000001f}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-section{padding:.75rem 1rem}.mobile-drawer-label{color:var(--muted-foreground,#94a3b8);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .375rem .5rem;font-size:.6875rem;font-weight:600}.mobile-drawer-item{color:var(--foreground,#0f172a);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.625rem;align-items:center;gap:.75rem;width:100%;min-height:44px;padding:.75rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.mobile-drawer-item:hover,.mobile-drawer-item:active{background:var(--muted,#f1f5f9)}.mobile-drawer-item.active{color:var(--primary,#3b82f6);background:var(--accent,#eff6ff);font-weight:600}.mobile-drawer-item.danger{color:#dc2626}.mobile-drawer-item.danger:hover,.mobile-drawer-item.danger:active{background:#fef2f2}.mobile-drawer-divider{border-top:1px solid var(--border,#e2e8f0);margin:.25rem 1rem}.mobile-profile-header{align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem .5rem;display:flex}.mobile-profile-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mobile-profile-name{color:var(--foreground,#0f172a);margin:0;font-size:.9375rem;font-weight:600}.mobile-profile-email{color:var(--muted-foreground,#94a3b8);margin:.125rem 0 0;font-size:.75rem}.mobile-theme-switcher{background:var(--muted,#f1f5f9);border-radius:.5rem;align-items:center;gap:.375rem;margin:0 .5rem .5rem;padding:.25rem;display:flex}.mobile-theme-switcher .theme-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex:1;justify-content:center;align-items:center;gap:.375rem;min-height:40px;padding:.5rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.mobile-theme-switcher .theme-btn.active{background:var(--card,#fff);color:var(--primary,#3b82f6);box-shadow:0 1px 3px #0000001a}@media (max-width:768px){.nav-links,.nav-right{display:none}.mobile-menu-btn{display:flex}.mobile-drawer{display:block}.nav-header{padding:0 .75rem}.nav-logo-text{font-size:1rem}.main-content{padding:1rem}}@media (max-width:480px){.nav-header{height:56px;padding:0 .625rem}.nav-logo-icon{border-radius:.625rem;width:34px;height:34px}.nav-logo-icon svg{width:18px;height:18px}.nav-logo-text{font-size:.9375rem}.main-content{padding:.75rem}}