body{margin:0;background:#0f172a;color:#fff;font-family:Segoe UI;padding:20px}
.top,.card,.bot{background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border-radius:18px}
.top{padding:20px;display:flex;justify-content:space-between;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin:20px 0}
.card,.bot{padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
input{width:100%;padding:12px;border-radius:10px;border:none;margin:8px 0}
button{padding:10px 15px;border:none;border-radius:10px;color:white;cursor:pointer}
.on{background:#16a34a}.off{background:#dc2626}
.row{display:flex;gap:10px}
@media(max-width:700px){.top{flex-direction:column}}