/* DreamAds Admin – Full Dark Theme */
:root{
  --bg: #0f1220;
  --panel: #171a2b;
  --muted: #8f95b2;
  --text: #e6e9ff;
  --accent: #7aa2ff;
  --accent2: #9bffce;
  --danger: #ff6b6b;
  --ok: #3ad29f;
  --border: #262a44;
}
* { box-sizing: border-box; }
body { margin: 0; font: 14px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: var(--text); background: linear-gradient(180deg, #0d1020, #0b0e1a 20%) fixed; }
a {
  color: #d0d4f5;               /* subtle light link */
  text-decoration: none;        /* no underline */
}
a:hover {
  color: var(--accent);         /* accent blue on hover */
}
a:visited {
  color: #d0d4f5;               /* same as normal (no purple) */
}



.topbar{display:flex; align-items:center; justify-content:space-between; padding:10px 16px; background:#0b0e1a; border-bottom:1px solid var(--border); position:sticky; top:0; z-index:10;}
.topbar .brand{display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:.5px}
.topbar .brand img{height:22px; filter: drop-shadow(0 0 8px rgba(122,162,255,.35));}
.topbar .btn{background:transparent; border:1px solid var(--border); color:var(--text); padding:6px 10px; border-radius:8px; text-decoration:none}
.layout{ display:grid; grid-template-columns:240px 1fr; min-height:calc(100vh - 46px); }
.sidebar{ background:#0b0e1a; border-right:1px solid var(--border); padding:12px; }
.sidebar nav{ display:flex; flex-direction:column; gap:6px;}
.sidebar nav a{ color:var(--text); text-decoration:none; padding:8px 10px; border-radius:8px; border:1px solid transparent;}
.sidebar nav a:hover{ background:#141834; border-color:#1a1f42;}
.sidebar .nav-section{ margin:10px 8px 2px; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.06em}
.content{ padding:18px; }
.page-header{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:4px 0 14px}
.page-header h1{ margin:0; font-size:20px}
.cards{ display:grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap:12px; margin-bottom:16px}
.card{ background:var(--panel); border:1px solid var(--border); border-radius:14px; padding:12px}
.card .label{ color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.06em}
.card .value{ font-size:22px; font-weight:700; }
.panel{ background:var(--panel); border:1px solid var(--border); border-radius:14px; padding:12px; margin-bottom:16px}
.panel-title{ font-weight:700; margin-bottom:8px}
.table{ width:100%; border-collapse:collapse; border-radius:10px; overflow:hidden; }
.table th, .table td{ border-bottom:1px solid var(--border); padding:10px; }
.table thead th{ background:#111432; color:#aeb5d9; text-align:left; font-size:12px; text-transform:uppercase; letter-spacing:.06em}
.table tbody tr:hover{ background:#141834; }
label{ display:block; margin:10px 0 6px; color:#aeb5d9; font-size:12px; text-transform:uppercase; letter-spacing:.06em}
input, select, textarea{ width:100%; background:#0f1230; color:var(--text); border:1px solid var(--border); border-radius:10px; padding:10px; }
textarea{ min-height:120px}
.btn{ display:inline-block; background:#141834; color:var(--text); border:1px solid var(--border); padding:8px 12px; border-radius:10px; text-decoration:none; cursor:pointer}
.btn:hover{ background:#1a1f42}
.btn.small{ font-size:12px; padding:6px 8px }
.footer{ padding:20px; text-align:center; color:var(--muted)}
.login{ display:grid; place-items:center; min-height:100vh; }
.login-card{ width:360px; background:var(--panel); border:1px solid var(--border); border-radius:16px; padding:20px}
.login-card h1{ margin-top:0; text-align:center}
.alert{ padding:10px; border-radius:8px; margin-bottom:10px}
.alert-error{ background:#331116; border:1px solid #702b3a; color:#ffb4c0}