:root{--black:#080b0f;--panel:#10151b;--gold:#caa65a;--gold2:#efd38d;--teal:#168e89;--cream:#f3ebde;--muted:#918e87;--line:rgba(202,166,90,.22);--paper:#f3ede2}*{box-sizing:border-box}body{margin:0;background:#080b0f;color:var(--cream);font-family:Montserrat,Arial,sans-serif}.admin-header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#07090d;position:sticky;top:0;z-index:20}.admin-brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.admin-brand img{width:58px;height:58px;border-radius:50%;border:1px solid var(--gold)}.admin-brand div{display:flex;flex-direction:column;gap:6px}.admin-brand strong{font:20px "Bodoni Moda",serif;letter-spacing:2px;color:var(--gold2)}.admin-brand span,.overline{font-size:7px;letter-spacing:2px;color:var(--teal)}.header-links{display:flex;gap:22px}.header-links a{font-size:9px;color:#bbb;text-decoration:none}.admin-shell{width:min(1380px,92vw);margin:auto;padding:70px 0}.admin-intro{display:grid;grid-template-columns:1fr 420px;gap:8vw;align-items:end}.admin-intro h1{font:500 clamp(52px,6vw,86px)/.92 "Bodoni Moda",serif;margin:18px 0;color:var(--gold2)}.admin-intro h1 em{font-family:Georgia,serif;font-weight:400}.admin-intro>div>p:last-child{font-size:12px;color:#aaa}.sync-card{border:1px solid var(--line);padding:26px;background:#0e1318}.sync-status{display:flex;align-items:center;gap:14px}.sync-status i{width:10px;height:10px;border-radius:50%;background:#ca6b5a;box-shadow:0 0 14px #ca6b5a}.sync-status i.live{background:#32a887;box-shadow:0 0 14px #32a887}.sync-status span{display:flex;flex-direction:column;gap:6px}.sync-status strong{font:21px "Bodoni Moda",serif}.sync-status small{font-size:8px;color:#777}.gold-btn,.outline-btn{border:1px solid var(--gold);background:linear-gradient(135deg,#d5b466,#b78d40);color:#10100e;padding:14px 20px;text-transform:uppercase;font-size:8px;font-weight:600;letter-spacing:1px;border-radius:999px;cursor:pointer}.sync-card .gold-btn{width:100%;margin-top:22px}.outline-btn{background:transparent;color:var(--gold2)}.dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:60px 0 28px}.dashboard-cards article{border:1px solid var(--line);padding:26px;background:linear-gradient(145deg,#12181f,#0b0f14)}.dashboard-cards span{font-size:7px;letter-spacing:2px;color:var(--teal)}.dashboard-cards strong{display:block;font:40px "Bodoni Moda",serif;color:var(--gold2);margin:12px 0 5px}.dashboard-cards small{font-size:8px;color:#777}.admin-panel{background:var(--paper);color:#181716;padding:36px}.panel-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #cfc4b2;padding-bottom:22px}.panel-head h2,.connection-panel h2,.product-modal h2,.setup-modal h2{font:36px "Bodoni Moda",serif;margin:5px 0}.panel-actions{display:flex;gap:10px}.panel-actions input{width:250px;border:1px solid #c6b9a6;background:white;padding:12px 14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th{text-align:left;font-size:7px;letter-spacing:1px;text-transform:uppercase;color:#777;padding:16px 12px;border-bottom:1px solid #cfc4b2}td{padding:15px 12px;border-bottom:1px solid #ded5c7;font-size:10px}.product-cell{display:flex;align-items:center;gap:12px}.product-mini{width:42px;height:42px;display:grid;place-items:center;background:var(--bg);color:var(--accent);font:22px Georgia;border-radius:50%;background-size:cover;background-position:center}.product-cell strong{display:block;font:17px "Bodoni Moda",serif}.product-cell small{font-size:7px;color:#888}.stock-pill,.visible-pill{padding:6px 9px;border-radius:99px;background:#e4eee9;color:#16715e;font-size:7px}.stock-pill.low{background:#fff0c9;color:#8a6106}.stock-pill.out{background:#f7dede;color:#9a2f2f}.visible-pill.off{background:#e5e5e5;color:#777}.row-actions button{border:0;background:none;font-size:9px;color:#5b5b58;cursor:pointer;margin-left:10px}.row-actions .delete{color:#a13c48}.empty-admin{text-align:center;padding:50px;color:#777;display:none}.connection-panel{margin-top:28px;border:1px solid var(--line);padding:36px;display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:start;background:#0e1318}.connection-panel p{font-size:10px;color:#888;line-height:1.7}.connection-panel form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.connection-panel label,.product-modal label{font-size:7px;text-transform:uppercase;letter-spacing:1px;color:#7e796e}.connection-panel input,.product-modal input,.product-modal select,.product-modal textarea{width:100%;display:block;margin-top:7px;padding:12px;border:1px solid #cbbfae;background:white;color:#171614}.text-btn{border:0;background:none;color:var(--gold2);font-size:8px;text-transform:uppercase;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:30;opacity:0;visibility:hidden;transition:.25s}.modal-backdrop.open{opacity:1;visibility:visible}.product-modal,.setup-modal{position:fixed;z-index:40;right:0;top:0;bottom:0;width:min(620px,100%);background:var(--paper);color:#171614;padding:35px;transform:translateX(100%);transition:.35s;overflow:auto}.product-modal.open,.setup-modal.open{transform:none}.modal-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #cfc4b2;padding-bottom:20px}.close-modal,.close-setup{border:0;background:none;font-size:30px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.form-grid .wide{grid-column:1/-1}.product-modal textarea{resize:vertical}.toggle-label{grid-column:1/-1;display:flex;align-items:center;gap:10px}.toggle-label input{width:auto;margin:0}.form-footer{display:flex;justify-content:flex-end;gap:15px;border-top:1px solid #cfc4b2;margin-top:25px;padding-top:22px}.product-modal .text-btn{color:#6e665a}.setup-modal{background:#0e1318;color:var(--cream)}.setup-modal>button{color:white;float:right}.setup-modal ol{padding-left:20px;color:#aaa;font-size:11px;line-height:2}.setup-note{border-left:2px solid var(--teal);padding:15px;color:#aaa;font-size:10px}.admin-toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#f3ede2;color:#181716;border-left:4px solid var(--teal);padding:14px 22px;font-size:10px;z-index:60;opacity:0;visibility:hidden;transition:.25s}.admin-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:850px){.admin-header{padding:0 18px}.admin-brand strong{font-size:14px}.admin-brand span{display:none}.header-links a:first-child{display:none}.admin-shell{padding:40px 0}.admin-intro{grid-template-columns:1fr}.sync-card{margin-top:20px}.dashboard-cards{grid-template-columns:1fr 1fr;margin-top:35px}.admin-panel{padding:20px}.panel-head{align-items:stretch;gap:20px;flex-direction:column}.panel-actions{flex-direction:column}.panel-actions input{width:100%}.connection-panel{grid-template-columns:1fr;padding:25px}.connection-panel form{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide,.toggle-label{grid-column:auto}}