*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090e21;color:#f2f5ff;font:15px system-ui,Arial}header{display:flex;align-items:center;justify-content:space-between;padding:15px max(20px,calc((100vw - 1100px)/2));background:#121932;border-bottom:1px solid #243b64}header .brand{display:flex;align-items:center;gap:16px}header img{width:125px;height:64px;object-fit:contain}header strong{letter-spacing:2px;font-size:20px}header span{color:#12e5f5}header small,.item small{display:block;color:#a8b6d7;margin-top:5px}main{max-width:1100px;margin:32px auto;padding:0 20px;min-height:65vh}h1{font-size:30px}h2{font-size:20px;margin-top:0}.panel{padding:24px;border:1px solid #304268;border-radius:17px;background:linear-gradient(135deg,#17203b,#151a35);margin-bottom:20px}.narrow{max-width:440px;margin:8vh auto}.stats,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stats{margin-bottom:22px}label{display:block;color:#d4e1f7}input,select{display:block;width:100%;margin:7px 0 12px;padding:12px;border:1px solid #46577e;border-radius:9px;background:#0e162b;color:white}input:focus,select:focus{outline:2px solid #10d8ee}button,.button{border:0;background:linear-gradient(105deg,#9634f5 0%,#465cf2 53%,#08cde7 100%);color:white;padding:12px 17px;border-radius:10px;cursor:pointer;text-decoration:none;font-weight:700;display:inline-block;transition:filter .15s,transform .15s}button:hover,.button:hover{filter:brightness(1.14);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary{background:#303b60}.danger{background:linear-gradient(100deg,#7e285b,#bb375a)}.success{background:linear-gradient(100deg,#087e89,#08b9b3)}.muted{color:#afc0de}.item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid #344261}.item[hidden]{display:none}.actions,.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline input{max-width:340px}.alert{background:#322d52;padding:12px;border-radius:9px}a{color:#7ce7ff}footer{text-align:center;padding:28px;color:#91a4c8}.stat-card{text-align:left;min-height:155px;border:1px solid transparent;border-radius:17px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.stat-card small{font-size:14px}.stat-card strong{font-size:32px}.stat-icon{font-size:22px}.stat-hint{font-size:12px;opacity:.8}.stat-all{background:linear-gradient(130deg,#1d315b,#14223e);border-color:#3472b6}.stat-active{background:linear-gradient(130deg,#123d44,#122c39);border-color:#168d8b}.stat-pending{background:linear-gradient(130deg,#44331c,#32283a);border-color:#aa7428}.stat-card.selected{box-shadow:0 0 0 2px #49cffa}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-tag{font-weight:700}.status-active{color:#48e2b0}.status-pending{color:#ffc46a}.status-suspended{color:#ff7b9d}.switch{background:none!important;display:flex;align-items:center;gap:10px;padding:6px 8px;min-width:124px;justify-content:flex-start}.switch-track{display:flex;align-items:center;width:48px;height:27px;border-radius:99px;background:#4a5674;padding:4px;transition:background .2s}.switch-thumb{width:19px;height:19px;background:white;border-radius:50%;transition:transform .2s}.switch.is-on .switch-track{background:#0fc8a5}.switch.is-on .switch-thumb{transform:translateX(21px)}.switch-text{font-size:13px;color:#d7e6f8}.switch:hover{transform:none}.switch:focus-visible{outline:2px solid #14ddeb}@media(max-width:620px){.item{align-items:flex-start;flex-direction:column}.actions{width:100%}h1{font-size:25px}header{padding:12px}header img{width:95px;height:50px}.section-head{align-items:flex-start;flex-direction:column}}

.billing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:18px 0}.billing-stat{background:#121c39;border:1px solid #40558c;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px}.billing-stat small{color:#b2c3e6}.billing-stat strong{color:#fff;font-size:26px}.billing-item{gap:12px;align-items:center}.billing-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.billing-actions form{margin:0}.billing-actions button{width:auto}@media(max-width:720px){.billing-item{flex-direction:column;align-items:stretch}.billing-actions{flex-direction:column;align-items:stretch}.billing-actions a,.billing-actions button{width:100%;text-align:center}}