:root{
  --bg:#090d16;--panel:#111827;--panel2:#171f2e;--text:#f8fafc;
  --muted:#94a3b8;--line:#263043;--accent:#7c3aed;--accent2:#2563eb;
  --ok:#22c55e;--danger:#ef4444
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top,#111a2b 0,#090d16 42%);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}
.shell{max-width:720px;margin:auto;padding:22px 16px 90px}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.eyebrow{font-size:11px;letter-spacing:.18em;color:#8b9bb3;margin:0 0 6px}
h1{font-size:28px;margin:0} h2{font-size:16px;margin:0 0 14px}
.badge{font-size:11px;color:#86efac;background:#0e2b1d;border:1px solid #1c5b39;border-radius:999px;padding:8px 10px}
.card,.total-card{background:linear-gradient(180deg,#141c2b,#0f1623);border:1px solid #202b3d;border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.sites{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.site{min-height:86px;border-radius:14px;border:1px solid var(--line);background:#0c1320;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer}
.site img{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1)}
.site.active{border-color:#8b5cf6;background:#171331;box-shadow:0 0 0 1px #8b5cf6 inset}
.globe{font-size:28px}
.input,.item input{width:100%;border:1px solid var(--line);background:#0b1220;color:white;border-radius:12px;padding:13px 12px;outline:none}
.hidden{display:none}
#otherSite{margin-top:12px}
.item{display:grid;grid-template-columns:1fr 120px 42px;gap:8px;margin-bottom:9px}
.remove{border:1px solid #4b2330;background:#271019;color:#fecdd3;border-radius:12px;cursor:pointer}
.row-between{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.row-between h2{margin:0}
.small-btn{border:1px solid #3b4c67;background:#152036;color:#dbeafe;border-radius:10px;padding:8px 10px;cursor:pointer}
.upload{display:block;border:1px dashed #3c4a63;border-radius:14px;padding:18px;text-align:center;color:#cbd5e1;cursor:pointer;background:#0b1220}
.upload input{display:none}
.total-card{display:flex;align-items:center;justify-content:space-between}
.total-card strong{font-size:23px}
.primary{width:100%;border:0;border-radius:15px;padding:16px;color:white;font-size:16px;font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent2));cursor:pointer;box-shadow:0 14px 34px rgba(83,70,229,.28)}
.primary:disabled{opacity:.5}
.message{text-align:center;color:#cbd5e1;min-height:24px}
.muted{color:var(--muted);font-weight:400;font-size:13px}
@media(max-width:480px){.sites{grid-template-columns:repeat(2,1fr)}.item{grid-template-columns:1fr 100px 40px}}