:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0b0c10;color:#eef0f6;--surface:#13161d;--line:#2b303c;--muted:#a7afc0;--accent:#f05467}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}a{color:inherit}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus{outline:2px solid #f58b9a;outline-offset:3px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}h1,h2,p{margin-top:0}h1{letter-spacing:-1px;font-size:36px;margin-bottom:8px}h2{font-size:21px;letter-spacing:-.4px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#dc99a7;margin-bottom:12px}.brand{font-size:26px;font-weight:900;letter-spacing:-1.2px}.brand span{color:var(--accent)}.brand small{display:block;font-size:9px;letter-spacing:4px;font-weight:normal;color:#9ca5b7;margin-top:7px}.subtle,.hint,footer{color:var(--muted);line-height:1.6}.hint{font-size:12px}footer{font-size:11px;padding:26px 0 12px}.primary{background:#d53650;color:white;border:1px solid #ee6277;border-radius:9px;padding:13px 20px;font-weight:700;min-height:46px}.primary:hover{background:#e34761}.ghost{background:transparent;color:#d2d8e4;border:1px solid #3c4251;border-radius:8px;padding:9px 14px;min-height:40px}.ghost:hover{background:#202530}.message:empty{display:none}.message{background:#183c32;border:1px solid #39755c;border-radius:10px;padding:14px 18px;line-height:1.5;overflow-wrap:anywhere}.message.error{background:#371b25;border-color:#924453}.login-wrap{max-width:1160px;margin:auto;padding:40px 40px 20px}.login-grid{display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:center;min-height:70vh}.login-intro h1{font-size:54px;line-height:1.08;margin:20px 0 24px}.lead{font-size:18px;line-height:1.7;max-width:400px;color:#bbc2d0}.login-intro .subtle{font-size:12px}.login-card{padding:32px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.login-card .subtle{font-size:14px}.login-card label{display:block;font-size:13px;margin:20px 0 9px}.login-card input{display:block;background:#0b0d12;color:white;border:1px solid #444b5a;border-radius:8px;width:100%;padding:13px;min-width:0}.login-card .primary{width:100%;margin:24px 0 16px;display:flex;justify-content:space-between}.shell{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:100vh}.sidebar{padding:32px 24px;border-right:1px solid var(--line);background:#101217;position:sticky;top:0;height:100vh}.sidebar nav{display:grid;gap:9px;margin-top:50px}.sidebar nav a{padding:13px 14px;border-radius:8px;font-size:13px;text-decoration:none;color:#bbc1cd}.sidebar nav a:hover,.sidebar nav .nav-active{background:#29202a;color:#ffdce4}.sidebar-note{font-size:11px;line-height:1.8;color:#838da2;margin-top:70px}.content{padding:36px 40px;max-width:1470px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:26px;align-items:center}.topbar .subtle{font-size:13px;margin-bottom:0}.top-actions{display:flex;align-items:center;gap:12px}.code-badge{border:1px solid #464055;background:#251c2d;color:#e8b8c5;border-radius:6px;padding:8px 12px;font-size:11px;font-weight:bold;max-width:160px;overflow-wrap:anywhere}.link-panel{background:linear-gradient(115deg,#2c1722,#171a27 70%);border:1px solid #573142;border-radius:14px;padding:28px;display:flex;align-items:center;gap:24px;justify-content:space-between;margin-bottom:24px}.link-panel h2{margin-bottom:8px}.link-panel .subtle{font-size:12px}.link-panel output{font-family:monospace;font-size:13px;overflow-wrap:anywhere;color:#d9bccc}.link-panel .primary{flex-shrink:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metric{border:1px solid var(--line);border-radius:12px;padding:21px 19px;background:var(--surface)}.metric p{font-size:12px;color:#b7becc;margin-bottom:15px}.metric strong{display:block;font-size:27px;letter-spacing:-.6px;font-weight:600;overflow-wrap:anywhere}.metric small{display:block;margin-top:12px;color:#959fb2;font-size:10px;line-height:1.5}.data-panel,.activity-panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:25px;margin-bottom:24px;scroll-margin-top:16px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.section-head h2{margin-bottom:0;font-size:18px}.section-head .subtle{font-size:11px}.activity{display:flex;gap:14px;align-items:flex-end;min-height:135px;margin:20px 0;overflow-x:auto;padding-bottom:8px}.bar-cell{display:flex;align-items:center;flex-direction:column;gap:7px;min-width:50px;flex:1}.bar-track{height:110px;width:100%;max-width:40px;background:#24212d;border-radius:5px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;background:#d95a75;border-radius:5px 5px 0 0}.bar-cell .value{font-size:9px;color:#cdd2dc}.bar-cell time{font-size:10px;color:#8f9bb0}.empty{color:#a7afc0;font-size:13px;padding:22px 0;line-height:1.6}.table-scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-weight:400;color:#939eaf;font-size:11px;white-space:nowrap;padding:10px 12px;border-bottom:1px solid #353c49}td{padding:16px 12px;color:#e0e5ef;border-bottom:1px solid #272d39;white-space:nowrap}tr:last-child td{border-bottom:0}.status{display:inline-block;padding:5px 8px;background:#282c39;border:1px solid #3d4557;border-radius:5px;font-size:10px;color:#cdd3e0}.status[data-status=paid],.status[data-status=active]{background:#13362b;border-color:#285945;color:#9de1bc}.status[data-status=pending],.status[data-status=pending_verification]{background:#352d1b;border-color:#675734;color:#e6cc87}.status[data-status=available]{background:#1c2840;border-color:#3e557d;color:#acc9ff}.pager{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:18px;font-size:11px;color:#a1aabd}.pager .ghost{font-size:11px;padding:6px 10px;min-height:34px}.notice{font-size:12px;line-height:1.6;padding:12px 15px;background:#202431;border-left:3px solid #747f9b;color:#c6ccda}[hidden]{display:none!important}@media(max-width:1100px){.content{padding:28px 22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:176px minmax(0,1fr)}.sidebar{padding:28px 15px}.login-grid{gap:35px;grid-template-columns:1fr 400px}.login-intro h1{font-size:44px}}@media(max-width:760px){.shell{display:block}.sidebar{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);padding:20px}.sidebar .brand{font-size:22px}.sidebar .brand small{display:none}.sidebar nav{display:flex;margin-top:18px;gap:5px;overflow:auto}.sidebar nav a{font-size:11px;white-space:nowrap;padding:9px 11px}.sidebar-note{display:none}.content{padding:24px 16px}.topbar{align-items:flex-start;flex-wrap:wrap;gap:12px}h1{font-size:29px}.top-actions{width:100%;justify-content:space-between}.link-panel{padding:22px;display:block}.link-panel .primary{margin-top:20px;width:100%}.link-panel h2{font-size:20px;line-height:1.35}.metrics{gap:10px}.metric{padding:17px 12px}.metric strong{font-size:24px}.metric p{font-size:11px}.metric small{font-size:9px}.data-panel,.activity-panel{padding:20px 14px}.section-head{align-items:flex-start}.section-head .subtle{max-width:100px;text-align:right}th,td{padding-left:9px;padding-right:9px}.login-wrap{padding:26px 20px}.login-grid{display:block;min-height:auto}.login-intro{margin-top:36px}.login-intro h1{font-size:38px}.login-intro .lead{font-size:15px}.login-card{padding:24px;margin-top:26px}.login-intro .subtle{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.bar-fill[data-level="1"]{height:10%}
.bar-fill[data-level="2"]{height:20%}
.bar-fill[data-level="3"]{height:30%}
.bar-fill[data-level="4"]{height:40%}
.bar-fill[data-level="5"]{height:50%}
.bar-fill[data-level="6"]{height:60%}
.bar-fill[data-level="7"]{height:70%}
.bar-fill[data-level="8"]{height:80%}
.bar-fill[data-level="9"]{height:90%}
.bar-fill[data-level="10"]{height:100%}


