.sidebar{z-index:1000;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:280px;height:100vh;transition:width .3s,transform .3s;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 32px #0f172a0f}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.sidebar-logo{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.logo-icon{background:linear-gradient(135deg, var(--color-blue), var(--color-cobalt));color:#fff;width:40px;height:40px;box-shadow:0 4px 12px var(--primary-glow);letter-spacing:-.02em;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.logo-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.5px;font-size:15px;font-weight:700;line-height:1.25;overflow:hidden}.collapse-button{cursor:pointer;width:32px;height:32px;color:var(--text-primary);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.collapse-button:hover{background:#e2e8f0;transform:scale(1.05)}.collapse-button svg{transition:transform .3s}.collapse-button svg.rotated{transform:rotate(180deg)}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;opacity:.8;padding:0 12px 8px;font-size:11px;font-weight:700}.nav-item{color:var(--text-primary);cursor:pointer;text-align:left;width:100%;font-size:14px;font-family:var(--font-poppins), system-ui, sans-serif;background:0 0;border:1px solid #0000;border-left-width:4px;border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px 12px 12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:#0071ce0f;border-color:#0000;transform:translate(2px)}[data-theme=dark] .nav-item:hover{background:#ffffff0f;border-color:#ffffff14}.nav-item.active{color:var(--color-blue);border-color:#0000;border-left-color:var(--color-blue);box-shadow:none;background:#0071ce1a}[data-theme=dark] .nav-item.active{color:var(--color-electric-blue);border-left-color:var(--color-electric-blue);background:#29b6f61f}.nav-item svg{flex-shrink:0}.sidebar-footer{background:#fafbfc;border-top:1px solid #eef2f6;padding:12px}.theme-toggle{margin-bottom:0}.sidebar.collapsed .sidebar-header{justify-content:center;padding:24px 20px}.sidebar.collapsed .collapse-button{opacity:0;pointer-events:none;position:absolute;right:-16px}.sidebar.collapsed:hover .collapse-button{opacity:1;pointer-events:auto}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:16px 8px}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .nav-item span{display:none}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@media (min-width:769px){.sidebar{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideInLeft}}.mobile-sidebar-toggle{z-index:1001;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:none;position:fixed;top:20px;left:20px;box-shadow:0 4px 12px #0000001a}[data-theme=light] .mobile-sidebar-toggle{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#e2e8f0}.sidebar-overlay{display:none}@media (max-width:768px){.mobile-sidebar-toggle{display:flex}.desktop-only{display:none}.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #0003}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#00000080;display:block;position:fixed;inset:0}}[data-theme=dark] .sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-right-color:var(--glass-border);box-shadow:4px 0 24px #00000040}[data-theme=dark] .sidebar-header,[data-theme=dark] .sidebar-footer{border-color:var(--glass-border);background:0 0}[data-theme=dark] .collapse-button{border-color:var(--glass-border);background:#ffffff0f}[data-theme=dark] .logo-icon{background:linear-gradient(135deg, var(--color-blue), var(--color-cobalt))}
.app-layout{min-height:100vh;display:flex}.main-content{background:var(--background-color);flex:1;min-height:100vh;margin-left:280px;padding:2rem;transition:margin-left .3s}[data-theme=dark] .main-content{background:var(--background-gradient)}.main-content.collapsed{margin-left:80px}@media (max-width:768px){.main-content,.main-content.collapsed{margin-left:0;padding:4.5rem 1rem 1rem}}