@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap");:root{--primary:#1e3a8a;--primary-hover:#172e6e;--primary-light:rgba(30,58,138,.1);--primary-glow:rgba(30,58,138,.15);--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ea580c;--background:#f8fafc;--foreground:#0f172a;--surface:#fff;--surface-border:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--glass-bg:hsla(0,0%,100%,.7);--glass-border:rgba(226,232,240,.8);--glass-blur:12px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Outfit",var(--font-sans);--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-glow:none;--shadow-float:0 12px 32px -16px rgba(15,23,42,.22);--border-hover:color-mix(in srgb,var(--primary) 38%,var(--surface-border));--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:rgba(59,130,246,.15);--primary-glow:rgba(59,130,246,.25);--background:#0b0f19;--foreground:#f8fafc;--surface:#131b2e;--surface-border:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--glass-bg:rgba(19,27,46,.7);--glass-border:rgba(30,41,59,.8);--glass-blur:16px;--shadow-lg:none;--shadow-glow:none;--shadow-float:0 12px 32px -16px rgba(0,0,0,.6)}*{box-sizing:border-box;padding:0;margin:0;scrollbar-width:thin;scrollbar-color:rgba(120,130,150,.28) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(120,130,150,.28);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(120,130,150,.5)}::-webkit-scrollbar-corner{background:transparent}html{font-size:16px;zoom:1}body,html{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);min-height:calc(100vh / var(--vp-zoom, 1));line-height:1.6;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}body:has(.mplp),body:has(.svcp),html.always-light-surface,html.always-light-surface body,html:has(.mplp),html:has(.svcp){background-color:#f4f6fb}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:600;font-size:.95rem;padding:.65rem 1.25rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition-smooth)}.add-pill{background-color:var(--primary-light);color:var(--primary);border-color:transparent}.add-pill:hover:not(:disabled){background-color:var(--primary);color:#fff;transform:translateY(-1px)}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(2px);background:#1e293b;color:#fff;font-size:.72rem;font-weight:600;line-height:1;padding:4px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .09s ease,transform .09s ease;z-index:20}.tip:focus-visible:after,.tip:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--surface);color:var(--text-primary);border-color:var(--surface-border)}.btn-secondary:hover{background-color:#6d28d9;border-color:#6d28d9;color:#fff;transform:translateY(-1px)}.wbtn{transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .12s ease}.wbtn:hover:not(:disabled){background-color:#6d28d9!important;border-color:#6d28d9!important;color:#fff!important;transform:translateY(-1px)}.wchip{transition:background-color .14s ease,border-color .14s ease,color .14s ease}.wchip:hover:not(:disabled){background-color:var(--primary)!important;border-color:var(--primary)!important;border-style:solid!important;color:#fff!important}.wghost{transition:color .12s ease}.wghost:hover:not(:disabled){color:var(--primary)!important}.wrow{color:var(--text-primary);transition:background-color .12s ease}.wrow:hover:not(:disabled){background-color:var(--primary-light)!important}.wtab{transition:background-color .12s ease,color .12s ease,border-color .12s ease}.wtab:hover:not(:disabled){background-color:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;padding-right:34px!important}[data-theme=dark] select{color:var(--text-primary)}[data-theme=dark] select option{background-color:var(--surface);color:var(--text-primary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) select{color:var(--text-primary)}:root:not([data-theme=light]) select option{background-color:var(--surface);color:var(--text-primary)}}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=month]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.7);cursor:pointer}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) input[type=date]::-webkit-calendar-picker-indicator,:root:not([data-theme=light]) input[type=datetime-local]::-webkit-calendar-picker-indicator,:root:not([data-theme=light]) input[type=month]::-webkit-calendar-picker-indicator,:root:not([data-theme=light]) input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.7);cursor:pointer}}.pbtn{transition:filter .12s ease}.pbtn:hover:not(:disabled){filter:brightness(1.08)}.dbtn{transition:background-color .14s ease,color .14s ease,border-color .14s ease}.dbtn:hover:not(:disabled){background-color:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.card{background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);transition:var(--transition-smooth)}.card:hover{border-color:var(--border-hover)}.card.no-lift:hover{border-color:var(--surface-border)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md)}.glass-card,.input{transition:var(--transition-smooth)}.input{font-family:var(--font-sans);width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--surface-border);background-color:var(--surface);color:var(--text-primary);outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.status-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-full)}.status-normal{background-color:rgba(16,185,129,.1);color:var(--success-color)}.status-warning{background-color:rgba(245,158,11,.1);color:var(--warning-color)}.status-critical{background-color:rgba(234,88,12,.1);color:var(--danger-color)}.dashboard-container{display:flex;min-height:calc(100vh / var(--vp-zoom, 1))}.sidebar-panel{width:236px;height:calc(100vh / var(--vp-zoom, 1));position:-webkit-sticky;position:sticky;top:0;border-right:1px solid var(--surface-border);background-color:var(--surface);padding:2rem 1.5rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;z-index:40}.main-content,.sidebar-panel{transition:var(--transition-smooth)}.main-content{flex:1 1;background-color:var(--background);min-width:0;overflow-x:clip}@media (max-width:900px){.main-content>div{padding-left:1.25rem!important;padding-right:1.25rem!important}}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-nav a svg{flex:none}.sidebar-footer{display:flex;flex-direction:column;gap:1.25rem;margin-top:auto}.sidebar-backdrop{display:none}.sidebar-brandbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.sidebar-burger{display:none}.sidebar-burger,.sidebar-collapse-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;align-items:center;justify-content:center}.sidebar-collapse-btn{display:inline-flex;border-radius:var(--radius-sm)}.sidebar-collapse-btn:hover{background:var(--surface-border)}@media (min-width:769px){.dashboard-container{padding-left:76px}.sidebar-panel{position:fixed;top:0;left:0;overflow:hidden}.sidebar-panel:not(.is-collapsed){box-shadow:var(--shadow-float)}.sidebar-nav{flex:1 1 auto;overflow-y:auto;min-height:0;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-panel.is-collapsed{width:76px;padding:2rem .75rem}.sidebar-panel.is-collapsed .sidebar-brandbar{flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.sidebar-panel.is-collapsed .brand-text,.sidebar-panel.is-collapsed .logout-text,.sidebar-panel.is-collapsed .sidebar-nav a span,.sidebar-panel.is-collapsed .user-meta{display:none}.sidebar-panel.is-collapsed .dash-userbox{display:none!important}.sidebar-panel.is-collapsed .sidebar-nav a{justify-content:center;padding:.7rem}.sidebar-panel.is-collapsed .quick-actions{display:none!important}}.sidebar-body{display:flex;flex-direction:column;flex:1 1 auto;justify-content:space-between;gap:2rem;min-height:0}@media (max-width:768px){.dashboard-container{flex-direction:column}.sidebar-panel{width:100%;height:auto;position:-webkit-sticky;position:sticky;top:0;padding:.7rem 1rem;border-right:none;border-bottom:1px solid var(--surface-border);gap:0;z-index:45}.sidebar-brandbar{margin-bottom:0}.sidebar-burger{display:flex}.sidebar-body,.sidebar-collapse-btn{display:none}.sidebar-body.open{display:flex;flex-direction:column;gap:1rem;position:fixed;top:0;right:0;bottom:0;width:min(82vw,320px);z-index:120;background:var(--surface);border-left:1px solid var(--surface-border);box-shadow:var(--shadow-float);padding:1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom));margin-top:0;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:drawerInRTL .28s cubic-bezier(.22,1,.36,1)}@keyframes drawerInRTL{0%{transform:translateX(100%)}to{transform:translateX(0)}}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:110;background:rgba(15,23,42,.45);border:none;animation:backdropFade .2s ease}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.sidebar-burger{position:relative;z-index:130}.sidebar-nav{flex-direction:column;gap:.35rem}.sidebar-nav a{padding:.7rem .85rem;font-size:.95rem}.dash-userbox{display:flex}.sidebar-footer{flex-direction:column;gap:1rem;margin-top:0}}.mp-soft{box-shadow:none}.mp-int{transition:border-color .16s ease,background-color .16s ease}.mp-int:hover{border-color:var(--border-hover)!important}.mp-btn{transition:filter .12s ease}.mp-btn:hover{filter:brightness(1.06)}.mp-btn:active{filter:brightness(.96)}