@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2)format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-vietnamese-700-normal-D6euyNzi.woff2)format("woff2"),url(/assets/barlow-vietnamese-700-normal-4Jt4k04K.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-ext-700-normal-BLuWmldJ.woff2)format("woff2"),url(/assets/barlow-latin-ext-700-normal-CctuGmmz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#1c1a16;--paper:#f3efe6;--surface:#fff;--muted:#5e584c;--muted-2:#6f6859;--line:#e2dccf;--line-2:#d6cfbf;--sand:#eae4d7;--amber:#e3b23c;--bajo:#b42318;--bajo-bg:#fce9e6;--ideal:#276a36;--ideal-bg:#e4f2e7;--alto:#1f58a0;--alto-bg:#e3ecf8;--wa:#146c43;--radius:14px;--cond:"Barlow Condensed", "Arial Narrow", sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--ink);background:var(--paper);-webkit-tap-highlight-color:transparent;font-family:Barlow,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--paper);font-size:16px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}h1,h2,h3{margin:0}.app{background:var(--paper);flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.app.wide{max-width:1200px}.topbar{z-index:20;min-height:60px;padding:env(safe-area-inset-top,0) 6px 0 12px;background:var(--ink);color:var(--paper);align-items:center;gap:4px;display:flex;position:sticky;top:0}.topbar .brand{letter-spacing:.14em;color:var(--amber);font-size:11px;font-weight:600}.topbar .title{font-family:var(--cond);font-size:24px;font-weight:700;line-height:1.05}.topbar .grow{flex-direction:column;flex:1;min-width:0;padding-left:4px;display:flex}.icon-btn{width:44px;height:44px;color:inherit;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:#ffffff14}.content{padding:16px 16px calc(96px + var(--safe-bottom));flex-direction:column;flex:1;gap:20px;display:flex}.bottomnav{z-index:20;background:var(--surface);border-top:1px solid var(--line);width:100%;max-width:560px;padding-bottom:var(--safe-bottom);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottomnav a{height:72px;color:var(--muted-2);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:flex;position:relative}.bottomnav a.active{color:var(--ink)}.bottomnav a.active:before{content:"";background:var(--amber);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:18px;right:18px}.h2{font-family:var(--cond);text-transform:uppercase;letter-spacing:.02em;font-size:22px;font-weight:700}.num{font-family:var(--cond);font-weight:700;line-height:1}.muted{color:var(--muted)}.small{font-size:13px}.section{flex-direction:column;gap:10px;display:flex}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.card{background:var(--surface);border-radius:var(--radius);padding:14px}.list{background:var(--surface);border-radius:var(--radius);flex-direction:column;padding:2px 14px;display:flex}.list>.item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.list>.item:last-child{border-bottom:none}.list>button.item,.list>a.item{text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;width:100%;text-decoration:none}.tile{background:var(--surface);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.tile .num{font-size:34px}.tile span:last-child{color:var(--muted);font-size:12px;line-height:1.2}.empty{border-radius:var(--radius);text-align:center;color:var(--muted);border:1.5px dashed #bdb5a4;padding:18px;font-size:14px}.info{background:var(--sand);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;font-size:14px;line-height:1.45;display:flex}.btn{border:1.5px solid var(--ink);background:var(--surface);height:52px;color:var(--ink);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.big{height:60px;font-size:18px}.btn.ghost{background:0 0;border-color:#0000}.btn.danger{background:var(--bajo);border-color:var(--bajo);color:#fff}.btn.wa{background:var(--wa);border-color:var(--wa);color:#fff}.btn.amber{background:var(--amber);border-color:var(--amber);color:var(--ink)}.btn.sm{border-radius:10px;height:40px;padding:0 14px;font-size:14px}.btn.dashed{background:0 0;border-style:dashed;border-color:#a79e8b}.btn.block{width:100%}.linkbtn{background:0 0;border:none;min-height:44px;font-size:14px;font-weight:600;text-decoration:underline}.chip{border:1.5px solid var(--line-2);background:var(--surface);border-radius:22px;height:44px;padding:0 18px;font-size:15px;font-weight:600}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.pill{letter-spacing:.06em;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px;display:inline-block}.stepper{align-items:center;gap:6px;display:flex}.stepper button{border:1.5px solid var(--line-2);background:var(--surface);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stepper button.plus{background:var(--ink);color:#fff;border-color:var(--ink)}.stepper input{text-align:center;width:64px;font-family:var(--cond);background:0 0;border:none;padding:0;font-size:32px;font-weight:700}.stepper input:focus{outline:2px solid var(--amber);border-radius:8px}.keg-card{border-radius:var(--radius);background:var(--surface);text-align:left;border:2.5px solid #0000;align-items:center;gap:10px;padding:10px;display:flex}.keg-card.bajo{background:var(--bajo);border-color:var(--bajo);color:#fff;box-shadow:0 6px 18px #b4231859}.keg-card.alto{background:var(--alto-bg);border-color:var(--alto)}.keg-card .name{overflow-wrap:anywhere;font-size:16px;font-weight:700;line-height:1.15}.keg-card .count{font-family:var(--cond);font-size:40px;font-weight:700;line-height:1}.keg-card.ideal .count{color:var(--ideal)}.keg-card.alto .count{color:var(--alto)}.keg-card .sub{color:var(--muted);font-size:12px}.keg-card.bajo .sub{color:#ffe3df;font-weight:700}.keg-card.alto .sub{color:#27466e;font-weight:600}.keg-card .pill{align-self:flex-start;font-size:10px}.keg-card.bajo .pill{color:var(--bajo);background:#fff}.keg-card.alto .pill{background:var(--alto);color:#fff}.keg-card.ideal .pill{background:var(--ideal-bg);color:var(--ideal)}.keg{flex-shrink:0;width:46px;height:68px;position:relative}.keg i{display:block;position:absolute}.keg .valve{background:var(--ink);border-radius:2px 2px 0 0;width:12px;height:6px;top:0;left:17px}.keg .chime{border:2.5px solid var(--ink);background:#cfc8ba;border-radius:4px;width:42px;height:13px;left:2px}.keg .chime.top{top:5px}.keg .chime.bottom{top:52px}.keg .chime.top:before,.keg .chime.top:after{content:"";background:var(--ink);border-radius:2px;width:10px;height:3.5px;position:absolute;top:2.5px}.keg .chime.top:before{left:4px}.keg .chime.top:after{right:4px}.keg .body{border:2.5px solid var(--ink);background:#e4dfd4;border-radius:8px;width:46px;height:38px;top:16px;left:0;overflow:hidden}.keg .fill{position:absolute;bottom:0;left:0;right:0}.keg .shine{background:#ffffff61;width:5px;position:absolute;top:0;bottom:0;left:7px}.keg .ring{background:var(--ink);height:2.5px;position:absolute;left:0;right:0}.alert-urgent{background:var(--bajo);border-radius:var(--radius);color:#fff;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 8px 22px #b4231859}.alert-urgent .t{font-family:var(--cond);letter-spacing:.03em;text-transform:uppercase;font-size:22px;font-weight:700;line-height:1.05}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:600}.input{border:1.5px solid var(--line-2);background:var(--surface);border-radius:12px;width:100%;height:48px;padding:0 14px;font-size:16px}.input:focus{outline:2px solid var(--amber);border-color:var(--ink)}select.input{appearance:auto}.check{align-items:center;gap:10px;min-height:44px;font-weight:600;display:flex}.check input{width:22px;height:22px;accent-color:var(--ink)}.scanner{background:var(--ink);height:240px;color:var(--paper);border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner .frame{outline:4px solid var(--amber);border-radius:16px;width:170px;height:170px;position:absolute;box-shadow:0 0 0 2000px #00000059}.scanner .msg{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex;position:relative}.scanner.flash-ok .frame{outline-color:#4ade80}.scanner.flash-err .frame{outline-color:#f87171}.toast{left:50%;bottom:calc(90px + var(--safe-bottom));z-index:50;background:var(--ink);color:#fff;border-radius:12px;width:calc(100% - 32px);max-width:528px;padding:14px 16px;font-size:15px;font-weight:500;line-height:1.35;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #1c1a1640}.toast.warn{background:var(--bajo)}.sheet-bg{z-index:40;background:#1c1a1673;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);width:100%;max-width:560px;max-height:92dvh;padding:18px 16px calc(18px + var(--safe-bottom));border-radius:20px 20px 0 0;flex-direction:column;gap:14px;display:flex;overflow-y:auto}@media (width>=700px){.sheet-bg{align-items:center}.sheet{border-radius:20px}}.desk{flex-direction:column;gap:20px;padding:28px;display:flex}.job{background:var(--surface);border-radius:16px;align-items:center;gap:18px;padding:18px 20px;display:flex}.job.pending{border:2.5px solid var(--amber)}.tabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}table.t{border-collapse:collapse;background:var(--surface);border-radius:var(--radius);width:100%;font-size:14px;overflow:hidden}table.t th,table.t td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}table.t th{background:var(--paper);font-weight:700}.spin{border:3px solid var(--line-2);border-top-color:var(--ink);border-radius:50%;width:28px;height:28px;margin:30px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}