:root{--wine:#5b1027;--gold:#c99a3d;--bg:#f7f4f5;--ink:#2b2024;--muted:#806f74;--line:#eadfe2}*{box-sizing:border-box}body{margin:0;font-family:Inter;background:var(--bg);color:var(--ink);display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#211216;color:#fff;padding:24px 17px;position:sticky;top:0;height:100vh;z-index:60}.sidebar-head{display:flex;align-items:center;gap:12px}.logo{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--wine),var(--gold));font-family:"Cormorant Garamond";font-size:23px}.sidebar-head h2{font-size:25px}.sidebar-head small{font-size:9px;color:#bbaab0;text-transform:uppercase;letter-spacing:1px}.sidebar-head>button{display:none}aside nav{display:grid;gap:7px;margin-top:28px}aside button,aside a{border:0;background:transparent;color:#dcced3;padding:13px;border-radius:9px;text-align:left;font:inherit;font-size:13px;font-weight:700;cursor:pointer}aside button.active,aside button:hover,aside a:hover{background:#5b1027;color:#fff}.sidebar-footer{position:absolute;bottom:25px;font-size:9px;color:#8f7a81}.side-open,#sideBackdrop{display:none}main{padding:0 max(3%,32px) 50px;min-width:0}header{height:94px;display:flex;align-items:center;justify-content:space-between}header small{color:#8a727a;font-weight:800;letter-spacing:1.5px;font-size:9px}h1,h2,h3{font-family:"Cormorant Garamond";margin:0}header h1{font-size:38px}.admin-user{background:#fff;padding:8px 10px 8px 16px;border-radius:99px;box-shadow:0 4px 20px #e6dde0;display:flex;gap:12px;align-items:center;font-size:12px}.admin-user b{width:32px;height:32px;background:var(--wine);color:#fff;border-radius:50%;display:grid;place-items:center}.page{display:none}.page.active{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stats article,.panel{background:#fff;border:1px solid #f0e8ea;border-radius:15px;padding:21px;box-shadow:0 8px 30px rgba(45,20,28,.05)}.stats small{display:block;color:var(--muted);margin-bottom:11px}.stats b{display:block;font-size:28px;color:var(--wine)}.stats span{display:block;color:#9a898e;font-size:10px;margin-top:7px}.panel h3{font-size:27px}.panel p{color:var(--muted);font-size:12px;line-height:1.6}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.panel-head h3{margin:0}.panel-head p{margin:3px 0 0}.panel button,form button{background:var(--wine);color:#fff;border:0;border-radius:8px;padding:11px 14px;font-weight:700;cursor:pointer}.dashboard-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:20px}.quick-panel{display:flex;flex-direction:column;gap:10px}.quick-panel h3{margin-bottom:5px}.table-wrap{overflow:auto;margin:0 -5px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px;border-bottom:1px solid #eee;font-size:12px}th{color:#8a777d;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.status{padding:5px 9px;border-radius:99px;background:#f4e3c1}.grid2{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}form label{display:block;font-size:11px;font-weight:700;margin-bottom:11px}form input,form select{width:100%;padding:13px;border:1px solid #e3d8dc;border-radius:8px;margin-top:6px;background:#fff}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #eee}.list-item small{color:var(--muted)}.danger{background:#f4eaed!important;color:#7b1735!important}.empty{color:#88747b;padding:20px 0}
@media(max-width:1000px){body{grid-template-columns:220px 1fr}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.grid2{grid-template-columns:1fr}}
@media(max-width:760px){body{display:block}aside{position:fixed;left:0;top:0;width:min(300px,84vw);transform:translateX(-105%);transition:.25s;box-shadow:20px 0 50px rgba(0,0,0,.2)}aside.open{transform:translateX(0)}.sidebar-head>button{display:block;margin-left:auto;border:0;background:#3a232a;color:#fff;width:38px;height:38px;text-align:center;font-size:22px}.side-open{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--wine);font-size:20px}.sidebar-footer{display:none}#sideBackdrop{position:fixed;inset:0;background:rgba(21,7,12,.55);z-index:50}#sideBackdrop.show{display:block}main{padding:0 4% 35px}header{height:82px;justify-content:flex-start;gap:13px}header .admin-user{margin-left:auto}.stats{grid-template-columns:1fr 1fr;gap:11px}.stats article{padding:16px}.stats b{font-size:23px}.panel{padding:17px}.panel-head{align-items:flex-start}.panel-head button{white-space:nowrap}}
@media(max-width:480px){header h1{font-size:29px}.admin-user span{display:none}.stats{grid-template-columns:1fr 1fr}.stats small{font-size:10px}.grid2,.form-two{grid-template-columns:1fr}.panel-head{flex-direction:column}.panel-head button{width:100%}.list-item{align-items:flex-start}.list-item .danger{padding:8px;font-size:10px}}
textarea{width:100%;padding:13px;border:1px solid #e3d8dc;border-radius:8px;margin-top:6px;font:inherit;resize:vertical}.logout-btn{width:30px!important;height:30px!important;padding:0!important;border-radius:50%!important;background:#f5e9ed!important;color:var(--wine)!important}.image-preview{height:110px;border:1px dashed var(--line);border-radius:10px;display:grid;place-items:center;margin:8px 0 14px;overflow:hidden}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.preview-mark,.login-logo{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--wine),var(--gold));color:#fff;font:700 25px "Cormorant Garamond"}.image-manager{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.image-editor{display:grid;grid-template-columns:130px 1fr;gap:14px;border:1px solid var(--line);padding:13px;border-radius:12px}.image-thumb{height:115px;background:#f4eff1;border-radius:9px;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:11px}.image-thumb img{width:100%;height:100%;object-fit:cover}.image-editor input{width:100%;padding:9px;margin-top:7px;border:1px solid var(--line);border-radius:7px}.image-actions{display:flex;gap:7px;margin-top:8px}.wide{width:100%}.help{display:block;color:var(--muted);margin-top:8px}.switch-row{display:flex!important;align-items:center;gap:8px}.switch-row input{width:auto!important;margin:0!important}.login-screen{position:fixed;inset:0;background:linear-gradient(135deg,#211216,#5b1027);z-index:999;display:grid;place-items:center;padding:20px}.login-screen.hidden{display:none}.login-card,.modal-card{width:min(420px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.login-card .login-logo{margin:0 auto 12px}.login-card h2{text-align:center;font-size:32px}.login-card>p{text-align:center;color:var(--muted)}.login-card button{width:100%;margin-top:8px}.text-btn{background:transparent!important;color:var(--wine)!important}.form-note{color:#9b173d;font-size:12px;margin-top:10px;text-align:center}.modal{position:fixed;inset:0;background:rgba(20,5,10,.65);z-index:1000;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{position:relative}.modal-close{position:absolute;right:14px;top:12px;background:#f3e8ec!important;color:var(--wine)!important;font-size:20px;padding:5px 10px!important}.toast{position:fixed;right:22px;bottom:22px;background:#211216;color:#fff;padding:13px 18px;border-radius:10px;transform:translateY(100px);opacity:0;transition:.25s;z-index:1001}.toast.show{transform:none;opacity:1}hr{border:0;border-top:1px solid var(--line);margin:20px 0}
@media(max-width:900px){.image-manager{grid-template-columns:1fr}}@media(max-width:520px){.image-editor{grid-template-columns:1fr}.image-thumb{height:160px}.admin-user{padding-left:9px}.logout-btn{display:grid!important}}
.builder-intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.preview-link{background:#211216;color:#fff;padding:12px 16px;border-radius:10px;font-weight:700}.builder-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-bottom:20px}.sticky-editor{position:sticky;top:85px;align-self:start}.section-builder{display:grid;gap:10px}.builder-row{display:grid;grid-template-columns:26px 1fr auto auto;align-items:center;gap:12px;border:1px solid #eadfe3;border-radius:12px;padding:12px;background:#fff}.builder-row.disabled{opacity:.55;background:#faf7f8}.builder-row small{display:block;color:#8d7b82;margin-top:3px}.drag-handle{color:#aa99a0;font-weight:900}.row-actions{display:flex;gap:5px}.row-actions button{padding:7px 9px}.mini-switch input{display:none}.mini-switch span{display:block;width:42px;height:23px;border-radius:99px;background:#cfc4c8;position:relative}.mini-switch span:after{content:"";position:absolute;width:17px;height:17px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s}.mini-switch input:checked+span{background:#5a0f25}.mini-switch input:checked+span:after{left:22px}.custom-block-form{margin-top:20px}.form-actions{display:flex;gap:10px}.secondary{background:#eee4e8!important;color:#3d252e!important}.block-item{margin-bottom:8px}.pages-layout{align-items:start}.page-card{border:1px solid #eadfe3;border-radius:14px;padding:15px;margin-bottom:12px;background:#fff}.page-card-head{display:flex;justify-content:space-between;gap:10px}.page-card-head small{display:block;color:#8d7b82;margin-top:4px}.page-card p{color:#78676e;font-size:12px;line-height:1.5}.status-dot{width:10px;height:10px;border-radius:50%;background:#aaa}.status-dot.live{background:#1fa35b;box-shadow:0 0 0 4px #e5f7ed}.page-card-actions{display:flex;gap:7px;flex-wrap:wrap}.page-card-actions a,.page-card-actions button{padding:8px 10px;border-radius:8px;border:0;background:#f0e7ea;color:#4a2934;font-weight:700;font-size:11px}.page-card-actions .danger{background:#fff0f0;color:#a52b2b}
@media(max-width:900px){.builder-layout{grid-template-columns:1fr}.sticky-editor{position:static}.builder-row{grid-template-columns:20px 1fr auto}.row-actions{grid-column:2/-1}.builder-intro{align-items:flex-start;flex-direction:column}}

.image-group{margin-bottom:28px}.image-group-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #eadfd9}.image-group-head h4{margin:0;font-size:18px}.image-group-head span{font-size:12px;color:#7d6b70}.image-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.image-editor small{display:block;color:#7b6a6f;margin:4px 0 8px}.image-actions{flex-wrap:wrap}.image-actions .secondary{background:#efe8e4;color:#43212b}@media(max-width:760px){.image-group-grid{grid-template-columns:1fr}.image-editor{grid-template-columns:110px 1fr}.image-thumb{height:105px}}