:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
--bg:#f5f4fb;--card:#fff;--ink:#1e2040;--mute:#60648a;--line:#e8e6f4;--acc:#6b5cf6;--accbg:#ebe9ff;--inp:#faf9ff;
--g:#eceef3;--gf:#586074;--a:#fff0d1;--af:#94600a;--s:#ddf0ff;--sf:#0a68a6;--e:#d9f6e6;--ef:#11724a;--r:#ffe0e5;--rf:#ad2440}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#14152a;--card:#1d1f3a;--ink:#eceefc;--mute:#9a9ec2;--line:#2c2f52;--acc:#8b7fff;--accbg:#2b2963;--inp:#181a33;
--g:#2b2f45;--gf:#b4bad0;--a:#3d3117;--af:#f0c56c;--s:#17344c;--sf:#7cc4f5;--e:#153a2a;--ef:#6fdba5;--r:#421e29;--rf:#ff9db0}}
:root[data-theme="dark"]{--bg:#14152a;--card:#1d1f3a;--ink:#eceefc;--mute:#9a9ec2;--line:#2c2f52;--acc:#8b7fff;--accbg:#2b2963;--inp:#181a33;
--g:#2b2f45;--gf:#b4bad0;--a:#3d3117;--af:#f0c56c;--s:#17344c;--sf:#7cc4f5;--e:#153a2a;--ef:#6fdba5;--r:#421e29;--rf:#ff9db0}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{background:var(--bg);color:var(--ink);font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;margin:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px}
.mute{color:var(--mute)}
.inp{width:100%;background:var(--inp);border:1px solid var(--line);border-radius:10px;padding:9px 11px;color:var(--ink);font:inherit;font-size:14px;outline:none}
.inp:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--accbg)}
.btn{border-radius:10px;padding:9px 14px;font-weight:600;font-size:14px;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.btn.p{background:var(--acc);border-color:var(--acc);color:#fff}
.btn.d{color:var(--rf);background:var(--r);border-color:transparent}
.btn:focus-visible,.tab:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.tab{padding:7px 14px;border-radius:9px;font-weight:600;font-size:14px;color:var(--mute);cursor:pointer;border:0;background:transparent}
.tab.on{background:var(--card);color:var(--acc);box-shadow:0 1px 3px rgba(60,50,150,.12)}
.bd{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}
.c-Draft{background:var(--g);color:var(--gf)}.c-In\ Progress{background:var(--a);color:var(--af)}.c-Scheduled{background:var(--s);color:var(--sf)}.c-Published{background:var(--e);color:var(--ef)}.c-Canceled{background:var(--r);color:var(--rf)}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}
tr.row{cursor:pointer}tr.row:hover td{background:var(--accbg)}
.lbl{font-size:12px;font-weight:600;color:var(--mute);margin-bottom:4px;display:block}
[data-open]:focus-visible,.sheet:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.ov{position:fixed;inset:0;background:rgba(20,18,50,.5);display:flex;align-items:flex-end;justify-content:center;z-index:50}
.sheet{width:100%;max-width:640px;max-height:92%;overflow-y:auto;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);animation:up .18s ease-out}
@media(min-width:768px){.ov{align-items:center}.sheet{border-radius:20px;max-height:90%}}
@keyframes up{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.sheet{animation:none}}