:root{color-scheme:dark;--bg:#0b1117;--surface:#121a23;--soft:#182330;--line:#263544;--line2:#344657;--text:#eef4f8;--muted:#92a2b2;--brand:#d3182a;--danger:#ff5c5c;--green:#24b47e;--warning:#f5b84b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#17212c 0,var(--bg) 40%,#080c11 100%);color:var(--text);font:14px Arial,Helvetica,sans-serif}.app{max-width:1600px;margin:auto;padding:22px}.topbar,.toolbar,.controls,.tabs,.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar{border-bottom:1px solid var(--line);padding-bottom:14px}.topbar h1{margin:8px 0 4px;font-size:26px}.topbar p,.toolbar p{margin:4px 0;color:var(--muted)}.back{color:#f48b96;text-decoration:none}.button,select,input,textarea{font:inherit;color:var(--text);background:#0d141c;border:1px solid var(--line2);border-radius:6px;min-height:36px;padding:8px 11px}.button{cursor:pointer;white-space:nowrap}.button.primary{background:var(--brand);border-color:var(--brand);color:white;font-weight:700}.button.secondary{background:var(--surface);font-weight:600}.button:hover{filter:brightness(1.12)}.tabs{justify-content:flex-start;border-bottom:1px solid var(--line);margin:16px 0}.tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:11px 15px;cursor:pointer}.tab.active{color:white;border-color:var(--brand)}.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px;box-shadow:0 18px 42px #0005}.hidden{display:none!important}.toolbar{margin-bottom:14px}.toolbar h2{margin:0}.controls{flex-wrap:wrap}.controls input[type=search]{min-width:220px}.table-wrap{overflow:auto;max-height:calc(100vh - 260px);border:1px solid var(--line);border-radius:6px}table{width:100%;border-collapse:collapse;min-width:920px}th,td{padding:10px 11px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}th{position:sticky;top:0;background:var(--soft);z-index:1;color:#d6e0e8;font-size:12px}td{line-height:1.45;overflow-wrap:anywhere}.caption{white-space:pre-wrap;max-width:480px}.muted{color:var(--muted)}.status{display:inline-flex;padding:4px 8px;border:1px solid var(--line2);border-radius:99px;background:var(--soft);font-size:11px;font-weight:700;white-space:nowrap}.media-list{display:grid;gap:5px}.media-file{border:1px solid var(--line);border-radius:5px;padding:5px 7px;color:#cbd7e0;font-size:12px}.fb-link{color:#8dbdff}.row-button{padding:5px 8px;min-height:30px}.notice{display:none;margin:12px 0;padding:10px 12px;border-radius:6px;border:1px solid var(--line2);background:var(--soft)}.notice.show{display:block}.notice.error{border-color:#8e2933;color:#ffb1b7}.notice.success{border-color:#28674e;color:#99ebc4}.detail{margin-top:14px;border:1px solid var(--line2);border-radius:8px;background:#0d141c;padding:16px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-grid div{overflow-wrap:anywhere}.detail label,dialog label{display:grid;gap:6px;color:var(--muted);margin:10px 0}.detail select{min-width:210px}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.detail h3{margin:0 0 12px}.history{max-height:200px;overflow:auto;color:var(--muted);font-size:12px}dialog{width:min(620px,calc(100vw - 24px));border:1px solid var(--line2);border-radius:10px;background:var(--surface);color:var(--text);padding:20px;box-shadow:0 25px 80px #0009}dialog::backdrop{background:#0009}.dialog-head{margin-bottom:10px}.dialog-head h2{margin:0}.icon{border:0;background:none;color:var(--muted);font-size:25px;cursor:pointer}textarea{resize:vertical;line-height:1.5}.dialog-actions{justify-content:flex-end;margin-top:16px}#postForm p{color:var(--muted);font-size:12px}@media(max-width:850px){.app{padding:12px}.topbar,.toolbar{align-items:flex-start;flex-direction:column}.controls{justify-content:flex-start}.detail-grid{grid-template-columns:1fr}.table-wrap{max-height:none}}

.media-list{display:grid;justify-items:start;gap:8px}.media-file{display:grid;justify-items:start;gap:5px;margin:0;padding:0;border:0;color:#cbd7e0;font-size:12px}.media-zoom{display:block;padding:0;border:0;background:transparent;cursor:zoom-in;line-height:0}.media-zoom:focus-visible{outline:2px solid #8dbdff;outline-offset:3px;border-radius:7px}.media-thumb{display:block;width:112px;height:78px;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:var(--surface);transition:transform .15s,filter .15s}.media-zoom:hover .media-thumb{filter:brightness(1.12);transform:scale(1.025)}.media-filename{max-width:220px;color:var(--muted);overflow-wrap:anywhere;line-height:1.3}.media-add{margin-top:2px}.photo-dialog{width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:14px}.photo-dialog form{display:grid;justify-items:center;gap:10px}.photo-dialog .dialog-head{width:100%}.photo-dialog #photoFull{display:block;max-width:100%;max-height:76vh;object-fit:contain;border-radius:6px}.photo-dialog #photoName{margin:0 0 4px;overflow-wrap:anywhere;text-align:center}.photo-dialog .dialog-head h2{font-size:18px}


.button:disabled{opacity:.5;cursor:not-allowed}input[type=file]{max-width:100%}
.app{width:100%;max-width:none;margin:0;padding:18px}.table-wrap{max-height:calc(100vh - 240px)}.post-actions{min-width:185px;white-space:nowrap}.post-actions .queue-move{min-width:32px;padding-inline:7px;font-size:18px}#postScheduleDialog form{display:grid;gap:8px}#postScheduleDialog form>p{color:var(--muted);line-height:1.5}
.post-actions{min-width:245px;white-space:normal}.post-actions .button{margin:0 3px 4px 0}.button.danger{background:#6e1f2a;border-color:#a63845;color:#fff;font-weight:700}#editPostDialog form{display:grid;gap:8px}#editPostDialog form>p{font-size:12px}#deletePostDialog>p{line-height:1.5}
.status-history{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}.status-history h4{margin:0 0 12px}.status-history-list{display:grid;gap:10px;max-height:320px;overflow:auto}.status-history-entry{border-left:3px solid var(--brand);padding:8px 12px;background:var(--soft);border-radius:0 6px 6px 0}.status-history-meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:12px}.status-history-meta strong{color:var(--text)}.status-history-change{margin-top:5px;font-weight:700}.status-history-note{margin:6px 0 0;white-space:pre-wrap;color:var(--muted)}