[data-eye=root]{--eye-bg:#f6f9fb;--eye-bg-2:#eef2f5;--eye-panel:#ffffff;--eye-panel-2:#f2f5f7;--eye-glass:rgba(255,255,255,0.72);--eye-border:#dbe3e7;--eye-border-2:#c5d0d5;--eye-text:#171b1d;--eye-muted:#47575a;--eye-faint:#6a7a7b;--eye-accent:#0a9fb2;--eye-accent-2:#006970;--eye-accent-3:#bc00fb;--eye-cyan:#00d3e2;--eye-good:#059669;--eye-good-2:#10b981;--eye-warn:#c2740a;--eye-bad:#dc2626;--eye-bad-2:#ef4444;--eye-shadow:0 10px 34px -14px rgba(0,105,112,0.22);background:radial-gradient(900px 460px at 88% -10%,rgba(0,211,226,.1),transparent 60%),radial-gradient(820px 460px at 4% 6%,rgba(188,0,251,.07),transparent 55%),var(--eye-bg);color:var(--eye-text);font-family:var(--font-sans),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}[data-eye=root] *{box-sizing:border-box}[data-eye=root] a{color:var(--eye-accent);text-decoration:none;transition:color .15s}[data-eye=root] a:hover{color:var(--eye-accent-2)}[data-eye=root] ::-webkit-scrollbar{width:10px;height:10px}[data-eye=root] ::-webkit-scrollbar-thumb{background:var(--eye-border-2);border-radius:999px;border:2px solid transparent;background-clip:content-box}[data-eye=root] ::-webkit-scrollbar-track{background:transparent}[data-eye=root] .eye-container{max-width:1180px;margin:0 auto;padding:0 22px}[data-eye=root] .eye-container-wide{max-width:1280px;margin:0 auto;padding:0 24px}[data-eye=root] .eye-panel{position:relative;background:var(--eye-panel);border:1px solid var(--eye-border);border-radius:16px;box-shadow:var(--eye-shadow),inset 1px 1px 0 rgba(255,255,255,.6)}[data-eye=root] .eye-glass{background:var(--eye-glass);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(0,211,226,.22);border-radius:16px}[data-eye=root] .eye-panel-hover{transition:border-color .18s,transform .18s,box-shadow .18s}[data-eye=root] .eye-panel-hover:hover{transform:translateY(-2px);border-color:rgba(0,211,226,.5);box-shadow:0 16px 40px -16px rgba(0,211,226,.35)}[data-eye=root] .eye-accentbar{position:relative;overflow:hidden}[data-eye=root] .eye-accentbar:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--eye-cyan),var(--eye-accent-3))}[data-eye=root] .eye-muted{color:var(--eye-muted)}[data-eye=root] .eye-brand{font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,#171b1d,var(--eye-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}[data-eye=root] .eye-gradient-text{background:linear-gradient(90deg,var(--eye-accent-2),var(--eye-accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}[data-eye=root] .eye-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:var(--eye-muted)}[data-eye=root] .eye-h-num{font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em}[data-eye=root] .eye-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,var(--eye-cyan),#00b7c6);color:#032a2e;font-weight:800;border:0;border-radius:10px;padding:12px 20px;cursor:pointer;font-size:15px;line-height:1;transition:filter .15s,transform .1s,box-shadow .15s;box-shadow:0 8px 22px -10px rgba(0,211,226,.75)}[data-eye=root] .eye-btn:hover{filter:brightness(1.04);box-shadow:0 10px 28px -8px rgba(0,211,226,.9)}[data-eye=root] .eye-btn:active{transform:translateY(1px)}[data-eye=root] .eye-btn:disabled{opacity:.5;cursor:default;box-shadow:none}[data-eye=root] .eye-btn-ghost{background:#fff;color:var(--eye-text);border:1px solid var(--eye-border-2);font-weight:700;box-shadow:none}[data-eye=root] .eye-btn-ghost:hover{background:var(--eye-panel-2);filter:none;box-shadow:none;border-color:var(--eye-accent)}[data-eye=root] .eye-btn-good{background:linear-gradient(180deg,var(--eye-good-2),var(--eye-good));color:#fff;box-shadow:0 8px 22px -10px rgba(5,150,105,.6)}[data-eye=root] .eye-btn-bad{background:linear-gradient(180deg,var(--eye-bad-2),var(--eye-bad));color:#fff;box-shadow:0 8px 22px -10px rgba(220,38,38,.5)}[data-eye=root] .eye-btn-sm{padding:7px 13px;font-size:13px;border-radius:8px}[data-eye=root] .eye-input{width:100%;padding:11px 13px;border-radius:8px;border:1px solid var(--eye-border-2);background:rgba(23,27,29,.03);color:var(--eye-text);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}[data-eye=root] .eye-input:focus{border-color:var(--eye-cyan);box-shadow:0 0 0 3px rgba(0,211,226,.18);background:#fff}[data-eye=root] .eye-input::placeholder{color:var(--eye-faint)}[data-eye=root] .eye-label{font-size:12px;font-weight:700;color:var(--eye-muted);margin-bottom:6px;display:block}[data-eye=root] .eye-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid var(--eye-border-2);color:var(--eye-muted);background:#fff}[data-eye=root] .eye-badge-good{color:var(--eye-good);border-color:rgba(5,150,105,.35);background:rgba(5,150,105,.08)}[data-eye=root] .eye-badge-warn{color:var(--eye-warn);border-color:rgba(194,116,10,.35);background:rgba(194,116,10,.08)}[data-eye=root] .eye-badge-bad{color:var(--eye-bad);border-color:rgba(220,38,38,.35);background:rgba(220,38,38,.08)}[data-eye=root] .eye-badge-accent{color:var(--eye-accent-2);border-color:rgba(0,211,226,.4);background:rgba(0,211,226,.1)}[data-eye=root] .eye-dot{width:9px;height:9px;border-radius:999px;background:var(--eye-muted);display:inline-block}[data-eye=root] .eye-dot-live{background:var(--eye-cyan);box-shadow:0 0 0 0 rgba(0,211,226,.55);animation:eye-pulse 1.8s infinite}@keyframes eye-pulse{0%{box-shadow:0 0 0 0 rgba(0,211,226,.55)}70%{box-shadow:0 0 0 8px rgba(0,211,226,0)}to{box-shadow:0 0 0 0 rgba(0,211,226,0)}}[data-eye=root] .eye-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}[data-eye=root] .eye-stat{padding:18px 20px}[data-eye=root] .eye-stat .eye-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--eye-muted)}[data-eye=root] .eye-stat .eye-stat-value{font-size:32px;font-weight:800;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}[data-eye=root] .eye-stat .eye-stat-sub{font-size:13px;color:var(--eye-muted);margin-top:3px}[data-eye=root] .eye-table{width:100%;border-collapse:collapse;font-size:14px}[data-eye=root] .eye-table thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--eye-muted);padding:8px 12px}[data-eye=root] .eye-table tbody td{padding:11px 12px;border-top:1px solid var(--eye-border)}[data-eye=root] .eye-table tbody tr:hover td{background:rgba(0,211,226,.045)}[data-eye=root] .eye-scroll-x{overflow-x:auto}[data-eye=root] .eye-nav{position:sticky;top:0;z-index:50;background:rgba(246,249,251,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--eye-border)}[data-eye=root] .eye-nav-link{font-size:14px;font-weight:700;color:var(--eye-muted);padding:8px 12px;border-radius:8px;transition:color .15s,background .15s}[data-eye=root] .eye-nav-link:hover{color:var(--eye-text);background:rgba(23,27,29,.04)}[data-eye=root] .eye-nav-link-active{color:var(--eye-accent-2);background:rgba(0,211,226,.12)}[data-eye=root] .eye-switch{width:44px;height:26px;border-radius:999px;background:var(--eye-border-2);position:relative;cursor:pointer;transition:background .18s;border:0;flex:0 0 auto}[data-eye=root] .eye-switch.on{background:linear-gradient(90deg,#00b7c6,var(--eye-cyan))}[data-eye=root] .eye-switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;transition:left .18s;box-shadow:0 1px 3px rgba(0,0,0,.25)}[data-eye=root] .eye-switch.on .knob{left:21px}@keyframes eye-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}[data-eye=root] .eye-fade-up{animation:eye-fade-up .4s ease both}@keyframes eye-ring-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}[data-eye=root] .eye-ring-in{animation:eye-ring-in .25s ease both}[data-eye=root] .eye-divider{height:1px;background:var(--eye-border);border:0;margin:0}[data-eye=root] code{font-family:var(--font-mono),ui-monospace,monospace}