:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#263c36;background:#f6f7f2;font-size:15px;--green:#175b46;--muted:#708079;--line:#dce4dc}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:12px 18px;font-weight:650;background:var(--green);color:white;transition:.15s}button:hover{filter:brightness(.95);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#eaf0e8;color:var(--green)}button.danger{background:#fcece8;color:#9d3c2b}button.small{padding:8px 12px;font-size:13px}input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:white;color:#263c36}input:focus,textarea:focus,select:focus{outline:2px solid #82b9a2;outline-offset:1px}textarea{min-height:65px}label{display:block;font-weight:600;font-size:13px;margin-bottom:7px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;margin-bottom:8px}h2{font-size:20px}h3{font-size:16px}p{line-height:1.5;color:var(--muted)}small,.muted{color:var(--muted)}a{color:var(--green)}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#123f33;color:white;padding:30px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:28px;font-weight:750;letter-spacing:-1px;margin:0 15px 36px}.brand span{color:#b6d89d}.sidebar small{color:#adc5b8}.nav{display:grid;gap:6px}.nav button{text-align:left;background:transparent;color:#c2d8cc;font-weight:500}.nav button.active{background:#2a5848;color:white}.account{margin-top:auto;padding:20px 10px 0;border-top:1px solid #426456}.account strong{display:block;margin-bottom:6px}.account button{margin-top:15px}.content{max-width:1480px;width:100%;padding:35px 42px}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:15px}.eyebrow{color:var(--green);text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:2px;margin-bottom:10px}.demo{background:#f4ebcc;border:1px solid #e6d7a0;color:#7d6116;padding:10px 14px;border-radius:9px;font-size:13px;margin-bottom:24px}.badge{display:inline-block;background:#e7eee7;color:var(--green);padding:6px 10px;font-size:12px;font-weight:650;border-radius:20px}.badge.pending{background:#fff0ca;color:#8b6917}.badge.preparing{background:#e6eefa;color:#3d609a}.badge.ready{background:#e1f3df;color:#306931}.badge.cancelled{background:#eee;color:#777}
.badge.delivered{background:#eee;color:#4c5a55}.panel,.card,.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 3px 10px #20362903}.panel{margin-bottom:24px}.split{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product{text-align:left;color:#263c36;background:#f5f7f1;border:1px solid var(--line);padding:20px}.product strong{display:block;font-size:16px;margin-bottom:10px}.product span{color:var(--green)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.field{margin-bottom:17px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cart-item{padding:16px 0;border-bottom:1px solid var(--line)}.qty{display:flex;gap:8px;align-items:center}.qty button{padding:6px 12px}.cart-item textarea{margin-top:10px}.total{font-size:25px;font-weight:700;margin:23px 0}.empty{text-align:center;padding:40px 15px;color:var(--muted);line-height:1.6}.order-items{padding:0;list-style:none;margin:20px 0}.order-items li{margin:12px 0}.order-items small{display:block;margin:4px 0 0 25px;color:#9a5b33}.card .footer{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.metric strong{display:block;font-size:26px;letter-spacing:-.7px;margin-top:10px}.metric.highlight{background:#e8f1e2}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-weight:550;font-size:12px;white-space:nowrap}td,th{padding:14px 10px;border-bottom:1px solid var(--line)}td:last-child,th:last-child{text-align:right}.filters{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.filters input{max-width:190px}.filters .field{margin:0}.bar-row{display:grid;grid-template-columns:140px 1fr 90px;align-items:center;gap:10px;margin:15px 0;font-size:13px}.bar-track{height:20px;background:#eff3e9;border-radius:5px;overflow:hidden}.bar{height:100%;background:#70a684;border-radius:5px}.legend{font-size:12px;color:var(--muted)}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-art{background:#123f33;color:white;display:flex;flex-direction:column;justify-content:center;padding:10vw 7vw}.login-art h1{font-size:60px;line-height:1.05;max-width:430px}.login-art p{color:#bbd0bc;max-width:350px;font-size:18px}.login-art .brand{margin:0 0 60px}.login-form{display:flex;align-items:center;justify-content:center;padding:30px}.login-form form{width:100%;max-width:370px}.login-form button{width:100%}.login-form h2{font-size:27px}.form-error{color:#a63c2b;font-size:14px;min-height:20px}.form-help{background:#f2f5ed;border-radius:9px;padding:14px;font-size:13px;line-height:1.6;margin-top:22px}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;max-width:680px;width:calc(100% - 30px);max-height:90vh;overflow:auto;color:#263c36}dialog::backdrop{background:#102a2266}.payment{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end;padding:14px 0;border-bottom:1px solid var(--line)}.recipe-row{display:grid;grid-template-columns:1fr 100px auto;gap:10px;margin:10px 0}.note{font-size:13px;background:#f5f6ef;padding:12px;border-radius:8px;line-height:1.5}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173f33;color:white;padding:14px 22px;border-radius:10px;box-shadow:0 5px 30px #0002;display:none;z-index:10;max-width:90vw}#toast.error{background:#983e2e}.section-label{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:25px 0 12px}.full{width:100%}.inline-check{display:flex;align-items:center;gap:8px}.inline-check input{width:auto}.status-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.status-tabs button{background:#e9eee6;color:var(--green)}.status-tabs button.active{background:var(--green);color:white}@media(max-width:1100px){.content{padding:30px 24px}.grid{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:195px 1fr}.split{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{display:block}.sidebar{position:static;height:auto;padding:16px}.brand{margin:0 0 15px 6px;font-size:23px}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;padding:10px}.account{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 0;margin-top:12px}.account strong{font-size:12px;margin-bottom:0}.account small{font-size:11px}.account button{margin:0;padding:8px}.content{padding:25px 16px}.topline{align-items:start;margin-bottom:22px}h1{font-size:27px}.grid{grid-template-columns:1fr}.panel,.card{padding:18px}.fields{grid-template-columns:1fr}.products{gap:8px}.product{padding:16px}.login{grid-template-columns:1fr}.login-art{padding:30px;min-height:240px}.login-art h1{font-size:38px}.login-art p{font-size:15px}.login-art .brand{margin-bottom:22px}.login-form{padding:30px 22px}.payment{grid-template-columns:1fr 1fr}.payment .field{margin-bottom:5px}.bar-row{grid-template-columns:95px 1fr 75px}.metrics{gap:10px}.metric{padding:16px}.metric strong{font-size:23px}dialog{padding:20px}.recipe-row{grid-template-columns:1fr 80px auto}}
.caja-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.payment-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.payment-header h2{margin-bottom:0}.payment-header>.field{flex:0 0 215px;margin:0}.virtual-keyboard{margin:18px 0;padding:16px;background:#f2f6ee;border-radius:12px}.virtual-keyboard[hidden]{display:none}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.keypad button{min-height:54px;font-size:19px;touch-action:manipulation}.keypad button:last-child{font-size:14px}.virtual-target{outline:2px solid #70a684;background:#f1f8e9}.payment input[readonly]{cursor:pointer}.payment input[readonly]:disabled{cursor:default}@media(max-width:1100px){.caja-layout{grid-template-columns:1fr}}@media(max-width:650px){.payment-header{flex-direction:column;gap:15px}.payment-header>.field{flex:auto;width:100%}.keypad button{min-height:56px}.payment-header h2{font-size:18px}}
dialog.payment-wide{max-width:960px}.payment-body{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}dialog.payment-wide .payment-body{grid-template-columns:minmax(0,1fr) 250px;align-items:start}.payment-body .virtual-keyboard{margin:0}.payment-fields{min-width:0}.payment-fields .note{margin-top:12px}.payment-wide .keypad button{padding:10px 8px;min-height:50px}.payment-wide .payment{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto}.payment-wide .payment input,.payment-wide .payment select{min-width:0}@media(max-width:800px){dialog.payment-wide .payment-body{grid-template-columns:minmax(0,1fr)}.payment-wide .payment{grid-template-columns:1fr 1fr}.payment-wide .keypad button{min-height:56px}}

.subscription-expiry{margin-top:10px;padding:10px 12px;border-left:4px solid #b97915;border-radius:6px;background:#fff3d8;color:#65420d;font-size:13px;line-height:1.5}

#online-connection{margin:0;border-radius:0;text-align:center}#online-connection.offline{background:#fff3d8;color:#65420d}