:root{color-scheme:dark;--bg:#10091F;--panel:#211337;--panel2:#30204B;--gold:#d4af37;--champagne:#f0d58a;--muted:#cbbbd3;--line:#51376E;--ok:#70d5a1;--bad:#ff9a9a}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#39205B 0,transparent 42%),var(--bg);color:#f5eff8;font:15px/1.5 Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}a{color:var(--champagne);text-decoration:none}button,input,select{font:inherit}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:#180D2D;border-right:1px solid var(--line);padding:24px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.logo{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#f6e7b0,#b18a22);color:#160D27;border-radius:12px;font-weight:900}.brand b{color:var(--champagne);letter-spacing:.12em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em}.nav-label{color:#a991b5;text-transform:uppercase;font-size:10px;letter-spacing:.16em;padding:16px 12px 7px}.nav a{display:block;color:#ded2e5;padding:11px 12px;border-radius:10px;margin:3px 0;border:1px solid transparent}.nav a.active,.nav a:hover{background:#432568;color:var(--champagne);border-color:#76519A;box-shadow:inset 3px 0 var(--gold)}.main{padding:28px;min-width:0;max-width:1600px;width:100%;margin:0 auto}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase}h1{font-size:clamp(26px,3vw,36px);margin:4px 0;color:#fff}h2{font-size:18px;margin:0}.muted,p,small{color:var(--muted)}.card{background:linear-gradient(145deg,#2E1B47,#1B102D);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 12px 30px #08040b33;margin-bottom:16px}.head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.pill{border:1px solid #72553a;color:var(--champagne);padding:6px 10px;border-radius:999px;font-size:12px;white-space:nowrap}.btn{background:linear-gradient(135deg,#f0d58a,#c39a27);color:#160D27;border:0;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer}.btn.secondary{background:#33204C;border:1px solid #7956A0;color:var(--champagne)}.btn:disabled{opacity:.6;cursor:wait}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,220px) auto;gap:10px;margin:14px 0}.field{width:100%;padding:10px;border-radius:9px;border:1px solid var(--line);background:#160d20;color:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #46305F;vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#c7b3d4}td small{display:block;overflow-wrap:anywhere}.status{display:inline-block;padding:3px 8px;border-radius:999px;border:1px solid #72553a;color:var(--champagne);font-size:11px}.status.active,.status.succeeded,.status.paid{color:var(--ok);border-color:#3b765a}.status.failed,.status.cancelled,.status.expired{color:var(--bad);border-color:#874c58}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric{font-size:26px;font-weight:750;color:var(--champagne);margin-top:4px}.notice{padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}.foot{font-size:11px;color:#9f8aaa;margin-top:22px}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:14px}.nav{display:flex;overflow:auto;gap:5px}.nav-label{display:none}.nav a{white-space:nowrap}.main{padding:18px}}@media(max-width:600px){.top{align-items:flex-start;flex-direction:column}.toolbar,.metrics{grid-template-columns:1fr}}

/* Eliel TV royal-purple / luminous-gold visual system */
:root{color-scheme:dark;--bg:#10091f;--panel:#211337;--panel2:#30204b;--gold:#f4c542;--champagne:#ffe7a0;--muted:#d1c3dc;--line:#76511f}
body{background:radial-gradient(ellipse at 50% -12%,#48216b 0,transparent 48%),radial-gradient(ellipse at bottom left,#5b351b 0,transparent 32%),var(--bg)}
.sidebar{background:linear-gradient(180deg,#1b0d31,#10091f);border-right:1px solid #a77a2b;box-shadow:4px 0 24px #0005}
.brand{padding:10px;border:1px solid #8f6826;border-radius:16px;background:linear-gradient(145deg,#291444,#12091f);box-shadow:inset 0 0 0 2px #e7bd4b22,0 0 18px #d4af3718}
.logo{width:46px;height:46px;border:2px solid #f5d56d;border-radius:13px;background:linear-gradient(145deg,#ffe9a0,#c38b19 60%,#6f4610);color:#1a0b2b;font-size:25px;box-shadow:0 0 12px #d4af3755,inset 0 0 0 2px #fff6}
.brand b{color:#ffe7a0;text-shadow:0 0 12px #d4af3733;letter-spacing:.15em}
.nav a{border:1px solid transparent;transition:all .18s ease}
.nav a.active,.nav a:hover{background:linear-gradient(100deg,#42225f,#241239);color:#ffe7a0;border:1px solid #c99a35;box-shadow:inset 3px 0 #f4c542,0 0 12px #d4af3715}
.card,.metric,.notice{border-color:#76511f;box-shadow:inset 0 0 0 1px #f4c54212,0 12px 30px #0004}
.card{background:linear-gradient(145deg,#2c1946,#160d28)}
.btn{background:linear-gradient(135deg,#ffe7a0,#e2b22e 58%,#a97515);box-shadow:0 0 14px #d4af3725;border:1px solid #ffe7a0}
.field,.toolbar input,.filter-row input,.filter-row select{border-color:#76551f;background:#120b20}
.field:focus,.toolbar input:focus,.filter-row input:focus,.filter-row select:focus{border-color:#ffe7a0;box-shadow:0 0 0 2px #d4af3733;outline:none}
table th{color:#ffe7a0}
.pill,.status{border-color:#9c762d}
@media(max-width:900px){.sidebar{border-right:0;border-bottom:1px solid #a77a2b}.brand{max-width:360px}}


/* Brushed metallic gold identity — matched to the supplied reference */
:root{--gold:#c49a32;--champagne:#e8d19a;--metal-shadow:#76500f;--metal-highlight:#f5df9c}
.eyebrow{color:var(--champagne)}
.nav a.active,.nav a:hover{color:#f5df9c;border-color:#c49a32;box-shadow:inset 3px 0 #c49a32,0 0 12px #c49a3218}
.btn{background:linear-gradient(105deg,#76500f 0%,#c49a32 22%,#f5df9c 48%,#c49a32 70%,#76500f 100%);color:#160d20;border:1px solid #e8d19a;box-shadow:inset 0 1px 0 #fff5c8,0 2px 10px #c49a3228}
.logo{background:linear-gradient(105deg,#76500f,#c49a32 28%,#f5df9c 52%,#c49a32 75%,#76500f);border:1px solid #e8d19a}
.pill,.status{border-color:#8c6b29;color:#e8d19a}
table th,.metric{color:#e8d19a}
.field:focus,.toolbar input:focus,.filter-row input:focus,.filter-row select:focus{border-color:#e8d19a;box-shadow:0 0 0 2px #c49a3233}