:root{--ops-bg:#0f1117;--ops-card:#181b24;--ops-card-2:#1f2330;--ops-fg:#e5e7eb;--ops-fg-2:#94a3b8;--ops-fg-3:#64748b;--ops-border:#2a2f3d;--ops-accent:#6366f1;--ops-ok:#22c55e;--ops-warn:#f59e0b;--ops-err:#ef4444}*{box-sizing:border-box}body{background:var(--ops-bg);color:var(--ops-fg);margin:0;font-family:ui-sans-serif,system-ui,sans-serif}.ops-app{flex-direction:column;min-height:100vh;display:flex}.ops-header{background:var(--ops-card);border-bottom:1px solid var(--ops-border);align-items:center;gap:32px;height:56px;padding:0 24px;display:flex}.ops-brand{align-items:center;gap:10px;display:flex}.ops-logo{background:var(--ops-accent);border-radius:6px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.ops-env{background:var(--ops-card-2);color:var(--ops-warn);border:1px solid var(--ops-warn);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px;font-weight:600}.ops-nav{flex:1;gap:4px;display:flex}.ops-tab{color:var(--ops-fg-2);border-radius:6px;padding:8px 14px;font-size:14px;text-decoration:none}.ops-tab.is-active{background:var(--ops-card-2);color:var(--ops-fg);font-weight:600}.ops-user{color:var(--ops-fg-3);font-family:monospace;font-size:12px}.ops-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}.ops-card{background:var(--ops-card);border:1px solid var(--ops-border);border-radius:8px;margin-bottom:16px;padding:20px}.ops-card h2{color:var(--ops-fg-2);text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px;font-size:14px;font-weight:600}.ops-stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ops-stat{background:var(--ops-card);border:1px solid var(--ops-border);border-radius:8px;padding:16px}.ops-stat__label{color:var(--ops-fg-3);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.ops-stat__val{margin:6px 0 2px;font-size:28px;font-weight:700}.ops-stat__delta{font-size:12px}.ops-stat__delta--up{color:var(--ops-ok)}.ops-stat__delta--down{color:var(--ops-err)}.ops-table{border-collapse:collapse;width:100%;font-size:13px}.ops-table th,.ops-table td{text-align:left;border-bottom:1px solid var(--ops-border);padding:10px 12px}.ops-table th{color:var(--ops-fg-3);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.ops-table tbody tr:hover{background:#6366f10d}.ops-row{align-items:center;gap:8px;display:flex}.ops-btn{border:1px solid var(--ops-border);background:var(--ops-card-2);color:var(--ops-fg);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.ops-btn:hover{border-color:var(--ops-accent)}.ops-btn--primary{background:var(--ops-accent);border-color:var(--ops-accent)}.ops-btn--danger{color:var(--ops-err);border-color:var(--ops-err)}.ops-input{border:1px solid var(--ops-border);background:var(--ops-card);color:var(--ops-fg);font:inherit;border-radius:6px;padding:6px 10px}.ops-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.ops-badge--ok{color:var(--ops-ok);background:#22c55e26}.ops-badge--warn{color:var(--ops-warn);background:#f59e0b26}.ops-badge--err{color:var(--ops-err);background:#ef444426}.ops-badge--info{color:var(--ops-accent);background:#6366f126}.ops-badge--neutral{background:var(--ops-card-2);color:var(--ops-fg-2)}code{font-family:ui-monospace,monospace}.ops-btn--active{background:var(--ops-accent);color:#fff;border-color:var(--ops-accent)}.ops-btn--active:hover{border-color:var(--ops-accent)}.ops-skel{background:linear-gradient(90deg, var(--ops-card) 25%, var(--ops-card-2) 50%, var(--ops-card) 75%);background-size:200% 100%;border-radius:4px;height:14px;animation:1.4s infinite ops-shimmer;display:block}@keyframes ops-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ops-skel--title{height:20px;margin-bottom:10px}.ops-skel--row{border-radius:6px;height:40px;margin-bottom:8px}