:root{color-scheme:light;--bg: #f6f7fb;--panel: #ffffff;--ink: #1f2430;--muted: #5c667a;--accent: #1665d8;--accent-2: #0f8a5f;--danger: #b33a3a}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,#fff,#eef1f7,#e7ebf5)}a{color:inherit}.container{max-width:980px;margin:0 auto;padding:24px}.card{background:var(--panel);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px;box-shadow:0 8px 24px #1e283c14}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid transparent;padding:10px 14px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff}.btn.secondary{background:#fff;color:var(--accent);border-color:#1665d866}.btn.danger{background:var(--danger)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;background:#e8ecf8;color:var(--accent)}.status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:#c7cfde}.status-dot.ok{background:#22b573}.status-dot.warn{background:#f4a340}.status-dot.err{background:#d9534f}input[type=text]{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);font-size:14px}video{width:100%;border-radius:12px;background:#000}@media (max-width: 600px){.container{padding:16px}}