:root{--brand-dark:#163a2b;--brand-mid:#2f7d57;--brand-light:#a8d5a0;--brand-subtle:#e7f2e2;--bg:#fbf8ef;--surface:#fff;--surface-alt:#faf6ec;--surface-muted:#fbfaf4;--border:#ece6d6;--border-strong:#e7e0cf;--border-light:#f1ece0;--text:#1c2b22;--text-secondary:#6e7e74;--text-muted:#8a988e;--cream:#f6f1e3;--ok-bg:#e2f1e6;--ok:#2f8b5b;--warn-bg:#fbefd3;--warn:#b7790b;--danger-bg:#fae3e1;--danger:#c8443c;--info-bg:#e2ecf7;--info:#2f6fb0;--neutral-bg:#efe9dc;--neutral:#8a7b5e;--alert:#ec8090;color:var(--text);background:var(--bg);font-family:Hanken Grotesk,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{transition:all .14s}button:hover{transform:translateY(-1px)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d8d0bd padding-box content-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-track{background:0 0}@keyframes miseFade{0%{opacity:.92;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes misePop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes miseToast{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.brand-font{font-family:Bricolage Grotesque,system-ui,sans-serif}.app{min-height:100vh}.logo-mark{background:var(--brand-light);color:#14342a;border-radius:10px;place-items:center;font-family:Bricolage Grotesque;font-weight:800;display:grid}.icon{justify-content:center;align-items:center;display:inline-flex}.login{background:var(--bg);grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-hero{background:var(--brand-dark);flex-direction:column;justify-content:space-between;padding:56px;display:flex;position:relative;overflow:hidden}.login-hero:before{content:"";background:radial-gradient(800px 500px at 80% 10%,#a8d5a038,#0000 60%),radial-gradient(600px 500px at 10% 90%,#ec809029,#0000 60%);position:absolute;inset:0}.login-hero>*{position:relative}.login-title{color:var(--cream);letter-spacing:-.02em;max-width:13ch;font-family:Bricolage Grotesque;font-size:44px;font-weight:700;line-height:1.05}.login-copy{color:#bfd8c6;max-width:42ch;margin:20px 0 0;font-size:17px;line-height:1.55}.chips{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.chip-dark{color:#bfd8c6;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:7px 12px;font-size:13px}.login-form{justify-content:center;align-items:center;padding:40px;display:flex}.login-card{width:100%;max-width:380px}.role-list{flex-direction:column;gap:12px;display:flex}.role-button{text-align:left;border:1px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.role-button:hover{border-color:var(--brand-mid);box-shadow:0 6px 18px #14342a14}.desktop-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{background:var(--brand-dark);color:#cfe0d4;flex-direction:column;flex:none;width:248px;height:100vh;display:flex;position:sticky;top:0}.sidebar-top{border-bottom:1px solid #ffffff12;align-items:center;gap:11px;padding:20px 18px;display:flex}.sidebar nav{flex:1;padding:10px 10px 16px;overflow-y:auto}.nav-group{margin-top:12px}.nav-label{color:#6e8c77;text-transform:uppercase;letter-spacing:.09em;padding:0 12px 6px;font-size:10.5px;font-weight:700}.nav-item{cursor:pointer;color:#a9c0b0;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;width:100%;padding:9px 12px;font-size:13.5px;display:flex}.nav-item.active{background:var(--brand-mid);color:#fff;font-weight:700}.nav-item:not(.active):hover{color:#fff;background:#ffffff0f}.nav-badge{background:var(--alert);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:grid}.sidebar-user{border-top:1px solid #ffffff12;align-items:center;gap:11px;padding:12px 14px;display:flex}.main-shell{flex-direction:column;flex:1;min-width:0;display:flex}.header{background:var(--bg);border-bottom:1px solid var(--border);z-index:20;flex:none;align-items:center;gap:16px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.page-title{letter-spacing:-.01em;flex:1;font-family:Bricolage Grotesque;font-size:21px;font-weight:700}.branch-select,.search-box,.bell{border:1px solid var(--border-strong);color:var(--brand-mid);background:#fff;border-radius:10px}.branch-select{align-items:center;gap:8px;padding:7px 10px 7px 12px;display:flex}.branch-select select{color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;font-size:13.5px;font-weight:600}.search-box{color:#98a69c;align-items:center;gap:10px;width:180px;padding:8px 12px;font-size:14px;display:flex}.bell{cursor:pointer;color:#4a5a50;place-items:center;width:40px;height:40px;display:grid;position:relative}.bell-dot{background:var(--alert);border:1.5px solid #fff;border-radius:999px;width:7px;height:7px;position:absolute;top:8px;right:9px}.main{flex:1;padding:28px;overflow-y:auto}.screen{max-width:1240px;margin:0 auto;animation:.25s miseFade}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-2{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.grid-detail{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:20px}.kpi{padding:18px}.kpi-value{letter-spacing:-.01em;margin-top:14px;font-family:Bricolage Grotesque;font-size:30px;font-weight:700;line-height:1}.muted{color:var(--text-secondary)}.subtle{color:var(--text-muted)}.table-card{border:1px solid var(--border);background:#fff;border-radius:16px;overflow:hidden}.table-head,.table-row{align-items:center;gap:12px;display:grid}.table-head{background:var(--surface-alt);border-bottom:1px solid var(--border);color:#8b9a90;text-transform:uppercase;letter-spacing:.055em;padding:13px 22px;font-size:12px;font-weight:700}.table-row{border-top:1px solid var(--border-light);min-height:68px;padding:16px 22px;font-size:15px}.badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:fit-content;padding:5px 12px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.btn{cursor:pointer;color:#fff;background:var(--brand-mid);border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.btn:hover{background:#266a49}.btn.secondary{border:1px solid var(--border-strong);color:#4a5a50;background:#fff}.btn.soft{background:var(--brand-subtle);color:var(--brand-mid)}.btn.neutral{color:var(--brand-mid);background:#efe9dc}.btn.table-action{min-width:56px;height:36px;color:var(--brand-mid);background:#efe9dc;border-radius:10px;padding:0 16px;font-weight:700}.type-badge-mp{color:#356daa!important;background:#e8f0fb!important}.type-badge-packaging{color:#8a7b5e!important;background:#efe9dc!important}.type-badge-venta{color:#356daa!important;background:#e8f0fb!important}.type-badge-elaborado{color:#2f7d57!important;background:#e7f2e2!important}.status-pill{min-width:84px;color:#3c8358!important;background:#dfeee2!important}.icon-tile{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.section-title{font-size:16px;font-weight:700}.split{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.row-list{flex-direction:column;display:flex}.list-row{border-bottom:1px solid var(--border-light);align-items:center;gap:14px;padding:14px 0;display:flex}.dark-card{background:var(--brand-dark);color:#cfe0d4;border-radius:16px;padding:20px}.dark-value{color:var(--cream);margin-top:6px;font-family:Bricolage Grotesque;font-size:32px;font-weight:700}.toolbar{justify-content:flex-end;gap:10px;margin-bottom:16px;display:flex}.back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-bottom:16px;font-size:14px;font-weight:500}.tabs{border:1px solid var(--border);background:#fff;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:8px 14px;font-weight:700}.tab.active{background:var(--brand-mid);color:#fff}.stepper{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.step{border:1px solid var(--border);color:var(--text-muted);background:#fff;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700}.step.active{background:var(--brand-dark);color:var(--cream);border-color:var(--brand-dark)}.select-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.choice{text-align:left;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;padding:16px}.choice.active{border-color:var(--brand-mid);box-shadow:inset 0 0 0 1px var(--brand-mid)}.qty{align-items:center;gap:8px;display:inline-flex}.qty button{border:1px solid var(--border-strong);cursor:pointer;color:#4a5a50;background:#fff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.mesa-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mesa{text-align:left;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:16px;min-height:120px;padding:18px}.mesa.busy{background:var(--brand-dark);color:var(--cream);border-color:var(--brand-dark)}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ticket{position:sticky;top:84px}.qr-box{background:#fff;border-radius:18px;place-items:center;width:230px;height:230px;margin:14px auto;display:grid}.roadmap{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.modal-backdrop{z-index:150;background:#14342a66;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border-radius:20px;width:540px;max-width:100%;max-height:90vh;animation:.2s misePop;overflow-y:auto;box-shadow:0 30px 80px #14342a4d}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.modal-body{flex-direction:column;gap:18px;padding:22px 24px;display:flex}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.field-label{color:#4a5a50;margin-bottom:7px;font-size:13px;font-weight:600}.input,.select,.textarea{border:1px solid var(--border-strong);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:11px 14px}.textarea{resize:none}.toast{z-index:200;background:var(--brand-dark);color:var(--cream);border-radius:13px;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s miseToast;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #14342a52}.pwa-shell{background:#dfe6dc;place-items:center;min-height:100vh;padding:28px;display:grid}.phone{background:var(--bg);border:8px solid #14342a;border-radius:36px;flex-direction:column;width:400px;max-width:100%;height:800px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px #14342a38}.phone-status{background:var(--brand-dark);color:var(--cream);flex:none;justify-content:space-between;align-items:center;padding:12px 22px 14px;display:flex}.phone-body{background:var(--bg);flex:1;overflow-y:auto}.phone-screen{padding:20px 18px 30px;animation:.22s miseFade}.phone-title{font-family:Bricolage Grotesque;font-size:21px;font-weight:700}.mobile-kpis{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.mobile-card{text-align:left;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:16px;padding:16px}.mobile-row{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;display:flex}.cart-bar{border-top:1px solid var(--border);background:#fff;flex:none;padding:14px 18px}.bottom-nav{border-top:1px solid var(--border);background:#fff;flex:none;grid-template-columns:repeat(5,1fr);padding:8px 6px 10px;display:grid}.bottom-nav button{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:6px 0;display:flex;position:relative}@media (width<=900px){.login{grid-template-columns:1fr}.login-hero{min-height:45vh;padding:36px 28px}.desktop-shell{display:none}.grid-4,.grid-2,.grid-detail,.select-grid,.mesa-grid,.catalog-grid,.roadmap{grid-template-columns:1fr}}@media (width<=520px){.pwa-shell{background:var(--bg);padding:0}.phone{width:100%;height:100vh;box-shadow:none;border:none;border-radius:0}.login-form{padding:28px}.login-title{font-size:38px}}