@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-indigo: #4F46E5;--color-indigo-hover: #4338CA;--color-indigo-light: #818cf8;--color-blue: #3b82f6;--color-emerald: #10B981;--color-amber: #f59e0b;--color-red: #DC2626;--color-cyan: #06b6d4;--text-primary: #0F172A;--text-secondary: #64748B;--text-tertiary: #9CA3AF;--text-label: #374151;--text-muted: #6B7280;--bg-dark-start: #0F172A;--bg-dark-end: #1E293B;--bg-page: #F1F5F9;--bg-card: #FFFFFF;--bg-input: #F9FAFB;--bg-hover: #F9FAFB;--border-default: #D1D5DB;--border-light: #E5E7EB;--border-focus: #4F46E5;--sidebar-width: 240px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}.spinner{width:20px;height:20px;border:2px solid rgba(79,70,229,.15);border-top-color:var(--color-indigo);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-split{display:flex;min-height:100vh}.login-left{width:60%;background:linear-gradient(160deg,var(--bg-dark-start) 0%,var(--bg-dark-end) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 25% 35%,rgba(79,70,229,.12) 0%,transparent 55%),radial-gradient(ellipse at 75% 65%,rgba(59,130,246,.08) 0%,transparent 50%);pointer-events:none}.login-left-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2.5rem;max-width:480px}.login-brand-card{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem 3rem;text-align:center}.login-brand-logo{font-size:2.75rem;font-weight:800;color:#fff;letter-spacing:.08em;line-height:1;margin-bottom:.5rem}.login-brand-tagline{font-size:11px;font-weight:500;color:#ffffff73;letter-spacing:.15em;text-transform:uppercase}.login-brand-description{font-size:14px;color:#ffffff8c;line-height:1.6;text-align:center;max-width:360px}.login-right{width:40%;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:3rem}.login-form-container{width:100%;max-width:360px}.login-form-heading{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px}.login-form-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:2rem}.login-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;margin-bottom:1.25rem;font-size:13px;color:var(--color-red)}.login-error-dismiss{margin-left:auto;background:none;border:none;color:var(--color-red);font-size:16px;cursor:pointer;padding:0;line-height:1}.login-field{margin-bottom:1.25rem}.login-form-label{display:block;font-size:13px;font-weight:500;color:var(--text-label);margin-bottom:6px}.login-form-input{width:100%;border:1.5px solid var(--border-default);border-radius:8px;padding:10px 14px;background:var(--bg-input);font-size:14px;font-family:inherit;color:var(--text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-form-input::placeholder{color:var(--text-tertiary)}.login-form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #4f46e51a}.login-form-input.input-error{border-color:var(--color-red);box-shadow:0 0 0 3px #dc262614}.login-password-wrapper{position:relative;display:flex;align-items:center}.login-password-wrapper .login-form-input{padding-right:44px}.login-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s ease}.login-password-toggle:hover{color:var(--text-secondary)}.login-btn-primary{width:100%;height:44px;background:var(--color-indigo);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;font-family:inherit;cursor:pointer;transition:background .15s ease;margin-top:.25rem}.login-btn-primary:hover:not(:disabled){background:var(--color-indigo-hover)}.login-btn-primary:focus-visible{outline:2px solid var(--color-indigo);outline-offset:2px}.login-btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;margin:1.25rem 0;color:var(--text-tertiary);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.login-btn-sso{width:100%;height:44px;background:#fff;color:var(--text-label);border:1.5px solid var(--border-default);border-radius:8px;font-weight:500;font-size:14px;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease}.login-btn-sso:hover{background:var(--bg-hover)}.login-btn-sso:focus-visible{outline:2px solid var(--color-indigo);outline-offset:2px}.login-footer{margin-top:1.75rem;text-align:center}.credentials-chip{display:inline-block;background:#f3f4f6;border:1px solid var(--border-light);color:var(--text-label);font-size:12px;padding:4px 10px;border-radius:6px;font-family:SF Mono,Fira Code,Consolas,monospace}.login-powered-by{font-size:11px;color:var(--text-tertiary);margin-top:12px}.app-shell{display:flex;min-height:100vh;background:var(--bg-page)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:#fff;border-right:1px solid #E2E8F0;z-index:100;display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:1.5rem 1.25rem 1.25rem;border-bottom:1px solid #F1F5F9}.sidebar-logo{font-size:22px;font-weight:800;color:var(--color-indigo);letter-spacing:.05em;margin-bottom:1px}.sidebar-subtitle{font-size:9px;font-weight:500;color:var(--text-tertiary);letter-spacing:.12em;text-transform:uppercase}.sidebar-nav{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:500;border-radius:8px;transition:all .15s ease}.nav-item:hover{color:var(--text-primary);background:#f8fafc}.nav-item.active{color:var(--color-indigo);background:#eef2ff;font-weight:600}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.nav-label{white-space:nowrap}.nav-section{margin:1px 0}.nav-section-header{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--text-secondary);font-size:13.5px;font-weight:500;border-radius:8px;cursor:pointer;border:none;background:none;width:100%;font-family:inherit;text-align:left;transition:all .15s ease}.nav-section-header:hover{color:var(--text-primary);background:#f8fafc}.nav-section-header.section-active{color:var(--color-indigo)}.expand-icon{margin-left:auto;display:flex;align-items:center;transition:transform .15s ease;transform:rotate(0);font-size:18px!important;color:var(--text-tertiary)}.nav-section-header.expanded .expand-icon{transform:rotate(90deg)}.nav-section-items{max-height:0;overflow:hidden;transition:max-height .2s ease}.nav-section-items.expanded{max-height:400px}.nav-section-items .nav-item{padding-left:42px;font-size:13px}.nav-subsection{margin:1px 0}.nav-subsection-header{display:flex;align-items:center;gap:10px;padding:7px 12px 7px 42px;color:var(--text-secondary);font-size:12.5px;font-weight:500;border-radius:8px;cursor:pointer;border:none;background:none;width:100%;font-family:inherit;text-align:left;transition:all .15s ease}.nav-subsection-header:hover{color:var(--text-primary);background:#f8fafc}.nav-subsection-header.section-active{color:var(--color-indigo)}.nav-subsection-header .expand-icon.sub{margin-left:auto;font-size:16px!important}.nav-subsection-header.expanded .expand-icon.sub{transform:rotate(90deg)}.nav-subsection-items{max-height:0;overflow:hidden;transition:max-height .2s ease}.nav-subsection-items.expanded{max-height:200px}.nav-item.nav-item-l3{padding-left:56px;font-size:12.5px}.sidebar-footer{padding:.75rem 1rem;border-top:1px solid #F1F5F9;display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:8px;background:var(--color-indigo);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.user-details{flex:1;min-width:0;display:flex;flex-direction:column}.user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--text-tertiary);text-transform:capitalize}.logout-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s ease}.logout-btn:hover{color:var(--color-red);background:#fef2f2}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2rem 2.5rem;min-height:100vh}.stat-card-accent{position:relative;overflow:hidden}.stat-card-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-card-accent.accent-indigo:before{background:linear-gradient(90deg,#4f46e5,#6366f1)}.stat-card-accent.accent-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card-accent.accent-emerald:before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card-accent.accent-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card-accent.accent-red:before{background:linear-gradient(90deg,#dc2626,#f87171)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.online{background:var(--color-emerald)}.status-dot.offline{background:var(--border-default)}.status-dot.pending{background:var(--color-amber)}.health-score{font-weight:600;font-size:13px;font-variant-numeric:tabular-nums}.health-score.excellent{color:#059669}.health-score.good{color:#3b82f6}.health-score.fair{color:#d97706}.health-score.poor{color:#dc2626}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .35s ease backwards}.animate-in:nth-child(1){animation-delay:.03s}.animate-in:nth-child(2){animation-delay:.06s}.animate-in:nth-child(3){animation-delay:.09s}.animate-in:nth-child(4){animation-delay:.12s}@media (max-width: 900px){.login-split{flex-direction:column}.login-left{width:100%;min-height:35vh;padding:2rem}.login-left .login-illustration{display:none}.login-right{width:100%;padding:2rem}}@media (max-width: 768px){.sidebar{width:56px}.sidebar-header{padding:1rem .5rem;text-align:center}.sidebar-logo{font-size:16px}.sidebar-subtitle,.nav-label,.user-details,.expand-icon{display:none}.nav-item,.nav-section-header{justify-content:center;padding:10px}.nav-section-items .nav-item{padding-left:10px}.sidebar-footer{justify-content:center}.main-content{margin-left:56px;padding:1.5rem}}.theme-toggle-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s ease}.theme-toggle-btn:hover{color:var(--color-amber);background:#fffbeb}[data-theme=dark]{--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-tertiary: #64748B;--text-label: #CBD5E1;--text-muted: #94A3B8;--bg-page: #0F172A;--bg-card: #1E293B;--bg-input: #0F172A;--bg-hover: rgba(148, 163, 184, .06);--border-default: #475569;--border-light: #334155;--border-focus: #818cf8}[data-theme=dark] body{background-color:#0f172a;color:#f1f5f9}[data-theme=dark] .sidebar{background:#1e293b;border-right-color:#334155}[data-theme=dark] .sidebar-header{border-bottom-color:#334155}[data-theme=dark] .sidebar-logo{color:#818cf8}[data-theme=dark] .nav-item:hover{color:#f1f5f9;background:#94a3b80f}[data-theme=dark] .nav-item.active{color:#a5b4fc;background:#6366f11f}[data-theme=dark] .nav-section-header:hover{color:#f1f5f9;background:#94a3b80f}[data-theme=dark] .nav-section-header.section-active{color:#a5b4fc}[data-theme=dark] .nav-subsection-header:hover{color:#f1f5f9;background:#94a3b80f}[data-theme=dark] .nav-subsection-header.section-active{color:#a5b4fc}[data-theme=dark] .expand-icon{color:#64748b}[data-theme=dark] .sidebar-footer{border-top-color:#334155}[data-theme=dark] .user-avatar{background:#6366f1}[data-theme=dark] .user-name{color:#f1f5f9}[data-theme=dark] .logout-btn{color:#64748b}[data-theme=dark] .logout-btn:hover{color:#f87171;background:#ef44441a}[data-theme=dark] .theme-toggle-btn:hover{color:#fbbf24;background:#fbbf241a}[data-theme=dark] .main-content,[data-theme=dark] .app-shell{background:#0f172a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1a}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff2e}[data-theme=dark] .spinner{border-color:#818cf826;border-top-color:#818cf8}[data-theme=dark] .status-dot.offline{background:#64748b}[data-theme=dark] .health-score.excellent{color:#34d399}[data-theme=dark] .health-score.good{color:#60a5fa}[data-theme=dark] .health-score.fair{color:#fbbf24}[data-theme=dark] .health-score.poor{color:#f87171}[data-theme=dark] code{background:#0f172a!important;color:#94a3b8!important}[data-theme=dark] .login-error{background:#ef44441a;border-color:#ef444440}