/* ===== Advertiser portal — premium dark-green theme (overrides pub.css) ===== */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#080b14; --bg-soft:#0b0f1a; --surface:#121a2b; --surface-2:#0f1626;
  --border:rgba(255,255,255,.08); --border-strong:rgba(255,255,255,.15); --divider:rgba(255,255,255,.06);
  --text:#f4f7fb; --text-soft:#cfd8e6; --text-muted:#9aa6bd; --text-faint:#7a8699;
  --brand:#00d68f; --brand-hover:#07b074; --brand-soft:rgba(0,214,143,.12); --brand-ink:#04140d;
  --money:#00d68f; --money-soft:rgba(0,214,143,.15); --money-deep:#2cf2a8;
  --warn:#fbbf24; --warn-soft:rgba(251,191,36,.15); --danger:#fb7185; --danger-soft:rgba(251,113,133,.15);
  --info:#7c93ff; --info-soft:rgba(124,147,255,.15);
  --c1:#00d68f; --c2:#7c93ff; --c3:#fbbf24; --c4:#fb7185; --c5:#2cf2a8;
  --font:'Manrope','Inter',system-ui,sans-serif;
  --shadow-sm:0 1px 2px rgba(0,0,0,.35); --shadow:0 2px 8px rgba(0,0,0,.4);
  --shadow-md:0 18px 44px -22px rgba(0,0,0,.75);
}

html,body{background:var(--bg)}
.app-shell{background:var(--bg)}
.main{background:var(--bg)}
::selection{background:var(--brand);color:#04140d}

/* sidebar */
.sidebar{background:linear-gradient(180deg,#0d1424,#080b14);border-right:1px solid var(--border)}
.sidebar .brand .mark{background:linear-gradient(135deg,var(--brand),var(--money-deep));color:#04140d;box-shadow:0 8px 20px -8px rgba(0,214,143,.6)}
.sidebar .brand .name{color:var(--text)}
.sidebar .brand .tag{background:var(--brand-soft);color:var(--brand)}
.nav-group{color:var(--text-faint)}
.sidebar .nav a{color:var(--text-muted);border-radius:10px}
.sidebar .nav a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.sidebar .nav a.active{color:var(--brand);background:var(--brand-soft);font-weight:700}
.sidebar .nav a.active svg{color:var(--brand)}
.support-card{background:linear-gradient(135deg,rgba(0,214,143,.16),rgba(0,214,143,.03));border:1px solid rgba(0,214,143,.28)}
.support-card .ttl{color:var(--text)}
.support-card .desc{color:var(--text-muted)}
.support-card a{color:var(--brand)}

/* topbar */
.topbar{border-bottom:1px solid var(--border);background:rgba(8,11,20,.6);backdrop-filter:blur(12px)}
.topbar h1{font-family:'Sora',sans-serif;color:var(--text);font-weight:800;letter-spacing:-.01em}
.subline{color:var(--text-muted)}
.menu-btn{background:var(--surface);border:1px solid var(--border);color:var(--text)}
.user-chip{background:var(--surface);border:1px solid var(--border);color:var(--text)}
.avatar{background:linear-gradient(135deg,var(--brand),var(--money-deep));color:#04140d}

/* stat cards — premium */
.stat-card{background:linear-gradient(180deg,var(--surface),#0d1422);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md);transition:.2s cubic-bezier(.2,.7,.2,1)}
.stat-card:hover{transform:translateY(-3px);border-color:rgba(0,214,143,.35)}
.stat-card .name{color:var(--text-muted)}
.stat-card .v{color:var(--text);font-family:'Sora',sans-serif}
.stat-card .v.money{color:var(--brand)}
.stat-card .sub{color:var(--text-faint)}
.stat-card .ico{background:var(--brand-soft) !important;color:var(--brand) !important}

/* generic cards + sections */
.card{background:linear-gradient(180deg,var(--surface),#0e1626);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md)}
.card-head{border-bottom:1px solid var(--divider)}
.card-head h3{color:var(--text)}
.section-head h2{color:var(--text)}
.section-head .meta{color:var(--text-muted)}

/* tables */
.tbl th{color:var(--text-muted);border-bottom:1px solid var(--border)}
.tbl td{color:var(--text-soft);border-bottom:1px solid var(--divider)}
.tbl td.strong{color:var(--text)}
.tbl tbody tr:hover{background:rgba(255,255,255,.025)}
.tbl-wrap{border-radius:12px}

/* empty state */
.empty .ico-big{background:var(--brand-soft);color:var(--brand)}
.empty h4{color:var(--text)}
.empty p{color:var(--text-muted)}

/* buttons */
.btn,.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-hover));color:#04140d;font-weight:800;border:none}
.btn:hover,.btn-primary:hover{filter:brightness(1.08)}
.btn-cta{background:linear-gradient(135deg,var(--brand),var(--brand-hover));color:#04140d;font-weight:800}
.btn-cta-ghost{background:rgba(255,255,255,.05);color:var(--text);border:1px solid var(--border)}
.btn-cta-ghost:hover{background:rgba(255,255,255,.1);color:var(--text)}

/* pills / status */
.pill{background:var(--surface);border:1px solid var(--border);color:var(--text-soft)}
.pill.active,.pill.approved,.pill.paid{background:var(--money-soft);color:var(--money-deep)}
.pill.pending{background:var(--warn-soft);color:var(--warn)}
.pill.banned,.pill.rejected{background:var(--danger-soft);color:var(--danger)}

/* forms */
.fld label,.field label{color:var(--text-soft)}
.fld input,.fld select,.fld textarea,.field input,.field select,.field textarea,input,select,textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text)}
.fld input:focus,.fld select:focus,.fld textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,214,143,.15);outline:none}
input::placeholder,textarea::placeholder{color:var(--text-faint)}

/* alerts */
.alert.success,.success-msg{background:var(--money-soft);color:var(--money-deep);border:1px solid rgba(0,214,143,.3)}
.alert.error,.error-msg,.auth-error{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(251,113,133,.3)}

/* auth pages (login / signup) */
.auth-body{background:var(--bg)}
.auth-shell{background:transparent}
.auth-left{background:linear-gradient(160deg,#0d1424,#080b14)}
.auth-card{background:linear-gradient(180deg,var(--surface),#0e1626);border:1px solid var(--border);box-shadow:var(--shadow-md)}
.auth-title,.auth-h{color:var(--text)}
.auth-tag,.auth-sub{color:var(--text-muted)}
.auth-kicker{color:var(--brand)}
.auth-brand{color:var(--text)}
.auth-brand .m{background:linear-gradient(135deg,var(--brand),var(--money-deep));color:#04140d}
.auth-bullets li{color:var(--text-soft)}
.auth-bullets .check{background:var(--brand-soft);color:var(--brand)}
.auth-submit{background:linear-gradient(135deg,var(--brand),var(--brand-hover));color:#04140d;font-weight:800}
.auth-switch,.auth-foot{color:var(--text-muted)}
.auth-switch a,.auth-foot a{color:var(--brand) !important}

/* dark, subtle scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#080b14}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.11);border-radius:10px;border:2px solid #080b14}