:root{--brand:#1a56db;--brand-hover:#1e40af;--bg:#0b0b0f;--surface:#16161b;--surface-alt:#1e1e24;--border:#2a2a31;--text:#e6e6e6;--text-muted:#9a9aa5;--online:#22c55e;--offline:#6b7280;--danger:#f87171}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}.btn{border:1px solid var(--border);background:var(--surface-alt);color:var(--text);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem}.btn:hover{background:#26262e}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover)}.input{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.6rem .8rem;border-radius:6px;font-size:.95rem;width:100%}.input:focus{outline:2px solid var(--brand);border-color:var(--brand)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.screen-grid{display:grid;grid-template-columns:minmax(400px,1fr);grid-gap:1rem;gap:1rem}@media (min-width:850px){.screen-grid{grid-template-columns:repeat(2,minmax(400px,1fr))}}@media (max-width:767px){.viewer-agentid{display:none}}