*{box-sizing:border-box}body{margin:0;background:#f4f7fb;font:14px Arial;color:#1e293b}header{background:#0f172a;color:#fff;padding:15px 24px;display:flex;justify-content:space-between}nav a{color:#fff;text-decoration:none;margin-left:15px}main{max-width:1200px;margin:24px auto;padding:0 15px}.card{background:#fff;padding:18px;border-radius:12px;margin-bottom:18px;box-shadow:0 5px 20px #0001}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.stat{font-size:28px;font-weight:bold}.muted{color:#64748b}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{font-weight:bold;display:block;margin-bottom:6px}input,select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px}button,.btn{background:#0284c7;color:#fff;border:0;padding:10px 15px;border-radius:8px;text-decoration:none;display:inline-block}.secondary{background:#64748b}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}.badge{padding:4px 8px;border-radius:20px;background:#e2e8f0}.active{background:#dcfce7}.paused{background:#fef3c7}.blocked,.expired{background:#fee2e2}.ok{background:#dcfce7;padding:12px;margin-bottom:15px}.err{background:#fee2e2;padding:12px;margin-bottom:15px}.login{max-width:430px;margin:80px auto}@media(max-width:700px){.form{grid-template-columns:1fr}header{display:block}nav{margin-top:12px}nav a{margin:0 10px 0 0}}