:root{--green:#69af19;--green-dark:#4e8615;--ink:#24303b;--muted:#6b7280;--line:#dce2e8;--bg:#f5f7f8;--white:#fff;--danger:#b42318;--shadow:0 8px 30px rgba(30,50,60,.09)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eff8e8,#f6f8f9)}.login-card{width:min(430px,100%);background:#fff;padding:38px;border-radius:18px;box-shadow:var(--shadow)}.login-card img{width:260px;margin:auto}.login-card h1{margin:25px 0 4px}.login-card p{color:var(--muted)}label{display:grid;gap:6px;font-weight:650;margin:15px 0}input,textarea,select,.editor{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink)}textarea{min-height:110px;resize:vertical}.editor{min-height:150px;font-weight:400}.editor:focus,input:focus,textarea:focus,select:focus{outline:3px solid #69af1933;border-color:var(--green)}button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 13px;color:var(--ink)}button:hover{border-color:#aeb9c3}.primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:700}.primary:hover{background:var(--green-dark)}.danger{color:var(--danger)}.error{color:var(--danger)!important}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#18252e;color:#fff;padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 25px}.brand img{width:145px;background:#fff;border-radius:5px}.brand strong{color:var(--green)}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.sidebar-bottom button{border:0;background:transparent;color:#dce5ea;text-align:left;padding:11px 13px}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff17;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--green)}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff20;padding-top:15px;display:grid;gap:8px}.sidebar-bottom span{padding:0 13px;color:#c9d4da}.main{min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:18px 28px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.topbar h1{margin:0;font-size:24px}.eyebrow{margin:0;color:var(--green);font-weight:750;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.top-actions{display:flex;align-items:center;gap:9px}.top-actions #dirty{color:#a15c00;background:#fff5dc;padding:7px 10px;border-radius:20px;font-size:13px}#workspace{padding:26px;max-width:1500px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px #22313b0a;padding:20px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric strong{display:block;font-size:30px;color:var(--green)}.metric span{color:var(--muted)}.quick{grid-column:span 2}.page-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(450px,1fr);gap:20px;align-items:start}.section-panel{position:sticky;top:112px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-title h2{margin:0;font-size:18px}.section-list{display:grid;gap:9px}.page-settings{width:100%;display:grid;text-align:left;gap:2px;margin-bottom:12px;padding:12px;border-color:var(--line)}.page-settings small{color:var(--muted)}.page-settings.selected{border-color:var(--green);box-shadow:0 0 0 2px #69af1922;background:#f8fcf3}.section-card{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}.section-card.dragging{opacity:.45}.section-card.selected{border-color:var(--green);box-shadow:0 0 0 2px #69af1922}.drag{color:#9aa5ae;font-size:20px;cursor:grab}.section-card strong{display:block}.section-card small{color:var(--muted)}.section-actions{display:flex;align-items:center;gap:5px}.visibility-label{font-size:11px;color:var(--muted)}.section-menu{position:relative}.section-menu summary{list-style:none;cursor:pointer;padding:4px 7px;border:1px solid var(--line);border-radius:7px}.section-menu summary::-webkit-details-marker{display:none}.section-menu div{position:absolute;z-index:8;right:0;top:30px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:6px;display:grid;gap:4px;min-width:125px}.section-menu button{text-align:left;width:100%}.switch{position:relative;width:40px;height:22px;display:inline-block}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:20px;background:#b6c0c8}.switch span:before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:before{transform:translateX(18px)}.edit-panel h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .wide{grid-column:1/-1}.rich-toolbar{display:flex;flex-wrap:wrap;gap:5px;background:#f2f5f6;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;padding:7px}.rich-toolbar+ .editor{border-radius:0 0 9px 9px}.help{font-size:13px;color:var(--muted)}.collection-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.collection-tabs button.active{background:#eaf5df;border-color:var(--green)}details.item{border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:10px}details.item summary{cursor:pointer;padding:13px 15px;font-weight:700}details.item .inside{border-top:1px solid var(--line);padding:15px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.media-card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.media-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#eef1f2}.media-card div{padding:9px;overflow-wrap:anywhere}.upload{border:2px dashed #b6c0c8;padding:25px;text-align:center;margin-bottom:20px}.user-table{width:100%;border-collapse:collapse}.user-table th,.user-table td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}dialog{border:0;border-radius:14px;box-shadow:0 25px 80px #0004;width:min(850px,90vw)}dialog::backdrop{background:#17242caa}dialog header{display:flex;justify-content:space-between;align-items:center}.section-library{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.section-library button{text-align:left;padding:15px;min-height:88px}.section-library strong{display:block;color:var(--green)}.preview-dialog{width:96vw;max-width:none;height:94vh}.preview-dialog form{height:100%;display:flex;flex-direction:column}.preview-stage{flex:1;background:#d8dde0;padding:20px;display:flex;justify-content:center;overflow:auto}.preview-stage iframe{width:1280px;max-width:100%;height:100%;border:0;background:#fff;box-shadow:var(--shadow);transition:.2s}#toast{position:fixed;z-index:1000;right:20px;bottom:20px;max-width:420px;background:#18252e;color:#fff;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}@media(max-width:900px){.app{grid-template-columns:78px 1fr}.brand img{display:none}.sidebar nav button{font-size:0}.sidebar nav button:before{font-size:18px;content:'•'}.sidebar-bottom span{display:none}.page-layout{grid-template-columns:1fr}.section-panel{position:static}.dashboard-grid{grid-template-columns:1fr}.quick{grid-column:auto}.topbar{padding:14px}.top-actions #dirty{display:none!important}#workspace{padding:14px}.section-library{grid-template-columns:1fr 1fr}}