@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.dashboard-layout{background:var(--bg-primary);min-height:100vh;display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);z-index:100;width:250px;min-height:100vh;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{padding:var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-primary);align-items:center;gap:var(--space-sm);display:flex}.sidebar-logo{background:var(--accent-primary);border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-inverse);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand{flex:1;min-width:0}.sidebar-brand h2{font-size:var(--font-size-md);color:var(--accent-primary);letter-spacing:-.01em;font-weight:600;line-height:1.2}.sidebar-brand span{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:400}.sidebar-close-btn{color:var(--text-muted);padding:var(--space-xs);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;line-height:0;display:none}.sidebar-close-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.sidebar-nav{padding:var(--space-sm);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;padding:var(--space-md) var(--space-sm) var(--space-xs);margin-top:var(--space-sm);font-size:10px;font-weight:600}.nav-link{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:9px 12px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-primary);font-weight:600}.nav-link .nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-primary)}.sidebar-user{align-items:center;gap:var(--space-sm);padding:var(--space-sm);display:flex}.sidebar-avatar{background:var(--accent-primary);border-radius:var(--radius-full);width:34px;height:34px;color:var(--text-inverse);font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--text-muted)}.logout-btn{color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;display:flex}.logout-btn:hover{color:var(--color-danger);background:var(--color-danger-bg)}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:250px;display:flex}.page-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-primary);background:var(--bg-primary);z-index:50;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex;position:sticky;top:0}.page-title{font-size:var(--font-size-xl);color:var(--text-primary);letter-spacing:-.01em;font-weight:600}.page-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px}.page-header-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.page-header-actions .btn{align-items:center;gap:var(--space-xs);white-space:nowrap;display:flex}.page-body{padding:var(--space-xl);flex:1;max-width:1440px}.mobile-header{z-index:90;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:none;position:sticky;top:0}.mobile-toggle{color:var(--text-primary);padding:var(--space-xs);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;line-height:0;display:flex}.mobile-toggle:hover{background:var(--bg-card-hover)}.mobile-brand{font-weight:600;font-size:var(--font-size-md);color:var(--accent-primary);letter-spacing:-.01em}.mobile-spacer{width:32px}.sidebar-overlay{background:var(--bg-overlay);z-index:99;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width>=1920px){.page-body{max-width:1440px}}@media (width<=1024px){.sidebar{box-shadow:none;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:8px 0 40px #00000080}.sidebar-close-btn{align-items:center;display:flex}.main-content{margin-left:0}.mobile-header{display:flex}.page-header{position:static}}@media (width<=768px){.page-header{padding:var(--space-md);align-items:stretch;gap:var(--space-sm);flex-direction:column}.page-header .btn{justify-content:center;width:100%}.page-body{padding:var(--space-md)}}@media (width<=480px){.page-header{padding:var(--space-sm) var(--space-md)}.page-title{font-size:var(--font-size-lg)}.page-subtitle{font-size:var(--font-size-xs)}.page-body,.mobile-header{padding:var(--space-sm) var(--space-md)}.sidebar{width:280px}}@media (width<=360px){.sidebar{width:260px}.page-body{padding:var(--space-sm)}}:root{--bg-primary:#1a1a1a;--bg-secondary:#0f0f0f;--bg-card:#101010;--bg-card-hover:#181818;--bg-elevated:#242424;--bg-input:#1c1c1c;--bg-overlay:#000000bf;--border-primary:#ffffff12;--border-secondary:#ffffff21;--border-active:#a3bd8c8c;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:#787878;--text-inverse:#131313;--accent-primary:#a3bd8c;--accent-primary-hover:#b7cba0;--accent-primary-glow:#a3bd8c24;--accent-secondary:#c9d8b4;--accent-deep:#607050;--accent-gradient:linear-gradient(135deg, #a3bd8c 0%, #8ba973 100%);--accent-gradient-vibrant:linear-gradient(135deg, #b7cba0 0%, #a3bd8c 100%);--color-success:#a3bd8c;--color-success-bg:#a3bd8c21;--color-warning:#d3a95f;--color-warning-bg:#d3a95f1f;--color-danger:#d97e6d;--color-danger-bg:#d97e6d1f;--color-info:#93a7bc;--color-info-bg:#93a7bc1f;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-md:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 14px #00000059;--shadow-lg:0 12px 32px #00000073;--shadow-glow:0 0 24px #a3bd8c1f;--shadow-glow-sm:0 0 12px #a3bd8c12;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-primary-hover)}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-family);outline:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff14}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (width<=480px){:root{--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem}}