@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap");:root{--bg-outer:#060912;--bg:#0a0f1c;--bg-panel:#0d1524;--bg-side:#0b111f;--bg-row:#0d1526;--bg-track:#131d33;--border:#16203a;--border-soft:#1e293b;--text:#f1f5f9;--text-2:#e2e8f0;--text-3:#cbd5e1;--muted:#94a3b8;--muted-2:#64748b;--muted-3:#475569;--muted-4:#526180;--accent:#38bdf8;--green:#34d399;--amber:#fbbf24;--orange:#f59e0b;--red:#f87171}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-outer);color:var(--text);font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}.mono{font-family:IBM Plex Mono,ui-monospace,SF Mono,Menlo,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{cursor:pointer;border:none;background:var(--accent);color:#0a0f1c;padding:7px 15px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;transition:opacity .15s,background .15s}button:hover{opacity:.88}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--muted-2);padding:4px 10px;font-weight:500}button.secondary:hover{color:var(--text-2)}input,select{background:var(--bg-track);color:var(--text);border:1px solid var(--border);padding:10px 14px;border-radius:8px;font-size:14px;width:100%;font-family:inherit}input:focus,select:focus{outline:none;border-color:var(--accent)}input::placeholder{color:var(--muted-3)}.panel-shell{min-height:100vh;background:var(--bg-outer);padding:24px 0;display:flex;justify-content:center}.panel-inner{width:100%;max-width:1440px;background:var(--bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px -30px rgba(0,0,0,.8)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0c1424,#0a0f1c)}.panel-nav a{font-size:14px;font-weight:600;color:var(--muted-2);padding:7px 14px;border-radius:8px;cursor:pointer}.panel-nav a:hover{color:var(--text-3);background:hsla(0,0%,100%,.02)}.panel-nav a.active{color:var(--accent);background:rgba(56,189,248,.1)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.pulse-dot{animation:pulse-dot 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:4px}::-webkit-scrollbar-track{background:transparent}