:root{
  --c-bg:#0b1324; --c-card:#ffffff; --c-border:#e5e7eb; --c-text:#0f172a;
  --c-sub:#475569; --c-ghost:#f8fafc; --c-primary:#2563eb; --c-primary-ink:#fff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--c-text);background:linear-gradient(180deg,#0b1324 0%,#0d1628 35%,#0b1324 100%)}
a{color:inherit;text-decoration:none}

.container{max-width:1100px;margin:24px auto;padding:0 12px}
.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:14px;padding:16px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-ghost);cursor:pointer}
.btn--ghost{background:var(--c-ghost)}
.btn--primary{background:var(--c-primary);color:var(--c-primary-ink);border-color:transparent}
.btn--danger{background:#ef4444;color:#fff;border-color:transparent}
.btn:hover{filter:brightness(.98);transform:translateY(-1px)}

/* Header bar */
.aff-header{position:sticky;top:0;z-index:20;background:rgba(11,19,36,.75);backdrop-filter:blur(10px);border-bottom:1px solid rgba(148,163,184,.18)}
.aff-header__inner{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:1100px;margin:0 auto;padding:10px 12px}
.brand{display:flex;align-items:center;gap:10px;color:#e6eefc;font-weight:700}
.brand small{opacity:.7;font-weight:600}
.nav{display:flex;flex-wrap:wrap;gap:8px}
.nav a{color:#e6eefc;border:1px solid rgba(148,163,184,.22);padding:8px 10px;border-radius:10px}
.nav a.is-active{background:#2563eb;border-color:#2563eb;color:#fff}

/* Two-column info blocks */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:900px){ .grid-2{grid-template-columns:1fr} }

/* Stats row */
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;text-align:center}
.stats .item{border:1px solid var(--c-border);border-radius:12px;padding:12px;background:#fff}
.stats .k{font-size:12px;color:var(--c-sub)}
.stats .v{font-weight:800;font-size:22px}
@media (max-width:900px){ .stats{grid-template-columns:repeat(2,1fr)} }
@media (max-width:520px){ .stats{grid-template-columns:1fr} }

/* Table */
.table-wrap{overflow:auto}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid #f1f5f9;text-align:left;white-space:nowrap}
.table thead th{border-bottom:1px solid var(--c-border)}

/* Forms */
.input, .select, .textarea{width:100%;padding:10px;border:1px solid var(--c-border);border-radius:10px;background:#fff}

/* Helpers */
.mt-12{margin-top:12px} .mt-16{margin-top:16px}
.text-sub{color:#94a3b8}
.badge{display:inline-block;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;background:#eef;color:#223}