:root{
  --primary:#0F172A; --secondary:#1E293B; --accent:#3B82F6;
}
body{ background:#0b1220; color:#e2e8f0; }
.app{ display:flex; min-height:100vh; }
.sidebar{ width:260px; background:var(--primary); border-right:1px solid #1f2937; display:flex; flex-direction:column; }
.brand{ padding:20px; font-weight:700; font-size:1.2rem; color:#fff; }
.sidebar nav a{ display:flex; gap:10px; padding:12px 20px; color:#cbd5e1; text-decoration:none; border-left:3px solid transparent; }
.sidebar nav a:hover, .sidebar nav a.active{ background:var(--secondary); color:#fff; border-left-color:var(--accent); }
.sidebar-footer{ margin-top:auto; padding:20px; }
.main{ flex:1; background:#0f172a; }
.topbar{ background:var(--secondary); padding:14px 24px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #1f2937; }
.content{ padding:24px; }
.card-dark{ background:#111c31; border:1px solid #1f2a44; border-radius:16px; }
.stat{ padding:20px; }
.stat h3{ font-size:2rem; margin:0; }
.badge-pending{ background:#f59e0b; } .badge-approved{ background:#10b981; } .badge-rejected{ background:#ef4444; }
.creative-card img, .creative-card video{ width:100%; border-radius:12px; max-height:320px; object-fit:cover; }
.chat{ max-height:300px; overflow:auto; }
.chat .msg{ padding:8px 12px; margin-bottom:8px; border-radius:10px; background:#1e293b; }
.chat .msg.admin{ background:#0b3a6b; }
.login-wrap{ min-height:100vh; display:grid; place-items:center; background:linear-gradient(135deg,#0f172a,#1e293b); }
.login-card{ width:100%; max-width:420px; }
@media (max-width: 992px){ .sidebar{ position:fixed; z-index:1000; transform:translateX(-100%); transition:.3s; } .sidebar.open{ transform:translateX(0); } }