:root{--navy:#0a1a3c;--navy2:#0f2350;--card:#0e2147;--gold:#d4af37;--gold2:#f0d98a;--ink:#0a1227;--muted:#9fb0c9;--line:rgba(212,175,55,.25);--green:#7be3a4;--red:#ff8a8a}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',system-ui,Arial,sans-serif;background:#070f24;color:#e9eefb;line-height:1.55}
a{color:inherit;text-decoration:none}
.topbar{background:var(--navy);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.topbar .in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:20px;height:62px;padding:0 22px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}
.brand svg{width:34px;height:34px}
.brand small{display:block;font-size:11px;color:var(--gold);letter-spacing:1px;font-weight:600}
.tnav{display:flex;gap:6px;flex-wrap:wrap;margin-left:10px}
.tnav a{padding:8px 14px;border-radius:8px;font-size:14px;color:#cdd8ef;font-weight:500}
.tnav a:hover{background:rgba(255,255,255,.06);color:var(--gold)}
.tnav a.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:700}
.topbar .right{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:13px}
.wrap{max-width:1240px;margin:0 auto;padding:26px 22px}
h1{font-size:24px;margin-bottom:4px}
.lead{color:var(--muted);margin-bottom:22px;font-size:14px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}
.stat{background:linear-gradient(165deg,var(--card),var(--navy2));border:1px solid var(--line);border-radius:14px;padding:20px}
.stat .n{font-size:30px;font-weight:800;color:var(--gold)}
.stat .l{color:var(--muted);font-size:13px;margin-top:2px}
.panel{background:linear-gradient(165deg,var(--card),var(--navy2));border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:22px}
.panel h2{font-size:17px;margin-bottom:14px}
.btn{display:inline-block;padding:10px 18px;border-radius:9px;font-weight:600;cursor:pointer;border:none;font-size:14px;font-family:inherit}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink)}
.btn-ghost{background:transparent;border:1px solid var(--line);color:#cdd8ef}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-sm{padding:6px 12px;font-size:13px}
.btn-danger{background:transparent;border:1px solid rgba(255,138,138,.5);color:var(--red)}
.btn-danger:hover{background:rgba(255,138,138,.12)}
table{width:100%;border-collapse:collapse}
th,td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}
th{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:1px}
tr:hover td{background:rgba(255,255,255,.02)}
.pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:20px}
.pill.paid{background:rgba(123,227,164,.15);color:var(--green)}
.pill.pending{background:rgba(240,217,138,.15);color:var(--gold2)}
.pill.failed,.pill.cancelled{background:rgba(255,138,138,.12);color:var(--red)}
.pill.on{background:rgba(123,227,164,.15);color:var(--green)}
.pill.off{background:rgba(159,176,201,.12);color:var(--muted)}
.field{margin-bottom:15px}
.field label{display:block;font-size:13px;margin-bottom:6px;color:#cdd8ef;font-weight:600}
.field input,.field textarea,.field select{width:100%;padding:11px 13px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font-family:inherit;font-size:14px}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--gold)}
.field textarea{min-height:90px;resize:vertical}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.alert{padding:12px 16px;border-radius:9px;margin-bottom:16px;font-size:14px;border:1px solid var(--line)}
.alert.success{background:rgba(123,227,164,.1);border-color:rgba(123,227,164,.4);color:#bff5d4}
.alert.error{background:rgba(255,138,138,.1);border-color:rgba(255,138,138,.4);color:#ffc2c2}
.alert.info{background:rgba(212,175,55,.08);color:var(--gold2)}
.muted{color:var(--muted)}.gold{color:var(--gold)}
.lic{font-family:monospace;color:var(--gold);background:rgba(212,175,55,.1);padding:3px 8px;border-radius:6px;font-size:13px}
.login-wrap{max-width:400px;margin:8vh auto;padding:0 20px}
.login-card{background:linear-gradient(165deg,var(--card),var(--navy2));border:1px solid var(--line);border-radius:16px;padding:32px}
.login-card .emb{text-align:center;margin-bottom:14px}.login-card .emb svg{width:64px;height:64px}
@media(max-width:820px){.cards{grid-template-columns:1fr 1fr}.grid2,.grid3{grid-template-columns:1fr}.tnav{display:none}}