:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101725;background:#f5f7fa;font-synthesis:none;font-size:16px;--navy:#101725;--lime:#d7fa72;--line:#dce2eb;--muted:#5b6578;--orange:#b6471c}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3287c8;outline-offset:3px}button,input,select{min-height:44px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,3.2vw,2.8rem);letter-spacing:-.045em;line-height:1.12;margin-bottom:12px}h2{font-size:1.35rem;letter-spacing:-.035em;margin-bottom:10px}h3{font-size:1.1rem;letter-spacing:-.02em}p{color:var(--muted);line-height:1.6}small,.small{font-size:.8rem;color:#586577;line-height:1.5}.hidden{display:none!important}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.13em;color:#59667c;margin-bottom:12px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.3rem;letter-spacing:-.06em}.brand svg{width:32px;height:32px;color:var(--lime)}.brand span{line-height:1}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;border:1px solid #ccd5e1;border-radius:10px;background:#fff;color:var(--navy);font-weight:650;text-decoration:none;font-size:.9rem;line-height:1.4;text-align:center;transition:background .15s}.button:hover{background:#eef1f6}.button.primary{background:var(--lime);border-color:transparent}.button.primary:hover{background:#c9ee60}.button.dark{color:#fff;background:var(--navy);border-color:var(--navy)}.button.large{padding:16px 22px;font-size:1rem}.wide{width:100%}.subtle-link,.link-button{font-size:.88rem;color:#4b5d76;font-weight:600}.link-button{border:0;background:transparent;padding:8px 0;min-height:44px}.link-button:hover{text-decoration:underline}.danger{color:#a13138}.card{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 35px #1c294107}.notice{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px 18px;border:1px solid #cbdbe9;border-radius:12px;background:#edf5fd;color:#25465f;font-size:.9rem;line-height:1.5;margin-bottom:20px}.notice.error{background:#fff0f0;border-color:#edc7c7;color:#8b2c36}.notice.warning{background:#fff5dd;border-color:#e5cc92;color:#745416}.notice .link-button{margin-left:auto}.notice p{margin:0}.form-stack{display:grid;gap:18px}.form-stack label,.counter-select{display:grid;gap:7px;font-size:.88rem;font-weight:600}input,select,textarea{width:100%;border:1px solid #cbd4e1;border-radius:9px;padding:10px 12px;background:#fff;color:var(--navy);min-width:0;font-size:1rem}textarea{min-height:90px;resize:vertical}input::placeholder{color:#7d8899}fieldset{border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0}legend{font-size:.9rem;font-weight:600;padding:0 6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.icon-button{border:0;background:#edf1f6;border-radius:9px;width:44px;font-size:1.3rem}.center-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:25px}.customer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:24px 6vw;background:#fff}.customer-main{max-width:660px;margin:0 auto;padding:36px 24px}.welcome{padding:55px 0 40px}.welcome h1{font-size:clamp(2.7rem,6vw,4rem);line-height:1.03;margin:20px 0}.welcome h1 span{color:var(--orange)}.welcome>p{max-width:460px;font-size:1.1rem}.welcome .small{font-size:.85rem;margin-top:22px}.tracker-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tracker-top .eyebrow{margin:0}.tracker{overflow:hidden;padding:28px}.vendor-header{display:flex;align-items:center;gap:13px}.vendor-header h2{margin:0 0 5px;font-size:1.15rem}.vendor-header p{margin:0;font-size:.85rem}.vendor-avatar{background:#ffe4d5;color:#93421f;border-radius:14px;font-size:1.3rem;font-weight:800;width:48px;height:48px;display:grid;place-items:center;flex-shrink:0}.ticket-line{display:flex;align-items:baseline;gap:12px;padding:25px 0 16px;border-bottom:1px solid var(--line);margin-bottom:25px}.ticket-line span{font-size:.75rem;color:#627087;letter-spacing:.1em;font-weight:650}.ticket-line strong{font-size:2.3rem;letter-spacing:-.04em;overflow-wrap:anywhere}.order-state{text-align:center;padding:12px 5px}.state-symbol{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 22px;border-radius:20px;background:#f0f4f9;color:#5b697f;font-size:2rem}.order-state h1{font-size:2.05rem}.order-state p{font-size:.97rem;margin-bottom:18px}.tracker.ready{border-color:#9fc774}.ready .state-symbol{background:var(--lime);color:#304b18}.tracker.cancelled .state-symbol{background:#ffe2e2;color:#873b3b}.order-steps{list-style:none;display:flex;justify-content:space-between;gap:8px;padding:22px 0 25px;margin:0;font-size:.82rem;color:#727e90}.order-steps li{display:flex;flex-direction:column;gap:9px;align-items:center;flex:1}.order-steps span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #cbd4df;border-radius:50%;font-size:.85rem;background:#fff}.order-steps .reached{color:#182a43;font-weight:650}.order-steps .reached span{background:var(--lime);border-color:#b6d869}.order-lines{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:14px}.order-lines>div{display:flex;justify-content:space-between;gap:16px;font-size:.95rem;line-height:1.5}.order-lines b{color:#69778b;margin-right:5px;font-size:.85rem}.order-lines>div>span:last-child{white-space:nowrap}.order-lines .total-line{border-top:1px dashed var(--line);padding-top:16px}.pickup-note{padding:18px;border-radius:12px;background:#f4f6f9;margin:22px 0}.pickup-note strong{font-size:.88rem}.pickup-note p{font-size:.9rem;margin:5px 0 0}.tracker>.small{margin:0}.alert-card{padding:28px;margin-top:20px;background:var(--navy);color:#fff;border-color:var(--navy)}.alert-card .eyebrow{color:var(--lime)}.alert-card p{color:#bbc6d8;font-size:.95rem}.alert-card ol{padding-left:22px;color:#d5deec;font-size:.94rem;line-height:1.7}.alert-card .small{color:#bdc9db}.alert-card .notice{margin-top:18px}.customer-footer{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;padding:48px 20px 15px}.customer-footer>.brand{opacity:.7}.customer-footer>span{color:#68758a;font-size:.8rem;line-height:1.5;max-width:390px}.customer-footer>a:last-child{font-size:.85rem;color:#546176}.loading{padding:50px;text-align:center;color:#627087}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;padding:30px 20px;background:var(--navy);color:#eaf0f9;min-width:0}.sidebar>.brand{padding-left:7px}.sidebar-label{font-size:.75rem;font-weight:650;letter-spacing:.14em;color:#98a5ba;margin:48px 8px 18px}.counter-select{color:#aebbd0;font-size:.8rem;margin:0 4px 28px}.counter-select select{background:#1c263a;color:#f1f5fb;border-color:#37435a;font-size:.9rem;padding-left:8px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;border-radius:9px;background:transparent;color:#b3bed2;padding:13px 12px;font-size:.9rem}.sidebar nav button.active{background:var(--lime);color:var(--navy);font-weight:650}.sidebar nav button:hover:not(.active){background:#1a2437}.sidebar nav button span{border-radius:4px;background:#172d2017;min-width:24px;text-align:center;padding:2px 5px}.sidebar-add{background:none;border:1px solid #3b4960;border-radius:9px;color:#d2dcea;font-size:.85rem;margin:30px 4px}.sidebar-bottom{margin-top:auto;padding:35px 8px 0;display:grid;gap:12px}.sidebar-bottom p{font-size:.8rem;overflow-wrap:anywhere;color:#bac7da;margin:0}.sidebar-bottom a{color:#9aabc3;font-size:.82rem}.workspace-main{min-width:0}.workspace-top{display:flex;justify-content:space-between;gap:20px;padding:25px 40px;border-bottom:1px solid var(--line);background:#fff;color:#536177;font-size:.83rem;min-height:74px}.connection{white-space:nowrap}.connection.offline{color:#ad4b24}.workspace-content{padding:38px 40px;max-width:1450px;margin:auto}.page-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.page-title p{margin:0;font-size:.95rem}.page-title .button{flex-shrink:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0}.metric{padding:23px 24px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:10px}.metric span{font-size:.75rem;color:#58667b;letter-spacing:.07em;font-weight:650}.metric strong{font-size:2.3rem;letter-spacing:-.07em;line-height:1.1}.metric small{font-size:.8rem}.metric.lime{background:var(--lime);border-color:#cbea8c}.metric.lime small{color:#4c602d}.queue-surface{padding:25px}.queue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.queue-toolbar h2{margin:0}.filters{display:flex;gap:3px;background:#f1f4f8;padding:3px;border-radius:10px;flex-wrap:wrap}.filters button{min-height:37px;border:0;border-radius:7px;padding:8px 10px;color:#586780;background:none;font-size:.82rem}.filters button.selected{background:#fff;color:#142039;box-shadow:0 1px 3px #16223915}.filters span{margin-left:5px}.order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}.order-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;padding:20px;max-width:600px}.order-card.ready{background:#f8fdee;border-color:#c5dea0}.order-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-card header>strong{font-size:1.3rem;letter-spacing:-.04em;overflow-wrap:anywhere}.status-pill{padding:6px 9px;display:inline-block;border-radius:7px;background:#f0f2f6;color:#50617b;font-size:.76rem;font-weight:650;white-space:nowrap}.status-pill.cooking{background:#fff0df;color:#9a5a19}.status-pill.ready,.status-pill.active{background:#e5f4cc;color:#466426}.status-pill.cancelled,.status-pill.suspended{background:#ffe7e7;color:#9b4141}.status-pill.pending{background:#fff1d4;color:#8a661e}.order-time{font-size:.8rem;margin:12px 0 0}.order-card ul{margin:20px 0;list-style:none;padding:0;display:grid;gap:8px;line-height:1.5;font-size:.94rem}.order-card li b{color:#79849a;font-size:.85rem;margin-right:4px}.order-card-bottom{margin-top:auto}.order-links{display:flex;gap:15px;margin-top:7px}.order-links .link-button{font-size:.8rem}.order-links .danger{margin-left:auto}.empty-state{padding:55px 20px;text-align:center}.empty-state p{font-size:.95rem}.empty-symbol{font-size:2.2rem;color:#7787a0;display:inline-block;margin-bottom:14px}.workspace-footnote{color:#63718a;font-size:.8rem;line-height:1.6;margin:22px 4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-card{padding:27px;margin-bottom:20px;align-self:start}.settings-card>p{font-size:.9rem}.settings-card h2{margin-bottom:17px}.settings-stack{min-width:0}.member-list{display:grid;margin-bottom:20px}.member-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.87rem;overflow-wrap:anywhere}.member-list small,.health-list small{display:block;margin-top:5px}.key-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.secret{margin-top:15px;display:block}.secret code{display:block;overflow-wrap:anywhere;font-size:.8rem;margin-top:10px}.health-list{display:grid;gap:0}.health-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:16px 0;font-size:.94rem}.healthy{color:#397433}.needs-attention{color:#a35420}.signin-page{max-width:550px;margin:50px auto;padding:0 24px}.signin-page>.brand{margin-bottom:35px}.signin-page main{padding:35px}.signin-page h1{font-size:2.8rem}.signin-page .small{margin:20px 0}.information-page{max-width:800px;padding:40px 24px;margin:auto}.information-page>.brand{margin-bottom:25px}.information-page main{padding:35px}.information-page h2{margin-top:32px}.information-page pre{background:#182134;color:#dce5f5;padding:20px;border-radius:12px;overflow:auto;font-size:.83rem;line-height:1.6}.information-page code{overflow-wrap:anywhere}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:30;background:#142238;color:#fff;padding:17px 22px;border-radius:12px;box-shadow:0 8px 25px #10172530;width:max-content;max-width:calc(100vw - 32px);font-size:.95rem}dialog{border:1px solid var(--line);border-radius:20px;padding:27px;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-shadow:0 30px 100px #0a142740;color:var(--navy)}dialog::backdrop{background:#101725b8;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.modal-head h2{margin:0;font-size:1.4rem}.modal-head button{flex-shrink:0}.item-inputs{display:grid;grid-template-columns:minmax(110px,1fr) 65px 110px 36px;gap:8px;margin-bottom:13px;align-items:end}.item-inputs label{font-size:.78rem}.item-inputs input{padding:9px}.item-inputs .icon-button{width:36px}.camera{display:block;background:var(--navy);width:100%;max-height:300px;object-fit:cover;border-radius:13px;margin-bottom:20px}.camera+.form-stack{margin-top:22px}.print-receipt{max-width:360px;padding:20px;margin:0 auto;text-align:center;color:#171717;font-family:ui-monospace,monospace}.print-receipt>.brand{font-family:ui-sans-serif,system-ui}.print-receipt h3{margin:24px 0 5px}.print-receipt p{font-size:.85rem;color:#444}.receipt-number{font-size:2.4rem;font-weight:800;margin:15px 0;overflow-wrap:anywhere}.receipt-items{display:grid;gap:9px;padding:18px 0;border-top:1px dashed #aaa;border-bottom:1px dashed #aaa;font-size:.8rem}.receipt-items>div{display:flex;justify-content:space-between;gap:10px;text-align:left}.receipt-items>div>span:last-child{white-space:nowrap}.receipt-total{display:flex;justify-content:space-between;font-size:.87rem;padding:16px 0}.qr-image{display:block;width:256px;height:256px;max-width:100%;object-fit:contain;margin:10px auto 18px;image-rendering:pixelated}.print-receipt>.small{margin-top:20px;font-size:.75rem}.event-list{padding-left:22px}.event-list li{padding:8px 0}.event-list p{font-size:.85rem;margin-top:5px}.queue-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:16px;margin:18px 0 8px}.queue-search label{display:grid;gap:7px;font-size:.85rem;font-weight:600}.queue-summary{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:.83rem;color:var(--muted);margin-bottom:18px;min-height:44px}.late-label{color:#9b3e16;font-weight:650}.order-timing{font-size:.85rem;margin:0 0 14px}.draft-total{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-block:1px solid var(--line)}.items-heading{margin-top:24px}.order-entry-fields:disabled{opacity:.7}@media(max-width:600px){.queue-search{grid-template-columns:1fr}}.menu-list,.history-list{margin-top:24px}.menu-list>div,.history-list article,.saved-receipt{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.menu-list small,.saved-receipt small{display:block;margin-top:5px}.history-list article{align-items:flex-start}.history-list article>div:last-child{display:flex;gap:14px}.history-list p{font-size:.85rem;margin:6px 0}.shortcut-grid{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.shortcut-grid .button{display:grid;gap:4px;text-align:left}.menu-shortcuts{margin-top:20px}.receipt-details summary,.saved-receipts summary,.menu-shortcuts summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600;font-size:.9rem}.receipt-details .order-lines{margin-top:10px}.saved-receipts{margin-top:22px;border-top:1px solid var(--line);padding-top:8px}.saved-receipt a{text-decoration:none}.pickup-code{padding:15px;text-align:center;background:#eff9da;border-radius:12px;margin:10px 0 20px}.pickup-code span{display:block;font-size:.85rem}.pickup-code strong{display:block;font-size:1.7rem;letter-spacing:.14em;margin-top:6px}.customer-page .tracker .order-state{padding:6px 0}.customer-page .state-symbol{margin-bottom:14px}.customer-page .customer-footer{padding-top:28px}@media(min-width:1500px){.order-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1150px){.workspace{grid-template-columns:210px 1fr}.workspace-content{padding:30px 24px}.workspace-top{padding:23px 24px}.queue-toolbar{align-items:start;flex-direction:column}.settings-grid{grid-template-columns:1fr}.page-title{align-items:start}.page-title h1{font-size:2rem}.metric{padding:20px 16px}.metric strong{font-size:2rem}}@media(max-width:760px){.workspace{display:block}.sidebar{padding:20px 18px}.sidebar>.brand{padding:0}.sidebar-label{display:none}.counter-select{margin:20px 0 12px}.sidebar nav{display:flex;gap:6px;overflow:auto}.sidebar nav button{flex:0 0 auto;font-size:.83rem;padding:10px}.sidebar nav button span{margin-left:8px}.sidebar-add{margin:14px 0 0;align-self:start;padding:0 12px}.sidebar-bottom{display:flex;flex-wrap:wrap;padding:18px 0 0;gap:14px}.sidebar-bottom p{flex:1}.workspace-top{padding:15px 18px;min-height:52px}.workspace-top>span{font-size:.78rem}.workspace-content{padding:28px 18px}.page-title{display:block}.page-title>.button{margin-top:20px;width:100%}.metric-grid{gap:8px;grid-template-columns:1fr 1fr 1fr}.metric{padding:16px 12px;gap:8px}.metric span{font-size:.7rem;letter-spacing:0}.metric strong{font-size:1.6rem}.metric small{font-size:.75rem}.queue-surface{padding:18px 14px}.order-grid{grid-template-columns:1fr}.order-card{max-width:none}.settings-card{padding:23px 19px}.customer-header{padding:20px}.customer-main{padding:28px 18px}.welcome{padding:35px 0}.welcome h1{font-size:2.9rem}.tracker,.alert-card{padding:23px}.order-state h1{font-size:1.9rem}.form-row{grid-template-columns:1fr}.item-inputs{grid-template-columns:minmax(90px,1fr) 55px 85px 32px;gap:6px}.item-inputs .icon-button{width:32px}dialog{padding:22px 18px}.health-list>div{flex-wrap:wrap}.health-list>div>span:first-child{flex:1;min-width:120px}.information-page main{padding:26px 22px}.signin-page{margin-top:30px}.signin-page main{padding:28px 23px}}@media(max-width:390px){.metric-grid{grid-template-columns:1fr}.metric{display:grid;grid-template-columns:1fr auto}.metric small{grid-column:1/-1}.customer-header .subtle-link{font-size:.8rem}.customer-main{padding-left:12px;padding-right:12px}.tracker{padding:20px}.order-state h1{font-size:1.75rem}.item-inputs{grid-template-columns:1fr 58px}.item-inputs label:first-child{grid-column:1/-1}.item-inputs label:nth-child(3){grid-column:1}.item-inputs button{grid-column:2}.item-inputs{border-bottom:1px solid var(--line);padding-bottom:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{@page{size:80mm auto;margin:4mm}body{background:#fff!important}body>*:not(dialog){visibility:hidden}.workspace>*{display:none!important}.workspace{display:block}.workspace>dialog{display:block!important;visibility:visible;position:absolute;inset:0;margin:0;padding:0;border:0;box-shadow:none;width:72mm;max-width:none;max-height:none;overflow:visible}.workspace>dialog *{visibility:visible}.modal-head,.no-print,.toast{display:none!important}.print-receipt{padding:0;width:72mm;max-width:none}.print-receipt .qr-image{width:42mm;height:42mm}.print-receipt .brand svg{color:#000}.print-receipt .brand svg path{stroke:#fff}.print-receipt .small{font-size:8pt}.print-receipt p{font-size:9pt}.print-receipt .receipt-number{font-size:25pt}}