:root{--bg:#0b0b10;--surface:#15151e;--surface-2:#1e1e2a;--border:#2a2a38;--text:#f4f4f8;--dim:#a1a1b5;--muted:#6b6b80;--primary:#ff3d7f;--primary-2:#8b5cf6;--success:#34d399;--warn:#fbbf24;--danger:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}h1{margin:0 0 16px;font-size:22px}h2{margin:0 0 12px;font-size:16px}h3{color:var(--dim);margin:0 0 8px;font-size:14px;font-weight:600}.layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:20px 12px;display:flex}.logo{padding:0 10px 18px;font-size:20px;font-weight:900}.logo span{color:var(--primary)}.nav{color:var(--dim);border-radius:8px;padding:9px 12px;font-weight:500}.nav:hover{background:var(--surface-2);color:var(--text)}.nav.active{background:var(--surface-2);color:var(--text);box-shadow:inset 3px 0 0 var(--primary)}.sidebar .spacer{flex:1}.main{width:100%;max-width:1280px;padding:28px 32px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px}.grid{gap:14px;display:grid}.grid.kpis{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.grid.two{grid-template-columns:1fr 1fr}.kpi .label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.kpi .value{margin-top:6px;font-size:26px;font-weight:800}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 10px}tr:hover td{background:#ffffff05}button,.btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}button:hover{border-color:var(--muted)}button:disabled{opacity:.5;cursor:default}button.primary{background:linear-gradient(90deg, var(--primary), var(--primary-2));border:none}button.danger{color:var(--danger)}button.small{padding:4px 10px;font-size:12px}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:8px;width:100%;padding:8px 10px}textarea{resize:vertical;min-height:80px;font-family:inherit}textarea.code{min-height:180px;font-family:ui-monospace,Menlo,monospace;font-size:12px}input[type=checkbox]{width:auto}input[type=file]{padding:6px}label.field{color:var(--dim);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.fields{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.badge{background:var(--surface-2);color:var(--dim);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.badge.published,.badge.ready,.badge.green{color:var(--success);background:#34d39926}.badge.draft,.badge.processing,.badge.yellow{color:var(--warn);background:#fbbf2426}.badge.archived,.badge.red{color:var(--danger);background:#f8717126}.badge.scheduled{color:#c4b5fd;background:#8b5cf62e}.thumb{object-fit:cover;background:var(--surface-2);border-radius:6px;width:44px;height:66px}.cover-preview{aspect-ratio:2/3;object-fit:cover;background:var(--surface-2);border-radius:10px;width:140px}.banner-preview{aspect-ratio:16/9;object-fit:cover;background:var(--surface-2);border-radius:10px;width:260px}.muted{color:var(--muted)}.dim{color:var(--dim)}.error{color:var(--danger)}.toast{background:var(--surface-2);border:1px solid var(--border);z-index:10;border-radius:10px;padding:12px 16px;position:fixed;bottom:24px;right:24px}.bar{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.bar>div{background:linear-gradient(90deg, var(--primary), var(--primary-2));height:100%}.chart{align-items:flex-end;gap:3px;height:120px;display:flex}.chart>div{background:linear-gradient(0deg, var(--primary-2), var(--primary));border-radius:3px 3px 0 0;flex:1;min-height:2px}.login{max-width:360px;margin:14vh auto}.tabs{gap:6px;margin-bottom:16px;display:flex}.tabs button.active{border-color:var(--primary);color:var(--primary)}video.preview{aspect-ratio:9/16;background:#000;border-radius:10px;width:240px}