:root{--bg:#0b1020;--panel:#111833;--panel2:#0f1630;--text:#e8ecff;--muted:#b3bbdd;--border:hsla(0,0%,100%,.12);--accent:#6aa6ff;--danger:#ff5d5d;--ok:#4fd18b;--warning:#ffd36a}*{box-sizing:border-box}body,html{padding:0;margin:0;background:radial-gradient(1200px 800px at 20% -10%,rgba(106,166,255,.25),transparent),radial-gradient(900px 650px at 90% 10%,rgba(79,209,139,.18),transparent),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{max-width:1120px;margin:0 auto;padding:24px}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid var(--border);border-radius:14px;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.row{display:flex;gap:12px;flex-wrap:wrap}.btn{background:hsla(0,0%,100%,.06);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:10px;cursor:pointer}.btn.primary{background:rgba(106,166,255,.18);border-color:rgba(106,166,255,.4)}.btn.danger{background:rgba(255,93,93,.14);border-color:rgba(255,93,93,.35)}.input{width:100%;background:rgba(0,0,0,.25);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:10px}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.05);font-size:12px}.badge.ok{border-color:rgba(79,209,139,.4);background:rgba(79,209,139,.12)}.badge.warn{border-color:rgba(255,211,106,.45);background:rgba(255,211,106,.12)}.badge.danger{border-color:rgba(255,93,93,.45);background:rgba(255,93,93,.12)}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:12px;gap:12px}.col-6{grid-column:span 6}.col-12{grid-column:span 12}@media (max-width:900px){.col-6{grid-column:span 12}}