:root{--color-navy: #0a1f44;--color-navy-2: #14224a;--color-blue: #0a84ff;--color-blue-strong: #0066ff;--color-blue-soft: #eaf3ff;--color-indigo: #5e5ce6;--color-purple: #af52de;--color-teal: #30b0c7;--color-green: #34c759;--color-amber: #ff9f0a;--color-red: #ff3b30;--color-text: #1d1d1f;--color-text-2: #3a3a3c;--color-muted: #86868b;--color-hairline: #e5e5ea;--color-hairline-2: #f2f2f4;--color-bg: #ffffff;--color-bg-soft: #f5f5f7;--color-bg-tint: #fbfbfd;--color-glass: rgba(255, 255, 255, .72);--color-glass-strong: rgba(255, 255, 255, .86);--shadow-1: 0 1px 1px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .04);--shadow-2: 0 1px 2px rgba(15, 23, 42, .05), 0 6px 18px rgba(15, 23, 42, .06);--shadow-3: 0 2px 4px rgba(15, 23, 42, .05), 0 12px 28px rgba(15, 23, 42, .1);--shadow-modal: 0 24px 64px rgba(15, 23, 42, .2), 0 8px 24px rgba(15, 23, 42, .1);--shadow-focus: 0 0 0 4px rgba(10, 132, 255, .18);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--space-9: 64px;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}.material-icons-round,.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 350,"GRAD" 0,"opsz" 24;transition:font-variation-settings .2s var(--ease-out)}.material-icons-round.filled,.material-symbols-rounded.filled,.icon-filled .material-icons-round{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}html,body{margin:0;padding:0;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;font-size:14px;line-height:1.5;letter-spacing:-.005em;color:var(--color-text);background:var(--color-bg-soft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--color-text);letter-spacing:-.022em}h1{font-size:28px;font-weight:700;letter-spacing:-.028em}h2{font-size:22px;font-weight:600}h3{font-size:16px;font-weight:600;letter-spacing:-.012em}p{margin:0}a{color:var(--color-blue);text-decoration:none;transition:opacity .15s var(--ease-out)}a:hover{opacity:.75}button{font-family:inherit}.card{background:var(--color-bg);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-1);transition:box-shadow .2s var(--ease-out),transform .2s var(--ease-out)}.card-flat{background:var(--color-bg-tint);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-6)}.card-glass{background:var(--color-glass-strong);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-2)}.kpi-card{position:relative;background:var(--color-bg);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-1);overflow:hidden;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out)}.kpi-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.kpi-card .label{font-size:12px;font-weight:500;color:var(--color-muted);letter-spacing:.01em;text-transform:none}.kpi-card .value{font-size:clamp(20px,2.1vw,27px);font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums;letter-spacing:-.025em;margin:6px 0 4px;line-height:1.15;overflow-wrap:anywhere}.kpi-card .sub{font-size:12.5px;color:var(--color-muted);font-weight:500}.muted{color:var(--color-muted)}.btn{appearance:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-md);padding:9px 18px;font-weight:600;font-size:13.5px;letter-spacing:-.005em;line-height:1;transition:background .15s var(--ease-out),transform .1s var(--ease-out),box-shadow .15s var(--ease-out),color .15s var(--ease-out);white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-blue);color:#fff;box-shadow:0 1px 2px #0a84ff40,inset 0 1px #ffffff2e}.btn-primary:hover:not(:disabled){background:#0a78ee;box-shadow:0 4px 12px #0a84ff59}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-hairline);box-shadow:var(--shadow-1)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-soft);border-color:#d2d2d7}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover:not(:disabled){background:var(--color-hairline-2)}.btn-danger{background:var(--color-red);color:#fff;box-shadow:0 1px 2px #ff3b3040}.btn-danger:hover:not(:disabled){background:#e63329}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:600;letter-spacing:-.005em;line-height:1.6}.badge-critical{background:#ff3b301a;color:#c92a20}.badge-medium{background:#ff9f0a1f;color:#b46a00}.badge-ok{background:#34c7591f;color:#1f8a3c}.badge-info{background:#0a84ff1a;color:#0a78ee}.badge-muted{background:var(--color-hairline-2);color:var(--color-muted)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.table th{text-align:left;background:var(--color-bg-tint);color:var(--color-muted);font-weight:600;text-transform:none;font-size:11.5px;letter-spacing:.005em;padding:11px 16px;border-bottom:1px solid var(--color-hairline);position:sticky;top:0;z-index:1}.table td{padding:12px 16px;border-bottom:1px solid var(--color-hairline-2);background:#fff;color:var(--color-text)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-bg-tint)}.input,.select,input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=tel],input[type=url],textarea,select{appearance:none;-webkit-appearance:none;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:9px 14px;font-size:13.5px;font-family:inherit;font-weight:500;color:var(--color-text);background-color:var(--color-bg);box-shadow:0 1px #0f172a05,inset 0 0 0 1px #ffffff80;transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out),background-color .18s var(--ease-out);line-height:1.3}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--color-muted);font-weight:400}.input:hover:not(:focus),.select:hover:not(:focus),input[type=text]:hover:not(:focus),input[type=search]:hover:not(:focus),input[type=email]:hover:not(:focus),input[type=password]:hover:not(:focus),input[type=number]:hover:not(:focus),input[type=date]:hover:not(:focus),input[type=datetime-local]:hover:not(:focus),textarea:hover:not(:focus),select:hover:not(:focus){border-color:#c7c7cc;background-color:var(--color-bg-tint)}.input:focus,.select:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-blue);background-color:var(--color-bg);box-shadow:var(--shadow-focus)}.input:disabled,.select:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.55;cursor:not-allowed;background-color:var(--color-bg-soft)}.select,select{cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.select:hover,select:hover{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")}.input.input-sm,.select.select-sm,select.select-sm{padding:6px 12px;font-size:12.5px}.select.select-sm,select.select-sm{padding-right:30px;background-position:right 10px center}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#b8b8c0;background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-track{background:transparent}.head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5)}.head h1{margin-bottom:4px}.head p.muted{font-size:13px;font-weight:500}@media (max-width: 900px){.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.table th,.table td{white-space:nowrap;padding:10px 12px}.head{flex-wrap:wrap;align-items:flex-start;gap:var(--space-3)}.head>*{min-width:0}.card,.kpi-card{padding:var(--space-4)}h1{font-size:22px}h2{font-size:19px}input,select,textarea{font-size:16px!important}img,video{max-width:100%;height:auto}}