:root{--green:#075d3d;--green2:#0b7650;--ink:#173329;--muted:#66756f;--gold:#d9a62e;--cream:#f5f3e9;--line:#dce4df;--white:#fff;--shadow:0 14px 40px rgba(20,55,42,.10);font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:#eef2ef}
*{box-sizing:border-box}body{margin:0;background:#eef2ef}button,input,textarea,select{font:inherit}.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(165deg,#06442f,#073b2b);color:#fff;padding:28px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;padding:4px 8px 30px}.brand img{width:70px;max-height:56px;object-fit:contain;filter:brightness(0) invert(1)}.brand strong{display:block;font-size:16px}.brand span{font-size:11px;opacity:.7}.sidebar nav{display:grid;gap:7px}.nav-button{border:0;background:transparent;color:#d7e8e1;border-radius:13px;padding:14px 15px;text-align:left;cursor:pointer;font-weight:700}.nav-button:hover,.nav-button.active{background:rgba(255,255,255,.12);color:#fff}.sidebar-foot{margin-top:auto;padding:18px 8px 0;border-top:1px solid rgba(255,255,255,.12)}.sidebar-foot a{color:#fff;text-decoration:none;font-weight:800}.sidebar-foot p{font-size:11px;opacity:.65;line-height:1.5}.admin-main{padding:34px clamp(22px,4vw,64px) 120px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.eyebrow{margin:0 0 5px;color:var(--green2);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.page-head h1{font-family:"Source Serif 4",serif;font-size:clamp(34px,4vw,50px);margin:0}.page-head .lead{margin:8px 0 0;color:var(--muted)}.status-chip{background:#e0f1e8;color:var(--green);padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.tab{display:none}.tab.active{display:grid;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px}.panel-head>div{display:flex;align-items:center;gap:14px}.number{width:38px;height:38px;border-radius:12px;background:#e8f4ee;color:var(--green);display:grid;place-items:center;font-size:12px;font-weight:900}.panel h2,.panel h3{margin:0}.panel-head p,.panel p{color:var(--muted);margin:4px 0 0;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.product-row label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#496057}.form-grid .full{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid #ccd8d1;background:#fbfcfb;border-radius:11px;padding:12px 13px;color:var(--ink);outline:none;transition:.2s}textarea{resize:vertical;min-height:92px}input:focus,textarea:focus,select:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(11,118,80,.1)}small{font-weight:500;color:#819089;line-height:1.35}.primary,.secondary,.danger-button,.file-button{border:0;border-radius:11px;padding:12px 17px;font-weight:850;cursor:pointer}.primary{background:var(--green);color:#fff;box-shadow:0 8px 20px rgba(7,93,61,.2)}.primary:hover{background:var(--green2)}.secondary,.file-button{background:#e8f3ed;color:var(--green)}.danger-button{background:#fee9e7;color:#a42d28}.product-editor{display:grid;gap:14px}.product-row{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fafbf9}.product-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.product-row-head h3{font-size:15px}.remove-product{border:0;background:transparent;color:#a23a35;cursor:pointer;font-weight:800}.product-fields{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px}.product-fields .wide{grid-column:span 2}.switch-row{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:15px!important}.switch-row span{display:grid;gap:3px}.switch-row input{position:absolute;opacity:0;width:1px}.switch-row i{width:48px;height:27px;background:#c9d2cd;border-radius:99px;position:relative;transition:.2s}.switch-row i:after{content:"";width:21px;height:21px;position:absolute;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0002;transition:.2s}.switch-row input:checked+i{background:var(--green2)}.switch-row input:checked+i:after{transform:translateX(21px)}.info-panel{display:grid;gap:14px}.info-panel>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.info-panel p{display:grid;margin:0}.service-status{width:10px;height:10px;border-radius:50%}.service-status.online{background:#18a66d;box-shadow:0 0 0 5px #e5f6ef}.service-status.pending{background:#dca72b;box-shadow:0 0 0 5px #fbf2dc}.backup-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.backup-actions>div{border:1px solid var(--line);border-radius:16px;padding:20px}.backup-actions .danger{border-color:#f0d1ce}.backup-actions button{margin-top:12px}.file-button{display:inline-block;margin-top:12px}.file-button input{display:none}.savebar{position:fixed;z-index:20;left:280px;right:0;bottom:0;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:15px clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between}.savebar>div{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:700}.pulse{width:9px;height:9px;border-radius:50%;background:#9ba8a2}.savebar.dirty .pulse{background:var(--gold);box-shadow:0 0 0 5px #f8edcf}.toast{position:fixed;right:28px;top:24px;background:#173d31;color:#fff;border-radius:13px;padding:14px 18px;box-shadow:var(--shadow);z-index:50;opacity:0;transform:translateY(-12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:18px}.brand{padding-bottom:15px}.sidebar nav{display:flex;overflow:auto}.nav-button{white-space:nowrap}.sidebar-foot{display:none}.savebar{left:0}.backup-actions{grid-template-columns:1fr}.product-fields{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.admin-main{padding:24px 14px 110px}.page-head{align-items:start;flex-direction:column}.panel{padding:18px;border-radius:16px}.form-grid,.product-fields{grid-template-columns:1fr}.form-grid .full,.product-fields .wide{grid-column:auto}.savebar{padding:12px 14px}.savebar #save-state{display:none}}
