:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f7f3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#07100d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#0a201cf5,#07100dfa),repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 18px);min-width:320px;min-height:100vh;margin:0}button{font:inherit;border:0}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.public-shell{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:18px}.public-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07100deb;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:10px 0 16px;display:flex;position:sticky;top:0}.public-brand{align-items:center;gap:11px;min-width:0;display:flex}.public-brand strong,.public-brand span{display:block}.public-brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.public-brand span{color:#aab8b0;font-size:13px}.compact-mark{width:38px;height:38px}.public-status{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.public-notice,.public-loading{margin-bottom:14px}.sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#050c0ad6;border-right:1px solid #ffffff14;flex-direction:column;gap:28px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#07100d;background:#a8ffcb;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:18px}.brand span,.muted,.drink-copy span,.flow-step span,.metric-card small,.mini-order span,.sidebar-panel p,.pass-details span{color:#aab8b0}.nav-list{gap:8px;display:grid}.nav-button{color:#d9e5dd;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:44px;padding:0 12px;transition:all .16s;display:flex}.nav-button:hover,.nav-button.active{color:#07100d;background:#f4f7f3}.sidebar-panel,.operator-panel,.order-panel,.phone-frame,.metric-card,.pickup-pass{background:#ffffff0e;border:1px solid #ffffff17;border-radius:8px;box-shadow:0 24px 70px #0000002e}.sidebar-panel{margin-top:auto;padding:16px}.workspace{flex-direction:column;gap:26px;padding:28px;display:flex}.topbar{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.eyebrow{color:#a8ffcb;letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}h1,h2,p{margin:0}h1{letter-spacing:0;max-width:820px;font-size:clamp(32px,5vw,70px);line-height:.98}h2{letter-spacing:0;font-size:27px;line-height:1.05}.status-strip{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.notice{color:#dfffee;background:#a8ffcb1a;border:1px solid #a8ffcb47;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:46px;padding:10px 14px;display:flex}.notice button,.icon-button{color:#f4f7f3;cursor:pointer;background:#ffffff1a;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.status-pill{color:#dbe9e1;white-space:nowrap;background:#ffffff14;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 11px;display:inline-flex}.view-grid{gap:22px;display:grid}.patron-grid{grid-template-columns:minmax(340px,1fr) 380px;align-items:start}.public-shell .patron-grid{grid-template-columns:minmax(340px,1fr) minmax(320px,390px)}.phone-frame{background:linear-gradient(160deg,#0e231efa,#0c1016f5) 0 0/cover,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='120' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.08'%3E%3Cpath d='M0 98c24-31 40-44 66-44 42 0 42 40 78 40 16 0 26-8 36-22'/%3E%3Cpath d='M0 28c35 22 63 30 104 16 29-10 51-10 76 8'/%3E%3C/g%3E%3C/svg%3E") 0 0/360px 240px;min-height:650px;padding:18px}.phone-top,.panel-heading,.pass-header,.cart-total,.mini-order{justify-content:space-between;align-items:center;gap:16px;display:flex}.phone-top{color:#d6e0d9;height:42px}.verification-card{background:#ffffff14;border-radius:8px;grid-template-columns:auto 1fr;gap:16px;margin:10px 0 16px;padding:18px;display:grid}.verification-card .primary-button{grid-column:1/-1}.locked-callout{color:#ffdf8a;background:#ffcf6a1f;border-radius:8px;grid-column:1/-1;align-items:center;gap:10px;min-height:46px;padding:11px 13px;display:flex}.public-access-panel{background:#ffffff13;border:1px solid #ffffff17;border-radius:8px;gap:14px;margin-bottom:16px;padding:16px;display:grid}.public-access-panel h2{font-size:23px}.public-access-panel p{color:#c4d0c8;line-height:1.45}.public-access-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.verification-card p,.large-copy{color:#c4d0c8;line-height:1.55}.verify-icon{color:#ffcf6a;background:#ffcf6a21;border-radius:8px;place-items:center;width:58px;height:58px;display:grid}.verify-icon.verified{color:#a8ffcb;background:#a8ffcb21}.menu-list,.cart-list,.check-list,.order-table,.mini-orders{gap:10px;display:grid}.drink-card{background:#ffffff16;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:86px;padding:12px;display:grid}.drink-swatch{color:#07100d;background:var(--swatch);border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.drink-copy{gap:7px;min-width:0;display:grid}.drink-copy strong,.drink-copy span{overflow-wrap:anywhere;display:block}.drink-copy small{color:#a8ffcb}.drink-action{justify-items:end;gap:8px;display:grid}.drink-action button{color:#07100d;cursor:pointer;background:#f4f7f3;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.drink-action button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.42}.order-panel{gap:18px;padding:20px;display:grid;position:sticky;top:28px}.public-shell .order-panel{top:88px}.cart-item,.flow-step,.check-line,.queue-row,.bar-line{align-items:center;gap:12px;display:flex}.cart-item{background:#ffffff12;border-radius:8px;justify-content:space-between;min-height:42px;padding:0 12px}.cart-total{border-top:1px solid #ffffff1a;padding-top:14px}.primary-button,.secondary-button,.secondary-link{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 16px;font-weight:800;display:inline-flex}.primary-button{color:#07100d;background:#a8ffcb}.secondary-button,.secondary-link{color:#f4f7f3;background:#ffffff1f}.button-row{flex-wrap:wrap;gap:10px;width:100%;display:flex}.full{width:100%}.flow-card{border-top:1px solid #ffffff1a;gap:14px;padding-top:16px;display:grid}.flow-step svg,.check-line svg{color:#a8ffcb;flex:none}.flow-step div{gap:3px;display:grid}.two-column,.staff-layout,.pickup-layout,.owner-layout,.gate-layout{gap:22px;display:grid}.two-column,.staff-layout,.pickup-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start}.operator-panel{padding:22px}.gate-layout{place-items:center;min-height:460px}.gate-card{gap:16px;width:min(460px,100%);display:grid}.subtle{width:fit-content;min-height:38px;padding:0 12px;font-size:13px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.field-label{color:#dbe9e1;gap:8px;font-size:13px;font-weight:800;display:grid}input{color:#f4f7f3;background:#0003;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;min-height:44px;padding:0 12px}input:focus{border-color:#a8ffcbb8}.compact{grid-template-columns:1fr 1fr}.scanner-surface{grid-template-columns:1fr 240px;gap:16px;margin:22px 0;display:grid}.scan-card,.qr-preview,.station-card,.door-qr-card,.scanner-box,.validation-card,.empty-state{background:#ffffff14;border-radius:8px}.door-qr-card{text-align:center;place-items:center;gap:16px;min-height:340px;margin:18px 0;padding:18px;display:grid}.door-qr-card svg,.pass-qr svg{border-radius:8px;max-width:100%;height:auto}.empty-state{color:#aab8b0;place-items:center;gap:14px;width:100%;min-height:260px;display:grid}.scan-card{color:#a8ffcb;text-align:center;align-content:center;justify-items:center;gap:10px;min-height:250px;display:grid}.scan-card strong{color:#f4f7f3}.qr-preview{text-align:center;place-items:center;gap:12px;padding:18px;display:grid}.qr-grid{aspect-ratio:1;background:#f4f7f3;border-radius:8px;grid-template-columns:repeat(7,1fr);gap:4px;width:132px;padding:10px;display:grid}.qr-grid.large{grid-template-columns:repeat(9,1fr);gap:5px;width:min(300px,76vw);padding:16px}.qr-grid span{background:#07100d1f;border-radius:2px}.qr-grid span.filled{background:#07100d}.queue-row{cursor:pointer;background:#ffffff13;border-radius:8px;grid-template-columns:72px minmax(160px,1fr) auto auto;gap:14px;min-height:76px;padding:12px;display:grid}.queue-row div:nth-child(2){gap:6px;min-width:0;display:grid}.queue-row span{color:#aab8b0;overflow-wrap:anywhere}.order-number{color:#07100d;background:#f4f7f3;border-radius:8px;place-items:center;height:48px;font-weight:900;display:grid}.status-badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:76px;min-height:30px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.status-badge.ready{color:#07100d;background:#a8ffcb}.status-badge.making{color:#07100d;background:#ffcf6a}.status-badge.queued{color:#f4f7f3;background:#ffffff24}.queue-actions{flex-wrap:wrap;gap:8px;display:flex}.queue-actions button{color:#f4f7f3;cursor:pointer;background:#ffffff1f;border-radius:8px;min-height:34px;padding:0 11px}.slot-grid,.metric-grid{gap:12px;display:grid}.manual-scan{grid-template-columns:1fr auto;gap:10px;margin:14px 0;display:grid}.scanner-box{gap:12px;margin-top:16px;padding:12px;display:grid}.scanner-box video{object-fit:cover;background:#00000059;border-radius:8px;width:100%;max-height:260px}.validation-card{color:#ffdf8a;border:1px solid #ffcf6a47;gap:5px;margin:12px 0;padding:14px;display:grid}.validation-card.valid{color:#a8ffcb;border-color:#a8ffcb6b}.validation-card span{color:#dbe9e1}.slot-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0}.slot{border:1px dashed #ffffff38;border-radius:8px;place-items:center;min-height:96px;display:grid}.slot strong{font-size:34px}.slot span{color:#aab8b0}.slot.occupied{color:#07100d;background:#a8ffcb}.slot.occupied span{color:#123329}.pickup-pass{color:#07100d;background:#f4f7f3;overflow:hidden}.public-shell .pickup-layout{grid-template-columns:minmax(320px,520px) minmax(300px,1fr);justify-content:center}.pass-header{background:#a8ffcb;padding:22px}.pass-header span,.pass-header strong{display:block}.pass-header span{color:#244538}.pass-header strong{font-size:34px}.pass-qr{place-items:center;padding:28px;display:grid}.pass-details{background:#07100d24;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.pass-details div{background:#f4f7f3;gap:5px;padding:18px;display:grid}.pass-details span{color:#53675c}.order-summary{gap:10px;margin:20px 0;display:grid}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric-card{gap:8px;padding:18px;display:grid}.stepper{align-items:center;gap:10px;display:inline-flex}.stepper button{color:#07100d;cursor:pointer;background:#f4f7f3;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.metric-card svg{color:#a8ffcb}.metric-card strong{font-size:30px}.bar-chart{gap:14px;margin-top:18px;display:grid}.bar-line{grid-template-columns:130px 1fr 34px;gap:12px;display:grid}.bar-line div{background:#ffffff1a;border-radius:999px;height:12px;overflow:hidden}.bar-line i{border-radius:inherit;height:100%;display:block}.mini-order{background:#ffffff12;border-radius:8px;grid-template-columns:70px 1fr auto 60px;min-height:54px;padding:0 12px;display:grid}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(5,1fr)}.nav-button{justify-content:center}.sidebar-panel{margin-top:0}.patron-grid,.two-column,.staff-layout,.pickup-layout,.compact,.public-shell .patron-grid,.public-shell .pickup-layout{grid-template-columns:1fr}.order-panel{position:static}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.public-shell{padding:10px}.public-header{align-items:flex-start;min-height:64px;padding-bottom:10px}.public-status .status-pill{min-height:28px;padding:0 8px;font-size:12px}.workspace,.sidebar{padding:16px}.topbar{flex-direction:column;align-items:stretch}h1{font-size:38px}.nav-list{grid-template-columns:repeat(3,1fr)}.nav-button{flex-direction:column;gap:6px;min-height:62px;font-size:13px}.verification-card,.drink-card,.queue-row,.scanner-surface,.mini-order,.form-grid,.manual-scan{grid-template-columns:1fr}.drink-action,.queue-actions{justify-items:stretch;width:100%}.drink-action{grid-template-columns:1fr auto;align-items:center}.slot-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.public-shell .phone-frame,.public-shell .order-panel,.public-shell .pickup-pass,.public-shell .operator-panel{border-radius:8px}.public-shell .phone-frame{min-height:auto;padding:12px}.public-shell .order-panel,.public-shell .verification-card{padding:14px}.public-access-actions,.pass-details,.bar-line{grid-template-columns:1fr}}