:root{--bg:#070b14;--panel:#0d1426;--panel2:#111a30;--line:rgba(120,166,255,.18);--text:#edf2ff;--muted:#afbcdb;--accent:#78a6ff;--accent2:#8f5dff;--ok:#36f0d0;--danger:#ff5ea8}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#05070c,#0b1222);color:var(--text)}
.layout{display:grid;grid-template-columns:290px 1fr;min-height:100vh}
.sidebar{padding:28px;position:sticky;top:0;height:100vh;background:rgba(7,11,20,.92);border-right:1px solid rgba(255,255,255,.04)}
.brand{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;color:#dbe5ff}
.muted{color:var(--muted);line-height:1.6}.content{padding:28px;display:grid;gap:24px;align-content:start}
.card{background:rgba(13,20,38,.86);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 36px rgba(0,0,0,.22)}
label{display:block;font-size:.86rem;color:#d8e0fb;margin-bottom:8px}
input,textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(120,166,255,.18);background:#0a1324;color:var(--text);font:inherit}
textarea{min-height:96px;resize:vertical}
button,.btn{display:inline-block;padding:12px 16px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;font-weight:700;cursor:pointer;text-decoration:none}
.btn-secondary{background:#121c31;border:1px solid rgba(120,166,255,.18)}
.flash{padding:12px 14px;border-radius:14px}.flash.error{background:rgba(255,94,168,.13);border:1px solid rgba(255,94,168,.25)}.flash.success{background:rgba(54,240,208,.12);border:1px solid rgba(54,240,208,.25)}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.slot,.subcard{background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:16px}
.preview{width:100%;height:170px;object-fit:cover;border-radius:12px;background:#09101f;margin:0 0 12px;display:block}
.dropzone{position:relative;border:1px dashed rgba(120,166,255,.35);border-radius:14px;background:linear-gradient(180deg,rgba(120,166,255,.05),rgba(143,93,255,.04));padding:16px;display:grid;gap:8px;min-height:112px;place-items:center;text-align:center;transition:.2s ease}
.dropzone.drag{border-color:#8fd2ff;box-shadow:0 0 0 3px rgba(120,166,255,.14)}
.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}
.small{font-size:.85rem;color:var(--muted)}
.meta{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.section-title{margin:26px 0 12px;font-size:1rem;color:#dbe5ff;text-transform:uppercase;letter-spacing:.06em}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.accordion{display:grid;gap:14px}
.acc-item{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(13,20,38,.86)}
.acc-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;cursor:pointer;background:rgba(255,255,255,.02)}
.acc-left{display:flex;align-items:center;gap:12px;min-width:0}
.acc-left input[type=checkbox]{width:18px;height:18px;margin:0}
.acc-title{font-weight:700;text-align:left}
.acc-sub{font-size:.82rem;color:var(--muted)}
.acc-icon{font-size:1.1rem;color:var(--muted);transition:transform .2s ease}
.acc-item.active .acc-icon{transform:rotate(90deg)}
.acc-content{display:none;padding:18px}
.acc-item.active .acc-content{display:block}
.subgrid{display:grid;gap:16px}
.media-shell{display:grid;gap:12px}
.savebar{position:sticky;top:12px;z-index:5;display:flex;justify-content:flex-end}
.modal{position:fixed;inset:0;background:rgba(2,5,12,.78);display:none;align-items:center;justify-content:center;padding:20px;z-index:60}.modal.open{display:flex}.modal-card{width:min(1100px,100%);background:#08111f;border:1px solid var(--line);border-radius:22px;padding:20px;display:grid;gap:16px}.cropper-wrap{max-height:70vh;overflow:hidden;border-radius:18px}.cropper-wrap img{display:block;max-width:100%}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.btn-saving{opacity:.85}.btn-saved{background:linear-gradient(135deg,var(--ok),#2abf8f)!important}

.sidebar-nav{margin:30px 0;display:grid;gap:6px}
.sidebar-link{display:block;padding:12px 16px;color:var(--muted);text-decoration:none;border-radius:12px;font-weight:600;font-size:0.9rem;border:1px solid transparent;transition:all .2s ease}
.sidebar-link:hover{background:rgba(255,255,255,.03);color:var(--text)}
.sidebar-link.active{background:rgba(120,166,255,.1);border-color:rgba(120,166,255,.25);color:var(--accent)}
.view-section{display:none}
.view-section.active{display:block}

@media (max-width:980px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.04)}.grid,.grid-2,.grid-3{grid-template-columns:1fr}}