.admin-body{min-width:0}.admin-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr);background:var(--bg)}.admin-sidebar{position:sticky;top:0;height:100vh;padding:24px 14px;background:var(--brand-strong);color:#F4FAF6;display:flex;flex-direction:column}.admin-brand{padding:5px 10px 24px;font-family:var(--font-display)}.admin-brand b{font-size:23px;letter-spacing:-.04em;display:block}.admin-brand span{font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:800}.admin-sidebar nav{display:grid;gap:6px}.side-link{border:0;text-align:left;background:transparent;color:color-mix(in srgb,#FFFFFF 72%,var(--brand));border-radius:12px;padding:12px 13px;font:700 13px var(--font-display);cursor:pointer}.side-link:hover,.side-link.active{background:var(--brand);color:#fff}.admin-note{margin-top:auto;border:1px solid color-mix(in srgb,var(--brand) 45%,#fff);background:color-mix(in srgb,var(--brand-strong) 82%,#000);border-radius:14px;padding:12px;font:700 12px var(--font-display)}.admin-note small{font:400 10px var(--font-body);color:color-mix(in srgb,#FFFFFF 68%,var(--brand))}.admin-main{padding:28px;min-width:0}.admin-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.admin-header h1{font:800 29px/1 var(--font-display);margin:4px 0 8px}.admin-header p{margin:0;color:var(--muted);max-width:680px}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.admin-actions a{text-decoration:none}.admin-grid{display:grid;grid-template-columns:minmax(520px,1fr) minmax(320px,420px);gap:18px;align-items:start}.manager-card,.preview-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.manager-card{padding:18px}.manager-head,.preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.manager-head h2,.preview-head h2{font:800 18px var(--font-display);margin:0 0 3px}.manager-head p,.preview-head p{margin:0;color:var(--muted);font-size:12px}.dirty-badge,.live-pill{padding:6px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font:800 10px var(--font-display);white-space:nowrap}.dirty-badge.dirty{background:var(--brand-soft);color:var(--brand)}.manager-list{display:grid;gap:8px}.manager-row{display:grid;grid-template-columns:28px 52px minmax(150px,1fr) auto auto 86px;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--border);border-radius:15px;background:var(--surface);transition:.15s}.manager-row.dragging{opacity:.45}.manager-row.drop-target{border-color:var(--brand);transform:translateY(1px)}.drag-handle{cursor:grab;color:var(--muted);font-size:18px;user-select:none}.row-icon{width:48px;height:48px;border-radius:13px;background:var(--surface-2);display:grid;place-items:center;overflow:hidden}.row-icon img{width:44px;height:44px;object-fit:contain}.row-icon svg{width:24px;height:24px}.row-copy b{display:block;font:700 13px var(--font-display)}.row-copy small{color:var(--muted);font-size:10px}.switch{position:relative;width:42px;height:24px;display:inline-block}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;border-radius:999px;background:var(--surface-3);border:1px solid var(--border);cursor:pointer}.slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:var(--surface);box-shadow:0 2px 7px rgba(0,0,0,.15);transition:.16s}.switch input:checked+.slider{background:var(--brand)}.switch input:checked+.slider:before{transform:translateX(18px);background:var(--on-brand)}.flag-control{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.flag-control input{accent-color:var(--brand)}.order-btns{display:flex;gap:4px;justify-content:flex-end}.mini-btn{width:36px;height:34px;border:1px solid var(--border);background:var(--surface);border-radius:10px;color:var(--text);cursor:pointer}.mini-btn:hover{background:var(--surface-2)}.preview-card{padding:16px;position:sticky;top:18px}.phone-frame{border:1px solid var(--border);background:var(--bg);border-radius:28px;padding:15px 13px 84px;min-height:630px;position:relative;overflow:hidden}.phone-top{display:flex;justify-content:space-between;align-items:center;font:800 11px var(--font-display);margin-bottom:12px}.phone-top span{color:var(--muted);font:600 9px var(--font-body)}.preview-search{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:10px;display:flex;gap:8px;align-items:center;font-size:10px;margin-bottom:10px}.preview-search span{flex:1;color:var(--muted)}.preview-search b{color:var(--brand);font:800 9px var(--font-display)}.preview-blocks{display:grid;gap:10px}.preview-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:10px}.preview-section h3{font:800 11px var(--font-display);margin:0 0 8px}.preview-banner{height:70px;background:linear-gradient(135deg,var(--brand-soft),var(--surface-2));border-radius:12px;display:flex;align-items:end;padding:9px;font:800 10px var(--font-display)}.preview-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.preview-cat{min-width:0;text-align:center;font:700 7px var(--font-display);color:var(--text)}.preview-cat .iconbox{height:50px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;margin-bottom:3px}.preview-cat img{width:44px;height:44px;object-fit:contain}.preview-placeholder{display:grid;gap:6px}.preview-placeholder i{display:block;height:25px;border-radius:9px;background:var(--surface-2)}.preview-nav{position:absolute;left:0;right:0;bottom:0;display:grid;background:var(--surface);border-top:1px solid var(--border);padding:7px 4px 10px;grid-template-columns:repeat(var(--nav-count,5),1fr)}.preview-nav-item{display:grid;place-items:center;gap:2px;color:var(--icon-muted);font:700 7px var(--font-display)}.preview-nav-item svg{width:18px;height:18px}.preview-nav-item:first-child{color:var(--icon-active)}.empty-list{padding:28px;text-align:center;color:var(--muted)}
@media(max-width:1050px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;display:block;padding:14px}.admin-sidebar nav{display:flex;overflow:auto}.admin-note{display:none}.admin-grid{grid-template-columns:1fr}.preview-card{position:static}.admin-main{padding:18px}.admin-header{display:block}.admin-actions{justify-content:flex-start;margin-top:14px}}
@media(max-width:650px){.manager-row{grid-template-columns:22px 46px minmax(110px,1fr) 44px 72px}.flag-control{display:none}.admin-main{padding:10px}.admin-header h1{font-size:24px}.admin-actions .btn{padding:0 10px;font-size:11px}.preview-card{display:none}}