/* =========================================================
   TVDARK_AFFILIATE_PREMIUM_THEME_V1
   Mesmo universo visual do Admin oficial.
   ========================================================= */

:root {
  --surface: #14101f !important;
  --line: #34284a !important;
  --muted: #aaa3bb !important;
  --accent: #8b5cf6 !important;
  background: #08070d !important;
  color: #f5f2ff !important;
}

html,
body {
  min-height: 100%;
}

body {
  background:
    radial-gradient(
      circle at 12% 0%,
      rgba(124,58,237,.24),
      transparent 34rem
    ),
    radial-gradient(
      circle at 90% 12%,
      rgba(91,33,182,.18),
      transparent 32rem
    ),
    linear-gradient(
      180deg,
      #09070f 0%,
      #0c0914 55%,
      #08070d 100%
    ) !important;
}

.brand span {
  color: #a78bfa !important;
  text-shadow:
    0 0 24px rgba(139,92,246,.28);
}

.brand small {
  color: #8f88a1 !important;
}

.eyebrow {
  color: #a78bfa !important;
}

.login-card,
.metric,
.data-panel,
.activity-panel {
  background:
    linear-gradient(
      145deg,
      rgba(25,19,38,.96),
      rgba(15,12,24,.97)
    ) !important;

  border-color:
    #35294d !important;

  box-shadow:
    0 22px 70px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.login-card {
  border-radius:
    20px !important;

  box-shadow:
    0 28px 90px rgba(0,0,0,.36),
    0 0 0 1px rgba(139,92,246,.04);
}

.login-card input {
  background:
    rgba(7,6,12,.82) !important;

  border-color:
    #413353 !important;

  color:
    #fff !important;

  min-height:
    48px;
}

.login-card input:focus {
  border-color:
    #8b5cf6 !important;

  box-shadow:
    0 0 0 3px rgba(139,92,246,.14)
    !important;
}

.primary {
  background:
    linear-gradient(
      135deg,
      #6d28d9 0%,
      #8b5cf6 55%,
      #7c3aed 100%
    ) !important;

  border-color:
    #9b76ff !important;

  color:
    #fff !important;

  box-shadow:
    0 12px 32px rgba(109,40,217,.22);
}

.primary:hover {
  background:
    linear-gradient(
      135deg,
      #7c3aed,
      #9b75ff
    ) !important;
}

.ghost {
  border-color:
    #45375b !important;

  color:
    #ddd6f4 !important;
}

.ghost:hover {
  background:
    rgba(139,92,246,.09) !important;
}

.sidebar {
  background:
    linear-gradient(
      180deg,
      #100c18,
      #0b0911
    ) !important;

  border-right-color:
    #2e243f !important;
}

.sidebar nav a:hover,
.sidebar nav .nav-active {
  background:
    linear-gradient(
      90deg,
      rgba(124,58,237,.19),
      rgba(124,58,237,.06)
    ) !important;

  color:
    #e8ddff !important;
}

.code-badge {
  border-color:
    #493766 !important;

  background:
    rgba(124,58,237,.12) !important;

  color:
    #d8c8ff !important;
}

.link-panel {
  background:
    linear-gradient(
      120deg,
      rgba(76,29,149,.35),
      rgba(27,20,42,.97) 52%,
      rgba(17,13,27,.97)
    ) !important;

  border-color:
    #523875 !important;
}

.link-panel output {
  color:
    #d8c7ff !important;
}

.bar-track {
  background:
    #25202f !important;
}

.bar-fill {
  background:
    linear-gradient(
      180deg,
      #a78bfa,
      #7c3aed
    ) !important;
}

.status[data-status=available] {
  background:
    rgba(91,33,182,.2) !important;

  border-color:
    #5f4690 !important;

  color:
    #d6c5ff !important;
}

button:focus-visible,
a:focus-visible,
input:focus {
  outline-color:
    #a78bfa !important;
}