:root{--gold:#D4AF37;--gold-dim:#a8892b;--bg:#0B0B0B;--panel:#141414;--panel-2:#1c1c1c;--text:#f2f2f2;--muted:#9a9a9a;--danger:#e04b4b;--success:#3fbf7f;--warn:#e0a53f;}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif}
h1,h2,h3,.brand{font-family:'Cinzel',serif;color:var(--gold);letter-spacing:.5px}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;background:var(--panel);border-right:1px solid #222;padding:20px 0;overflow-y:auto}
.sidebar .brand{padding:0 20px 16px;font-size:20px;border-bottom:1px solid #222}
.sidebar nav a{display:block;padding:10px 20px;color:var(--text);border-left:3px solid transparent}
.sidebar nav a:hover{background:var(--panel-2);border-left-color:var(--gold);text-decoration:none}
.sidebar nav a.active{background:var(--panel-2);border-left-color:var(--gold);color:var(--gold)}
.main{margin-left:240px;padding:24px 32px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #222}
.card{background:var(--panel);border:1px solid #222;border-radius:8px;padding:20px;margin-bottom:20px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}
.stat{background:var(--panel);border:1px solid #222;border-left:3px solid var(--gold);border-radius:6px;padding:16px}
.stat .n{font-size:26px;font-family:'Cinzel',serif;color:var(--gold)}
.stat .l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:8px;overflow:hidden}
th{background:var(--panel-2);color:var(--gold);text-align:left;padding:12px;font-family:'Cinzel',serif;font-weight:normal}
td{padding:12px;border-top:1px solid #222}
tr:hover td{background:#181818}
.btn{display:inline-block;background:var(--gold);color:#0B0B0B;padding:8px 16px;border:0;border-radius:4px;font-weight:600;cursor:pointer;font-family:inherit}
.btn:hover{background:#e6c145;text-decoration:none}
.btn-outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.btn-danger{background:var(--danger);color:#fff}
.btn-sm{padding:4px 10px;font-size:12px}
input,select,textarea{background:var(--panel-2);color:var(--text);border:1px solid #333;border-radius:4px;padding:8px 10px;width:100%;font-family:inherit}
input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none}
label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin:12px 0 4px}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}
.badge.active{background:rgba(63,191,127,.15);color:var(--success)}
.badge.pending,.badge.trial{background:rgba(224,165,63,.15);color:var(--warn)}
.badge.suspended,.badge.terminated{background:rgba(224,75,75,.15);color:var(--danger)}
.flash{padding:12px 16px;border-radius:6px;margin-bottom:16px}
.flash.success{background:rgba(63,191,127,.15);border-left:3px solid var(--success)}
.flash.error{background:rgba(224,75,75,.15);border-left:3px solid var(--danger)}
.flash.warning{background:rgba(224,165,63,.15);border-left:3px solid var(--warn)}
.flash.info{background:rgba(212,175,55,.12);border-left:3px solid var(--gold)}
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1a1a 0%,#0B0B0B 70%)}
.login-card{background:var(--panel);border:1px solid #333;border-radius:10px;padding:40px;width:380px;box-shadow:0 8px 40px rgba(212,175,55,.08)}