:root{--deep:#2d1b14;--wine:#82452f;--orange:#c8733e;--cream:#f9f6f0;--paper:#fff;--line:#e9e3d9;--muted:#82766d;--green:#3d7250}*{box-sizing:border-box}body{margin:0;color:var(--deep);background:var(--cream);font:14px 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--orange)}.login-screen{min-height:100vh;background:radial-gradient(circle at 80% 10%,#e4b68a,transparent 29%),linear-gradient(135deg,#341b13,#6c3929);display:grid;place-items:center;padding:20px}.login-brand{position:absolute;top:28px;left:35px;font:700 34px 'Fraunces',serif;color:#fff8ea}.login-brand span{font:17px 'DM Sans',sans-serif;color:#f3b976}.login-box{width:min(430px,100%);background:#fffcf6;border-radius:20px;padding:42px;box-shadow:0 30px 70px #1b0f0b55}.login-box h1{font:700 37px 'Fraunces',serif;letter-spacing:-.05em;margin:10px 0}.login-box p{line-height:1.65;color:var(--muted)}.login-box form{margin:28px 0 22px}.login-box label,.fields label,.modal label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#5c4c40}.login-box input,.fields input,.fields textarea,.fields select,.table-toolbar input,.table-toolbar select,.modal input,.modal select,.modal textarea,.media-row input,.media-row select{width:100%;border:1px solid #ded4c8;background:#fff;border-radius:9px;padding:11px 12px;min-height:42px;outline-color:#c88b62;color:var(--deep);font-size:13px}.login-box form button,.primary-btn{border:0;background:var(--deep);color:#fff;padding:12px 17px;border-radius:9px;font-weight:800;font-size:12px}.login-box form button{width:100%;margin-top:15px;min-height:44px}.login-box>a{font-size:12px;color:var(--wine);font-weight:800}.error{color:#a83425!important;background:#fff0ed;padding:9px;border-radius:7px;font-size:12px}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--deep);color:#d8c6b9;display:flex;flex-direction:column;padding:26px 16px}.sidebar-brand{display:flex;align-items:center;gap:11px;margin:0 9px 35px}.sidebar-brand>span{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;background:#f3b976;color:var(--deep);font:700 24px 'Fraunces',serif}.sidebar-brand strong{display:block;color:#fff;font:700 25px/1 'Fraunces',serif}.sidebar-brand small{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.sidebar-bottom button,.sidebar-bottom a{border:0;background:none;color:inherit;text-align:left;border-radius:9px;padding:12px 15px;width:100%;font-weight:700;font-size:12px}.sidebar nav button{display:flex;align-items:center;gap:12px}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#ffffff1d}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff22;padding-top:15px}.sidebar-bottom a,.sidebar-bottom button{display:block;color:#c7aa95}.main{min-width:0;padding:37px min(4vw,55px) 80px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-header h1{font:700 39px 'Fraunces',serif;letter-spacing:-.04em;margin:5px 0 0}.header-right{display:flex;align-items:center;gap:17px}.avatar{background:#eec598;color:var(--deep);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-weight:800}.header-right #saveStatus{font-size:11px;color:var(--green);font-weight:800}.tab{display:none;max-width:1200px}.tab.active{display:block}.welcome{background:linear-gradient(115deg,#6c3727,#a85b34);color:#fff;border-radius:17px;padding:34px 42px;display:flex;align-items:end;justify-content:space-between;gap:20px;min-height:220px;overflow:hidden;position:relative}.welcome:after{content:'✳';font-size:300px;color:#ffffff12;position:absolute;right:0;top:-125px}.welcome .eyebrow{color:#f6c38c}.welcome h2{font:700 34px/1.1 'Fraunces',serif;margin:10px 0}.welcome p{font-size:12px;color:#f1d5c3;margin:0}.welcome a{background:#fff6e8;color:var(--deep);padding:11px 14px;border-radius:7px;font-size:11px;font-weight:800;z-index:1;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:21px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px}.stat span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted)}.stat strong{display:block;font:700 30px 'Fraunces',serif;margin:8px 0 0}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px;margin-bottom:19px;box-shadow:0 6px 20px #5d30100a}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.panel-head h3{font:700 23px 'Fraunces',serif;letter-spacing:-.025em;margin:0 0 3px}.panel-head p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.plain-btn{background:none;border:0;color:var(--wine);font-size:11px;font-weight:800}.table-toolbar{display:flex;gap:10px;margin-bottom:15px}.table-toolbar input{max-width:320px}.table-toolbar select{max-width:210px}.product-list,.order-list{display:grid}.product-row,.zone-row,.order-row{display:grid;align-items:center;gap:14px;border-top:1px solid var(--line);padding:12px 0}.product-row{grid-template-columns:58px 1fr 120px 90px 100px}.product-row img{width:56px;height:56px;object-fit:contain;background:#f8f0e3;border-radius:7px}.product-row strong,.zone-row strong,.order-row strong{display:block;font-size:12px}.product-row small,.zone-row small,.order-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.product-row>span,.zone-row>span{font-size:11px;font-weight:800}.product-row button,.zone-row button,.order-row button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 10px;color:var(--wine);font-size:11px;font-weight:800}.pill{display:inline-block;border-radius:50px;padding:6px 9px;font-size:9px;font-weight:800;background:#eaf3e9;color:#377246}.pill.off{background:#f4e8e1;color:#8c5b45}.zone-row{grid-template-columns:1fr 120px 100px 100px}.order-row{grid-template-columns:145px 1fr 100px 130px;cursor:pointer}.order-row:hover{background:#fffcf7}.order-row select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px;font-size:11px}.order-detail{background:#fbf6ed;border-radius:9px;padding:15px;margin:3px 0 14px;font-size:11px;line-height:1.6}.order-detail p{margin:3px 0}.notice{background:#fff4e4;border-left:4px solid #d9954f;padding:16px 19px;border-radius:7px;margin-bottom:17px}.notice strong{font-size:12px}.notice p{font-size:11px;color:#78604c;line-height:1.5;margin:4px 0 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fields .wide{grid-column:span 2}.fields textarea{resize:vertical}.sticky-save{position:sticky;bottom:12px;text-align:right;padding:12px;background:#fffdf9;border:1px solid var(--line);border-radius:11px;box-shadow:0 8px 30px #4e250d16}.media-list{display:grid;gap:13px;margin-bottom:19px}.media-row{display:grid;grid-template-columns:100px 1fr 80px;gap:13px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:10px}.media-row img{width:100px;height:100px;object-fit:contain;background:#f4eadb;border-radius:7px}.media-row-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.media-row-fields input:last-of-type{grid-column:span 2}.media-row button{border:0;color:#9e4c33;background:#fff0eb;padding:8px;border-radius:6px;font-size:10px;font-weight:800}.modal-backdrop{position:fixed;inset:0;background:#1e120db3;z-index:10;display:grid;place-items:center;padding:18px}.modal{position:relative;background:#fffdf9;border-radius:15px;padding:29px;width:min(590px,100%);max-height:90vh;overflow:auto}.modal h2{font:700 30px 'Fraunces',serif;margin:4px 0 20px}.modal form{display:grid;gap:13px}.modal .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal .checks{display:flex;gap:17px}.modal .checks label{display:flex;align-items:center;gap:6px}.modal .checks input{width:auto;min-height:0}.modal textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}.modal-actions .plain-btn{padding:10px}.close-modal{position:absolute;right:17px;top:17px;border:0;background:#f1e8dc;border-radius:50%;width:30px;height:30px}.toast{position:fixed;right:20px;bottom:20px;background:var(--deep);color:#fff;padding:14px 19px;border-radius:8px;z-index:20;font-size:12px;font-weight:800;box-shadow:0 10px 30px #0003}.empty{color:var(--muted);font-size:12px;padding:25px;text-align:center}.media-preview{display:flex;gap:9px;overflow:auto}.media-preview img{height:80px;border-radius:7px}
@media(max-width:920px){.app{grid-template-columns:70px 1fr}.sidebar-brand{margin-left:0}.sidebar-brand div,.sidebar nav span,.sidebar-bottom{display:none}.sidebar nav button{font-size:20px;justify-content:center}.main{padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.product-row{grid-template-columns:55px 1fr 100px 75px}.product-row .status-cell{display:none}}
@media(max-width:610px){.app{display:block}.sidebar{height:auto;position:sticky;z-index:5;top:0;padding:8px}.sidebar-brand{display:none}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{min-width:45px;padding:8px}.main{padding:21px 13px}.admin-header h1{font-size:29px}.welcome{display:block;padding:25px;min-height:0}.welcome h2{font-size:26px}.welcome a{display:inline-block;margin-top:17px}.panel{padding:16px}.panel-head{align-items:start}.panel-head h3{font-size:20px}.stats{gap:8px}.stat{padding:15px}.stat strong{font-size:23px}.product-row{grid-template-columns:44px 1fr 75px}.product-row img{width:43px;height:43px}.product-row .price-cell,.product-row .status-cell{display:none}.zone-row{grid-template-columns:1fr 85px 55px}.zone-row .zone-status{display:none}.order-row{grid-template-columns:110px 1fr 100px}.order-row .order-total{display:none}.fields,.modal .two{grid-template-columns:1fr}.fields .wide{grid-column:span 1}.media-row{grid-template-columns:65px 1fr}.media-row img{width:65px;height:65px}.media-row>button{grid-column:span 2}.media-row-fields{grid-template-columns:1fr}.media-row-fields input:last-of-type{grid-column:span 1}}

.login-brand img{width:86px;height:80px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.sidebar-brand img{width:51px;height:51px;object-fit:contain;background:#fff;border-radius:8px}.sidebar-brand{margin-left:0}@media(max-width:920px){.sidebar-brand img{width:48px;height:48px}}