:root{--navy: #0f172a;--navy-800: #1e293b;--navy-700: #334155;--accent: #0369a1;--accent-600: #0284c7;--accent-500: #0ea5e9;--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--fg: #020617;--muted: #e8ecf1;--muted-fg: #475569;--muted-fg-2: #64748b;--border: #e2e8f0;--border-strong: #cbd5e1;--destructive: #dc2626;--destructive-bg: #fef2f2;--success: #16a34a;--success-bg: #f0fdf4;--warning: #d97706;--warning-bg: #fffbeb;--info: #0369a1;--ring: #0ea5e9;--grad-cta: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%);--grad-navy: linear-gradient(180deg, #0f172a 0%, #111c33 100%);--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 22px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .05);--shadow: 0 4px 16px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .1), 0 4px 12px rgba(15, 23, 42, .05);--shadow-accent: 0 6px 18px rgba(3, 105, 161, .28);--sidebar-w: 248px;--topbar-h: 64px;--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.01em;font-weight:700}a{color:inherit;text-decoration:none}button{font-family:inherit}.tnum{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:42px;padding:0 1.1rem;border-radius:var(--r-sm);border:1px solid transparent;font-weight:600;font-size:.92rem;cursor:pointer;white-space:nowrap;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--grad-cta);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 22px #0369a15c}.btn-outline{background:var(--surface);border-color:var(--border-strong);color:var(--navy)}.btn-outline:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted-fg-2)}.btn-ghost{background:transparent;color:var(--muted-fg)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--navy)}.btn-sm{height:34px;padding:0 .8rem;font-size:.85rem}.btn-danger{background:var(--destructive);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:1.25rem 1.4rem}.field{display:flex;flex-direction:column;gap:.4rem}.label{font-size:.82rem;font-weight:600;color:var(--navy-700)}.label .req{color:var(--destructive);margin-left:2px}.input,.select{height:42px;padding:0 .85rem;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);font:inherit;font-size:.92rem;color:var(--fg);width:100%;transition:border-color .18s ease,box-shadow .18s ease}.input:focus,.select:focus{outline:none;border-color:var(--accent-500);box-shadow:0 0 0 3px #0ea5e92e}.input::placeholder{color:var(--muted-fg-2)}.helper{font-size:.78rem;color:var(--muted-fg)}.error-text{font-size:.8rem;color:var(--destructive);font-weight:500}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:.01em;border:1px solid transparent}.badge-neutral{background:var(--surface-2);color:var(--muted-fg);border-color:var(--border)}.badge-ok{background:var(--success-bg);color:var(--success)}.badge-low{background:var(--info);color:#fff}.badge-high{background:var(--warning-bg);color:var(--warning)}.dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}.dot-ok{background:var(--success)}.dot-low{background:var(--accent-500)}.dot-high{background:var(--warning)}.dot-unknown{background:var(--border-strong)}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-fg-2);font-weight:700;padding:.7rem 1rem;border-bottom:1px solid var(--border)}.table td{padding:.85rem 1rem;border-bottom:1px solid var(--border);color:var(--navy-800)}.table tbody tr{transition:background .14s ease}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-up{animation:fade-up .5s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh}.sidebar{background:var(--grad-navy);color:#cbd5e1;display:flex;flex-direction:column;padding:1.1rem .9rem;position:sticky;top:0;height:100dvh}.sidebar-brand{padding:.4rem .6rem 1.3rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.62rem .7rem;border-radius:10px;color:#94a3b8;font-weight:600;font-size:.92rem;margin-bottom:2px;cursor:pointer;transition:background .16s ease,color .16s ease}.nav-item:hover{background:#ffffff0f;color:#e2e8f0}.nav-item.active{background:#0ea5e929;color:#fff;box-shadow:inset 2px 0 0 var(--accent-500)}.content{min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 1.8rem;background:#f8fafcd9;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.page{padding:1.8rem;max-width:1200px;width:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.page-head h1{font-size:1.5rem;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.avatar{width:34px;height:34px;border-radius:50%;background:var(--grad-cta);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;height:auto;flex-direction:row;align-items:center;overflow-x:auto;padding:.6rem .8rem;gap:.3rem}.sidebar-brand{padding:0 .6rem}.sidebar-nav{display:flex;gap:.2rem}.nav-item{margin-bottom:0;white-space:nowrap}.nav-item .nav-label{display:none}.page{padding:1.1rem}}@media(max-width:760px){.login-wrap{grid-template-columns:1fr!important}.login-brand{display:none!important}}.muted{color:var(--muted-fg)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner-dark{border-color:var(--border-strong);border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}