:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--surface:#111821;--surface-2:#151e29;--surface-3:#1c2734;--line:#27313d;--line-soft:#1f2833;--text:#eef2f6;--muted:#a6b0be;--subtle:#8292a5;--accent:#71a6ff;--accent-strong:#286fd3;--accent-bg:#172943;--positive:#7bcbb1;--negative:#f3949c;--warning:#e9be73;--shadow:0 16px 56px #0007;--radius:8px;--font:Arial,Helvetica,sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f5f8;--surface:#fff;--surface-2:#f6f8fb;--surface-3:#eaf0f7;--line:#d4dce6;--line-soft:#e4e9f0;--text:#172331;--muted:#586779;--subtle:#596c82;--accent:#286acc;--accent-strong:#2568ca;--accent-bg:#e7f0ff;--positive:#16795d;--negative:#b9394b;--warning:#875a0a;--shadow:0 16px 56px #20304420}.button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 11px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-3);border-color:var(--subtle)}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.button-primary:hover:not(:disabled){background:#2b6ccf}.button-ghost{color:var(--muted);background:0 0;border-color:#0000}.button-danger{color:var(--negative)}.button-small{min-height:28px;padding:4px 8px;font-size:12px}.button-icon{width:34px;padding:7px}.button svg{flex-shrink:0;width:15px;height:15px}.badge{white-space:nowrap;letter-spacing:.01em;background:var(--surface-3);color:var(--muted);border-radius:4px;align-items:center;gap:5px;padding:3px 6px;font-size:11px;font-weight:600;display:inline-flex}.badge-positive{color:var(--positive);background:color-mix(in srgb,var(--positive) 11%,transparent)}.badge-negative{color:var(--negative);background:color-mix(in srgb,var(--negative) 11%,transparent)}.badge-warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 11%,transparent)}.badge-accent{color:var(--accent);background:var(--accent-bg)}.badge svg{width:11px;height:11px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:32px 22px;display:flex}.empty-state h3{margin:12px 0 0;font-size:15px;font-weight:600}.empty-state p{color:var(--muted);max-width:420px;margin:9px 0 18px;font-size:13px;line-height:1.65}.empty-icon{background:var(--surface-3);width:42px;height:42px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.empty-icon svg{width:20px;height:20px}.skeleton{background:var(--surface-3);border-radius:4px;animation:1.5s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.4}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}