@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700&family=Inter+Tight:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--ink: #17211e;--ink2: #3b4a45;--slate: #7a8a84;--line: #dfe3dd;--paper: #f1f3ef;--card: #ffffff;--crema: #e9a93c;--crema-s: #fbf0dc;--pine: #0f6e5a;--pine-s: #e2f0ec;--brick: #b23a22;--grey-s: #edefeb}*{box-sizing:border-box}body{margin:0;font-family:Inter Tight,system-ui,sans-serif;color:var(--ink);background:var(--paper)}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font:inherit;color:inherit}a{color:inherit}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.display{font-family:Bricolage Grotesque,Inter Tight,sans-serif;font-weight:700;letter-spacing:-.02em}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}.topbar{border-bottom:1px solid var(--line);background:var(--card)}.topbar-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left))}.topbar-brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;text-decoration:none}.mark{width:22px;height:22px;border-radius:6px;background:var(--ink);color:#fff;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:12px;display:grid;place-items:center}.nav-links{display:flex;align-items:center;gap:4px}.profile-menu{position:relative}.nav-user{display:flex;align-items:center;gap:7px;padding:4px 8px 4px 4px;border-radius:20px;border:none;background:none;text-decoration:none;color:inherit}.nav-user:hover,.nav-user[aria-expanded=true]{background:var(--paper)}.profile-caret{font-size:10px;color:var(--slate);transition:transform .15s ease}.profile-caret.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #17211e1f;padding:6px;display:flex;flex-direction:column;gap:1px;z-index:50}.dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:none;background:none;text-decoration:none;color:var(--ink2);font-size:13px;text-align:left;width:100%}.dropdown-item:hover{background:var(--paper)}.dropdown-item.active{background:var(--ink);color:#fff}.dropdown-sep{height:1px;background:var(--line);margin:5px 2px}.nav-user-avatar{width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:11px;display:grid;place-items:center;flex-shrink:0}.nav-user-text{display:flex;flex-direction:column;line-height:1.2;max-width:120px}.nav-user-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user-role{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}.nav-link{padding:6px 10px;border-radius:7px;font-size:13px;color:var(--ink2);text-decoration:none;position:relative}.nav-link.active{background:var(--ink);color:#fff}.toasts{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;width:min(360px,92vw)}.toast{display:flex;align-items:center;gap:6px;background:var(--ink);color:#fff;padding:12px 14px;border-radius:10px;box-shadow:0 12px 28px #17211e59;border-left:3px solid var(--crema);animation:toast-in .2s ease-out;transition:transform .12s ease}.toast:hover{transform:translateY(-1px)}.toast-body{display:flex;align-items:center;gap:10px;flex:1;text-align:left;font-size:13px;font-weight:500}.toast-body i{color:var(--crema);font-size:15px;flex:none}.toast-message{flex:1}.toast-close{flex:none;font-size:16px;line-height:1;color:#fff9;padding:2px 4px}.toast-close:hover{color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.page{max-width:1080px;margin:0 auto;padding:26px max(18px,env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.hero{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}.hero p{color:var(--slate);margin:4px 0 0}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:52px 24px;border:1px dashed var(--line);border-radius:16px;background:var(--card)}.empty-state-icon{width:52px;height:52px;border-radius:50%;background:var(--paper);color:var(--slate);display:grid;place-items:center;font-size:22px}.empty-state h2{margin:0;font-size:17px}.empty-state p{margin:0;color:var(--slate);font-size:13px;max-width:280px}.tabbar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;display:flex;gap:4px;background:var(--ink);border-radius:30px;padding:6px;box-shadow:0 14px 30px #17211e4d;width:calc(100vw - 24px);max-width:420px;overflow-x:auto;scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tab{display:flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:24px;font-size:12px;color:#ffffffa6;text-decoration:none;white-space:nowrap}.tab-icon{position:relative;font-size:15px;display:flex;flex:none}.tab-badge{position:absolute;top:-6px;right:-8px;background:var(--crema);color:var(--ink);font-size:9px;font-weight:700;border-radius:8px;padding:0 4px}.tab-badge-pulse{animation:badge-pulse 1.1s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.tab.on{color:var(--ink);font-weight:600;background:#fff}.tab span:last-child{overflow:hidden;text-overflow:ellipsis}.cat-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;margin-bottom:6px;scrollbar-width:none}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;padding:8px 14px;border-radius:20px;border:1px solid var(--line);background:var(--card);white-space:nowrap}.cat-tab.on{background:var(--ink);border-color:var(--ink);color:#fff}.section-head{display:flex;align-items:center;gap:10px;margin:24px 0 12px}.section-head i{flex:1;height:1px;background:var(--line)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.product-card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;flex-direction:column;gap:8px}.product-card.tap{cursor:pointer;transition:box-shadow .15s,border-color .15s}.product-card.tap:hover{border-color:var(--ink2);box-shadow:0 6px 16px #17211e14}.glyph{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:20px}.g-pine{background:var(--pine-s);color:var(--pine)}.g-crema{background:var(--crema-s);color:#8a5a08}.g-grey{background:var(--grey-s);color:var(--ink2)}.product-card h3{font-size:14.5px;margin:0}.product-card p{font-size:11.5px;color:var(--slate);margin:0;flex:1}.product-row-bottom{display:flex;align-items:center;justify-content:space-between}.stepper{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:9px;padding:2px}.stepper button{width:26px;height:26px;border-radius:7px;display:grid;place-items:center}.stepper button:hover{background:var(--paper)}.stepper span{min-width:20px;text-align:center;font-size:12.5px}.sold-out{opacity:.45}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;padding:10px 14px;border-radius:10px}.btn.lg{padding:13px 16px;font-size:13.5px;width:100%}.btn.primary{background:var(--ink);color:#fff}.btn.primary:disabled{opacity:.6}.btn.ghost{border:1px solid var(--line);color:var(--ink2)}.btn.success{background:var(--pine);color:#fff}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label,.field legend{font-size:11.5px;color:var(--slate);padding:0}fieldset.field{border:none;margin:0 0 12px}.input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:13px;background:var(--card)}.input[aria-invalid=true]{border-color:var(--brick)}.field-warning{margin:4px 0 0;font-size:11px;color:var(--brick)}.form-card{max-width:380px;margin:40px auto;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}.auth-tabs{display:flex;background:var(--paper);border-radius:10px;padding:3px;margin-bottom:18px}.auth-tab{flex:1;text-align:center;padding:8px;border-radius:7px;font-size:13px;font-weight:600;color:var(--ink2);text-decoration:none}.auth-tab.on{background:var(--ink);color:#fff}.form-error{background:#f6e2dd;color:var(--brick);padding:8px 10px;border-radius:8px;font-size:12.5px;margin-bottom:10px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:12.5px;font-weight:500;padding:8px 14px;border-radius:20px;border:1px solid var(--line);background:var(--card)}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.cart-line{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.cart-line-main{flex:1}.cart-line-mods{font-size:11px;color:var(--pine);margin:2px 0}.cart-line-price{min-width:56px;text-align:right}.totals{margin-top:14px;border-top:1px dashed var(--line);padding-top:10px;display:flex;justify-content:space-between;font-weight:700;font-size:15px}.paycard{background:var(--ink);color:#fff;border-radius:13px;padding:16px;position:relative;overflow:hidden}.paycard:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:#e9a93c29}.paycard-top{display:flex;justify-content:space-between;margin-bottom:16px;font-size:13px;font-weight:600;letter-spacing:.1em}.demotag{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,255,255,.3);border-radius:3px;padding:2px 5px;opacity:.8}.pan{font-size:16px;letter-spacing:.04em;margin-bottom:12px}.paycard-bot{display:flex;gap:16px;font-size:10px;opacity:.65;letter-spacing:.05em}.docket{background:var(--card);border:1px solid var(--line);border-radius:13px 13px 0 0;padding:18px;position:relative}.docket-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.docket-head .big{font-size:19px;font-weight:600}.stamp{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid var(--pine);color:var(--pine);border-radius:4px;padding:3px 8px;transform:rotate(-3deg)}.perf{border-top:1px dashed #c9cfc7;margin:10px 0}.drow{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--ink2);padding:3px 0}.drow.strong{font-weight:700;color:var(--ink);font-size:13.5px}.drow.soft{color:var(--slate);font-size:11px}.tear{height:12px;background-image:radial-gradient(circle at 50% 0,transparent 5.5px,var(--paper) 6px);background-size:13px 13px;background-repeat:repeat-x;background-position:top}.rail{display:flex;align-items:center;margin:18px 0 6px}.node{width:10px;height:10px;border-radius:50%;background:var(--line);flex:none}.node.done{background:var(--ink)}.node.live{background:var(--pine);box-shadow:0 0 0 4px var(--pine-s)}.seg2{flex:1;height:2px;background:var(--line)}.seg2.done{background:var(--ink)}.rail-labels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--slate);margin-top:6px}.rail-labels .on{color:var(--ink);font-weight:600}.mtop{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.clocknow{font-size:15px;font-weight:500;color:var(--slate);margin-left:8px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.stat{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:13px 14px}.stat.tone-crema .stat-value{color:#8a5a08}.stat.tone-pine .stat-value{color:var(--pine)}.stat-label{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}.stat-value{font-size:26px;font-weight:600;margin:6px 0 2px}.stat-sub{font-size:11px;color:var(--slate)}.board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;align-items:start}.col{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.col-head{display:flex;justify-content:space-between;padding:11px 13px;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--line)}.col-head-received{background:var(--grey-s);color:var(--ink2)}.col-head-preparing{background:var(--crema-s);color:#8a5a08}.col-head-ready{background:var(--pine-s);color:var(--pine)}.col-head-completed{background:var(--paper);color:var(--slate)}.col-body{padding:10px;display:flex;flex-direction:column;gap:9px;min-height:80px;max-height:60vh;overflow-y:auto}.ocard{position:relative;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--card);padding-left:3px}.ocard-flash{animation:ocard-flash 1s ease-in-out 3}@keyframes ocard-flash{0%,to{box-shadow:0 0 #e9a93c00;border-color:var(--line)}50%{box-shadow:0 0 0 6px #e9a93c59;border-color:var(--crema)}}.age-bar{position:absolute;left:0;top:0;bottom:0;width:4px}.age-ok{background:var(--pine)}.age-warn{background:var(--crema)}.age-late{background:var(--brick)}.ocard-body{padding:10px 12px}.ocard-hit{display:block;width:100%;text-align:left}.ocard-hit:hover{background:var(--paper)}.ocard-top{display:flex;justify-content:space-between}.wait-pill{font-size:11px;font-weight:600;padding:2px 6px;border-radius:5px;background:var(--grey-s);font-family:IBM Plex Mono,monospace}.wait-pill.age-ok{background:var(--pine-s);color:var(--pine)}.wait-pill.age-warn{background:var(--crema-s);color:#8a5a08}.wait-pill.age-late{background:var(--brick);color:#fff}.ocard-who{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:var(--slate);margin-top:3px}.ocard-who-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pickup-badge{font-family:IBM Plex Mono,monospace;font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:5px;white-space:nowrap;flex-shrink:0}.pickup-asap{background:var(--brick);color:#fff}.pickup-soon{background:var(--crema-s);color:#8a5a08}.pickup-later{background:var(--grey-s);color:var(--ink2)}.ocard-items{list-style:none;padding:0;margin:8px 0 0}.ocard-items li{font-size:12.5px;font-weight:500}.ocard-note{font-size:11px;color:#8a5a08;background:var(--crema-s);border-radius:6px;padding:5px 7px;margin-top:8px}.ocard-cta{display:block;width:100%;text-align:center;padding:9px;font-size:12px;font-weight:600;border-top:1px solid var(--line)}.ocard-cta:hover{background:var(--ink);color:#fff}@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}.board{display:flex;overflow-x:auto;gap:10px}.col{min-width:82vw}.nav-user-text{display:none}}.sheetwrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:flex-end;justify-content:center}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#17211e73}.sheet{position:relative;width:100%;max-width:480px;max-height:86vh;overflow-y:auto;background:var(--card);border-radius:18px 18px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -12px 32px #17211e40}@media(min-width:560px){.sheetwrap{align-items:center}.sheet{border-radius:16px;max-height:80vh}}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheet-head h3{margin:0;font-size:18px}.sheet-close{font-size:22px;line-height:1;padding:2px 6px;border-radius:8px}.sheet-close:hover{background:var(--paper)}.sheet-desc{color:var(--slate);font-size:12.5px;margin:6px 0 0}.group{margin-top:18px}.group-label{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-bottom:8px}.opts{display:flex;gap:8px;flex-wrap:wrap}.opt{font-size:12.5px;font-weight:500;padding:8px 14px;border-radius:20px;border:1px solid var(--line);background:var(--card)}.opt.on{background:var(--ink);border-color:var(--ink);color:#fff}.sheet-foot{display:flex;align-items:center;gap:12px;margin-top:22px;padding:16px 0 calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.sheet-foot .btn{flex:1}.modtable{width:100%;border-collapse:collapse;margin-top:4px}.modtable th{text-align:left;font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);padding:0 6px 6px 0}.modtable td{padding:8px 6px 8px 0;border-top:1px solid var(--line);vertical-align:top}.modtable-group .opt{white-space:nowrap}.modchoice{display:inline-block;font-size:11.5px;color:var(--ink2);margin:0 10px 4px 0}.modchoice em{font-style:normal;color:var(--slate)}.drawerwrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(420px,94vw);background:var(--card);border-left:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.drawer-body{padding:20px;flex:1}