html,body{color:#e7ecf5;background:#020305;margin:0;padding:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}.wrapper{max-width:1200px;margin:0 auto;padding:24px}.admin-header{z-index:50;background:#0a0e14;border-bottom:1px solid #1a1f2e;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.admin-header h1{background:linear-gradient(135deg,#c5a054,#e2c88a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px;font-weight:700}.admin-header .badge{color:#c5a054;background:#c5a05426;border:1px solid #c5a0544d;border-radius:999px;padding:2px 8px;font-size:11px}.tab-nav{background:#0a0e14;border-bottom:1px solid #1a1f2e;gap:2px;padding:8px 24px;display:flex;overflow-x:auto}.tab-btn{color:#6b7a96;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.tab-btn:hover{color:#e7ecf5;background:#c5a05414}.tab-btn.active{color:#c5a054;background:#c5a0541f}.panel{background:#0a0e14;border:1px solid #1a1f2e;border-radius:12px;padding:20px}.panel-title{color:#8a95aa;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:14px;font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:768px){.grid-3,.grid-2{grid-template-columns:1fr}}.metric-card{background:#0a0e14;border:1px solid #1a1f2e;border-radius:12px;flex-direction:column;gap:4px;padding:20px;display:flex}.metric-label{color:#6b7a96;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.metric-value{color:#e7ecf5;font-size:28px;font-weight:800}.metric-value.gold{background:linear-gradient(135deg,#c5a054,#e2c88a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.metric-sub{color:#4f5d75;font-size:11px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:#6b7a96;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #1a1f2e;padding:10px 12px;font-size:11px;font-weight:600}.data-table td{color:#c5cdd9;border-bottom:1px solid #0f1420;padding:10px 12px}.data-table tr:hover td{background:#c5a05408}.btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.btn-gold{color:#020305;background:linear-gradient(135deg,#c5a054,#e2c88a)}.btn-gold:hover{box-shadow:0 0 20px #c5a0544d}.btn-outline{color:#c5cdd9;background:0 0;border:1px solid #2a3247}.btn-outline:hover{color:#c5a054;border-color:#c5a054}.btn-danger{color:#ef4444;background:#dc262626;border:1px solid #dc26264d}.btn-danger:hover{background:#dc262640}.btn-sm{padding:4px 10px;font-size:12px}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:#8a95aa;font-size:12px;font-weight:600}.form-input{color:#e7ecf5;background:#0f1420;border:1px solid #2a3247;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:#c5a054}.form-select{color:#e7ecf5;appearance:none;cursor:pointer;background:#0f1420;border:1px solid #2a3247;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.form-select:focus{border-color:#c5a054}.tier-badge{text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.tier-free{color:#60a5fa;background:#3b82f626}.tier-pro{color:#c5a054;background:#c5a05426}.tier-enterprise{color:#a78bfa;background:#8b5cf626}.mode-badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.mode-byok{color:#4ade80;background:#22c55e26}.mode-platform{color:#fb923c;background:#fb923c26}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-active{background:#4ade80}.status-inactive{background:#6b7a96}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-12{margin-top:12px}.mt-24{margin-top:24px}.gap-12{gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.text-center{text-align:center}.loading{text-align:center;color:#6b7a96;padding:48px}.empty-state{text-align:center;color:#4f5d75;padding:48px}.error-banner{color:#ef4444;background:#dc26261a;border:1px solid #dc262640;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px}.success-banner{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px}.chart-bar-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.chart-bar-label{color:#8a95aa;text-align:right;flex-shrink:0;width:120px;font-size:12px}.chart-bar{background:#c5a05433;border-radius:4px;flex:1;height:24px;position:relative;overflow:hidden}.chart-bar-fill{background:linear-gradient(90deg,#c5a054,#e2c88a);border-radius:4px;height:100%;transition:width .5s}.chart-bar-value{color:#6b7a96;text-align:right;flex-shrink:0;width:80px;font-size:12px}h1{margin-top:0}