:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f0eb;--panel:#fff;--ink:#1f1f1f;--muted:#6b6b6b;--accent:#ff784b;--accent-2:#2a8cff;--border:#e5e0d7}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Cabin,Trebuchet MS,sans-serif}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.brand{font-size:20px;font-weight:700}.header-actions{gap:12px;display:flex}.app-body{flex:1;grid-template-columns:220px 1fr;display:grid}.sidebar{border-right:1px solid var(--border);background:#f7f2ec;padding:24px}.sidebar nav{flex-direction:column;gap:12px;display:flex}.sidebar a{color:var(--muted);font-weight:600;text-decoration:none}.sidebar a.active{color:var(--ink)}.content{padding:28px}.panel{background:var(--panel);border-radius:20px;padding:24px;box-shadow:0 12px 32px #0000000f}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-header h1{margin:0 0 6px}.panel-header p{color:var(--muted);margin:0}.actions{gap:12px;display:flex}.filters{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin:20px 0;display:grid}.filters input,.filters select,.filters textarea{border:1px solid var(--border);font:inherit;border-radius:10px;width:100%;padding:10px 12px}.filters label{flex-direction:column;gap:6px;display:flex}.filters .inline-check{flex-direction:row;align-items:center;gap:8px;padding:10px 0 0}.filters .inline-check input{width:auto}.filters small{color:var(--muted)}.table{gap:8px;display:grid}.row{background:#fbfaf7;border-radius:12px;grid-template-columns:1.8fr .8fr .8fr .9fr 1fr 1fr 1fr 1.4fr 1.4fr;align-items:center;gap:8px;padding:12px 10px;display:grid}.row.header{background:0 0;font-weight:700}.row.push{grid-template-columns:1.4fr .9fr .8fr 1.1fr 1fr .8fr}.row.otp{grid-template-columns:1fr .8fr .7fr 1fr 1.4fr 1fr}.status{border-radius:999px;width:fit-content;padding:4px 10px;font-size:12px;display:inline-block}.status.published{color:#1c7a3f;background:#dff4e6}.status.review{color:#a06100;background:#fff4db}.status.draft{color:#6a3fb0;background:#f0e7ff}.panel-footer{background:#fff6f0;border-radius:16px;justify-content:space-between;align-items:center;margin-top:24px;padding:16px;display:flex}.progress{background:#f0e7de;border-radius:999px;width:100%;height:10px;margin-top:12px;overflow:hidden}.progress-bar{background:var(--accent);width:0%;height:100%;transition:width .2s}.row .progress{max-width:160px}.empty-state{border:1px dashed var(--border);color:var(--muted);background:#fffdf8;border-radius:16px;margin-top:16px;padding:20px}.status-card{border:1px solid var(--border);color:var(--muted);background:#f9f4ee;border-radius:16px;gap:6px;padding:16px;display:grid}@media (max-width:1100px){.filters{grid-template-columns:repeat(2,minmax(160px,1fr))}.row,.row.push,.row.otp{grid-template-columns:2fr 1fr 1fr}.row.header span:nth-child(n+4),.row span:nth-child(n+4){display:none}}.log-modal{background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.log-card{background:#fff;border-radius:16px;width:min(720px,92vw);padding:16px;box-shadow:0 12px 32px #0003}.log-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.log-body{color:#f4f4f4;background:#111;border-radius:12px;max-height:320px;padding:12px;font-size:12px;overflow:auto}button{cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-weight:600}button.primary{background:var(--accent);color:#fff}button.secondary{color:#7a2b14;background:#ffe9dd}button.ghost{border:1px solid var(--border);background:0 0}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:700}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#333;border:1px solid var(--border);cursor:pointer;background:#f0f0f0;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:600}.info-card{background:#f7f3ea;border:1px solid #e8dfc8;border-radius:10px;padding:14px 18px;font-size:13px}.success-msg{color:#1a7a42;background:#e6f9f0;border:1px solid #9edfc0;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.error-msg{color:#b71c1c;background:#fff0f0;border:1px solid #f5a9a9;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.form-row{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.form-row label{font-size:13px;font-weight:600}.input{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:7px;width:100%;max-width:480px;padding:8px 12px;font-size:14px}:root{--primary:#ff784b;--primary-subtle:#fff4f0;--surface:#fff;--text-2:#6b6b6b;--error:#b71c1c}@media (max-width:900px){.app-body{grid-template-columns:1fr}.sidebar{display:none}.panel-header{flex-direction:column;align-items:flex-start;gap:12px}}