:root{--bg:#08090f;--card:rgba(255,255,255,.04);--border:rgba(255,255,255,.08);--muted:#9ca3af;--text:#f8fafc;--green:#34d399;--amber:#f59e0b;--red:#ef4444;--blue:#2563eb;--violet:#7c3aed}
*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh;letter-spacing:0}
a{color:#93c5fd;text-decoration:none}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:rgba(255,255,255,.025);position:sticky;top:0;height:100vh;padding:22px}.brand-mark{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:#fff}.brand-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--violet),var(--blue));display:grid;place-items:center}
.nav-link{color:#d1d5db;border-radius:12px;padding:10px 12px;margin:2px 0;display:flex;align-items:center;gap:10px}.nav-link:hover,.nav-link.active{background:rgba(124,58,237,.18);color:#fff}.main{padding:24px;max-width:1500px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}
.card-dark{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 80px rgba(0,0,0,.25)}.btn-gradient{background:linear-gradient(135deg,var(--violet),var(--blue));color:#fff;border:0}.btn-gradient:hover{filter:brightness(1.1);color:#fff}.form-control,.form-select{background:rgba(255,255,255,.06);border:1px solid var(--border);color:#fff}.form-control:focus,.form-select:focus{background:rgba(255,255,255,.08);border-color:#7c3aed;color:#fff;box-shadow:0 0 0 .25rem rgba(124,58,237,.18)}.form-control::placeholder{color:#7d8595}.table{--bs-table-bg:transparent;--bs-table-color:#e5e7eb;--bs-table-border-color:var(--border)}.badge-soft{border:1px solid var(--border);background:rgba(255,255,255,.06);color:#e5e7eb}.badge-draft{background:rgba(156,163,175,.16);color:#d1d5db}.badge-scheduled,.badge-paused{background:rgba(245,158,11,.16);color:var(--amber)}.badge-publishing{background:rgba(37,99,235,.18);color:#93c5fd}.badge-published,.badge-active,.badge-success{background:rgba(52,211,153,.16);color:var(--green)}.badge-failed{background:rgba(239,68,68,.16);color:var(--red)}
.metric{padding:18px}.metric .value{font-size:30px;font-weight:800}.muted{color:var(--muted)}.media-thumb{width:72px;height:54px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.preview-phone{max-width:360px;border:1px solid var(--border);border-radius:24px;background:#0f111a;padding:14px}.mobile-nav{display:none}
.toast-stack{position:fixed;right:18px;top:18px;z-index:2000}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{min-height:118px;padding:10px}.empty-state{border:1px dashed var(--border);border-radius:18px;padding:34px;text-align:center;color:var(--muted)}
@media(max-width:900px){.app-shell{display:block}.sidebar{display:none}.main{padding:16px 14px 88px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0c0e16;border-top:1px solid var(--border);z-index:1000;justify-content:space-around;padding:8px}.mobile-nav a{color:#d1d5db;font-size:12px;text-align:center}.topbar{align-items:flex-start;flex-direction:column}.calendar-grid{grid-template-columns:1fr}.table-responsive{font-size:14px}}