@font-face{font-family:Lato;font-weight:300;src:url(/static/lato-300.woff2) format("woff2");font-display:swap}
@font-face{font-family:Lato;font-weight:400;src:url(/static/lato-400.woff2) format("woff2");font-display:swap}
@font-face{font-family:Lato;font-weight:700;src:url(/static/lato-700.woff2) format("woff2");font-display:swap}
@font-face{font-family:Lato;font-weight:900;src:url(/static/lato-900.woff2) format("woff2");font-display:swap}
:root{--bg:#1c1d20;--panel:#25272b;--panel2:#2d3035;--line:#3a3d43;--text:#F7F5F0;--muted:#a3a19b;--bronze:#B79C75;--bronze2:#d2b88f;
--ok:#7fb48a;--warn:#d9b45a;--err:#d27a6e;--blue:#8fa9c9;--r:14px}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Lato,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}
a{color:var(--bronze2);text-decoration:none}
a:hover{text-decoration:underline}
header.top{position:sticky;top:0;z-index:20;background:rgba(28,29,32,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .in{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:12px 18px;flex-wrap:wrap}
.brand{font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:var(--text)}
.brand span{color:var(--bronze)}
nav a{color:var(--muted);font-weight:700;font-size:14px;margin-right:14px}
nav a.on,nav a:hover{color:var(--text);text-decoration:none}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--err)}
.pill.ok .dot{background:var(--ok)}
.spacer{flex:1}
main{max-width:1400px;margin:0 auto;padding:22px 18px 80px}
h1{font-weight:300;font-size:30px;margin:0 0 4px;letter-spacing:.01em}
h1 b{font-weight:900}
h2{font-weight:700;font-size:18px;margin:26px 0 10px}
.sub{color:var(--muted);font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:700 14px Lato,sans-serif;padding:10px 16px;border-radius:10px;cursor:pointer;min-height:42px}
.btn:hover{border-color:var(--bronze);text-decoration:none}
.btn.primary{background:var(--bronze);border-color:var(--bronze);color:#1c1d20}
.btn.primary:hover{background:var(--bronze2)}
.btn.ghost{background:transparent}
.btn.danger{color:var(--err);border-color:#5a3a36;background:transparent}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0 18px}
.flash{background:var(--panel2);border-left:3px solid var(--bronze);padding:10px 14px;border-radius:8px;margin:10px 0 16px;font-size:14px}
.flash.err{border-color:var(--err)}
.grid7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.day{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:10px;min-height:180px}
.day.today{border-color:var(--bronze)}
.day h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700;display:flex;justify-content:space-between}
.card{display:block;background:var(--panel2);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:10px;color:var(--text)}
.card:hover{border-color:var(--bronze);text-decoration:none}
.thumb{aspect-ratio:4/5;background:#111 center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px}
.thumb.reel{aspect-ratio:9/16;max-height:240px;width:100%}
.thumb video{width:100%;height:100%;object-fit:cover}
.thumb .type{position:absolute;left:8px;top:8px;background:rgba(0,0,0,.6);padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;color:var(--text)}
.thumb .count{position:absolute;right:8px;top:8px;background:rgba(0,0,0,.6);padding:2px 8px;border-radius:99px;font-size:11px}
.card .meta{padding:8px 10px}
.card .aid{font-weight:900;font-size:13px;letter-spacing:.04em}
.card .time{color:var(--muted);font-size:12px}
.card .cap{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px}
.st{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;border:1px solid currentColor;margin-top:6px}
.st-draft{color:var(--muted)}.st-in_review{color:var(--warn)}.st-approved{color:var(--ok)}.st-scheduled{color:var(--blue)}
.st-publishing{color:var(--bronze2)}.st-published{color:var(--ok);background:rgba(127,180,138,.12)}.st-failed{color:var(--err)}
.ret{color:var(--err);font-size:11px;font-weight:700;margin-left:4px}
.layout{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:28px;align-items:start}
.phone{background:#000;border-radius:26px;padding:10px;border:1px solid var(--line);position:sticky;top:80px}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.slides::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:4/5;background:#111;display:flex;align-items:center;justify-content:center}
.slide.v916{aspect-ratio:9/16}
.slide img,.slide video{width:100%;height:100%;object-fit:contain;background:#000}
.dots{display:flex;gap:6px;justify-content:center;padding:10px 0 2px}
.dots i{width:6px;height:6px;border-radius:50%;background:#555}
.dots i.on{background:var(--bronze)}
.igcap{padding:10px 6px 4px;font-size:13px;white-space:pre-wrap;color:#ddd;max-height:220px;overflow:auto}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:16px}
label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}
input[type=text],input[type=datetime-local],input[type=number],input[type=password],textarea,select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:16px Lato,sans-serif}
textarea{min-height:120px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--bronze)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.counter{font-size:12px;color:var(--muted);margin-top:4px}
.counter.bad{color:var(--err);font-weight:700}
.errs{color:var(--err);font-size:14px;margin:0;padding-left:18px}
.mlist{display:flex;gap:10px;flex-wrap:wrap}
.mitem{width:110px;font-size:11px;color:var(--muted)}
.mitem .mt{width:110px;height:110px;border-radius:10px;background:#111 center/cover;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mitem video{width:100%;height:100%;object-fit:cover}
.events{font-size:12px;color:var(--muted);max-height:320px;overflow:auto}
.events div{padding:4px 0;border-bottom:1px solid var(--line)}
.events b{color:var(--text);font-weight:700}
table{width:100%;border-collapse:collapse;font-size:14px}
td,th{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.login{max-width:380px;margin:12vh auto;padding:0 18px}
.login .panel{padding:28px}
.drop{border:2px dashed var(--line);border-radius:var(--r);padding:28px;text-align:center;color:var(--muted)}
.prog{height:8px;background:var(--bg);border-radius:99px;overflow:hidden;margin-top:6px}
.prog i{display:block;height:100%;background:var(--bronze);width:0}
.upl{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.unplanned{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all}
@media (max-width:1100px){.grid7{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){
 .grid7{grid-template-columns:1fr}
 .day{min-height:0}
 .day .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .day .card{margin:0}
 .layout{grid-template-columns:1fr}
 .phone{position:static;max-width:420px;margin:0 auto}
 .row2{grid-template-columns:1fr}
 h1{font-size:24px}
 nav a{margin-right:10px}
}
