:root {
  --bg: #0b1220;
  --panel: #0f1b2e;
  --text: #eaf2ff;
  --muted: rgba(234,242,255,.72);
  --green: #19c37d;
  --green-2: #0ea765;
  --gold: #f5c542;
  --gold-2: #d8a830;
  --stroke: rgba(255,255,255,.10);
  --danger: #ff4d4f;
  --shadow: 0 12px 32px rgba(0,0,0,.35);
}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;background-image:radial-gradient(circle at 1px 1px,rgba(245,197,66,.08) 1px,transparent 0);background-size:24px 24px}
.app-navbar{background:rgba(11,18,32,.92);backdrop-filter:blur(6px)}
.card,.panel{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid var(--stroke);border-radius:16px;box-shadow:var(--shadow);color:var(--text)}
.card:hover{transform:translateY(-2px);transition:.2s}
.btn{border-radius:12px;font-weight:600}
.btn-success,.btn-primary{background:linear-gradient(120deg,var(--green),var(--green-2));border:none;box-shadow:0 0 0 rgba(25,195,125,.4)}
.btn-warning,.btn-gold{background:linear-gradient(120deg,var(--gold),var(--gold-2));border:none;color:#1f1602}
.btn-outline-warning{border-color:var(--gold);color:var(--gold)}
.btn:hover{filter:brightness(1.05);box-shadow:0 0 20px rgba(25,195,125,.25)}
.btn-outline-warning:hover{background:var(--gold);color:#1f1602;box-shadow:0 0 20px rgba(245,197,66,.25)}
.form-control,.form-select{border-radius:12px;background:rgba(255,255,255,.03);border-color:var(--stroke);color:var(--text)}
.form-control:focus,.form-select:focus,.btn:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(25,195,125,.3);border-color:var(--green)}
.table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-striped-bg:rgba(255,255,255,.03);--bs-table-hover-bg:rgba(255,255,255,.07)}
.text-muted,.form-text{color:var(--muted)!important}
.hero{position:relative;overflow:hidden}
.hero:after{content:'';position:absolute;inset:auto -2rem -2.2rem -2rem;height:70px;background:linear-gradient(45deg,rgba(25,195,125,.22),rgba(245,197,66,.18));clip-path:polygon(0 45%,100% 0,100% 100%,0% 100%)}
.chip-gold{background:rgba(245,197,66,.22);color:var(--gold);border:1px solid rgba(245,197,66,.35)}
.chip-green{background:rgba(25,195,125,.22);color:#7ef4c4;border:1px solid rgba(25,195,125,.35)}
.status-pill{padding:.25rem .6rem;border-radius:100px;font-size:.75rem}
.status-active{background:rgba(25,195,125,.18);color:#7ef4c4}.status-paused{background:rgba(234,242,255,.16)}.status-needs-credits{background:rgba(245,197,66,.2);color:var(--gold)}.status-expired{background:rgba(255,77,79,.22);color:#ffb0b1}
.iframe-wrap{border-radius:16px;overflow:hidden;border:1px solid var(--stroke);box-shadow:var(--shadow)}
.timer-done{box-shadow:0 0 24px rgba(25,195,125,.55);border-color:rgba(25,195,125,.8)!important}
.alert{border-radius:12px}