.customer-screen{--customer-green: #173d29;--customer-green-soft: #6f916c;--customer-cream: #f4eadb;--customer-paper: #fffaf1;--customer-blue: #477b9d;width:min(100%,440px);min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;padding:max(14px,env(safe-area-inset-top)) 18px max(12px,env(safe-area-inset-bottom));color:var(--customer-green);background:var(--customer-cream);overflow:hidden}.customer-qr{flex:0 0 auto;display:grid;justify-items:center;gap:9px}.customer-qr-frame{position:relative;width:min(61vw,246px);aspect-ratio:1;display:grid;place-items:center;padding:11px;border:1px solid rgba(23,61,41,.2);background:var(--customer-paper)}.customer-qr-frame:before{content:"";position:absolute;inset:7px;border:1px solid rgba(23,61,41,.09);pointer-events:none}.customer-qr canvas{width:100%!important;height:100%!important;display:block}.customer-qr p{margin:0;color:#526457;font-size:12px;font-weight:700}.corner{position:absolute;z-index:2;width:20px;height:20px;border-color:var(--customer-green);border-style:solid}.corner-a{left:-1px;top:-1px;border-width:2px 0 0 2px}.corner-b{right:-1px;top:-1px;border-width:2px 2px 0 0}.corner-c{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.corner-d{left:-1px;bottom:-1px;border-width:0 0 2px 2px}.customer-progress{flex:1 1 auto;min-height:278px;display:flex;flex-direction:column;margin-top:12px;border-top:1px solid rgba(23,61,41,.22)}.progress-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding-top:10px}.progress-heading span{color:#68796c;font-size:11px;font-weight:700}.progress-heading p{margin:3px 0 1px;color:var(--customer-green);font-size:17px;line-height:1.1;font-weight:750}.progress-heading>strong{color:var(--customer-green);font-family:Georgia,Times New Roman,serif;font-size:52px;line-height:.85;font-weight:400;font-variant-numeric:tabular-nums lining-nums}.progress-heading>strong small{font-size:.48em}.progress-visual{position:relative;min-height:205px;flex:1 1 205px}.pixi-coffee-progress{position:absolute;inset:0;min-height:205px}.pixi-coffee-progress canvas{width:100%;height:100%;display:block}.gift-balance{position:absolute;z-index:2;right:6px;bottom:15px;display:grid;grid-template-columns:84px auto;align-items:end;gap:8px;pointer-events:none}.gift-balance span{color:#477b9d;font-size:11px;line-height:1.1;font-weight:750;text-align:right}.gift-balance strong{color:#477b9d;font-family:Georgia,Times New Roman,serif;font-size:50px;line-height:.78;font-weight:400;font-variant-numeric:tabular-nums lining-nums}.customer-gift-button{width:100%;min-height:50px;flex:0 0 auto;border:0;border-radius:8px;color:#fffaf1;background:var(--customer-blue);font-weight:800}.customer-footnote{flex:0 0 auto;padding-top:9px;text-align:center}.customer-footnote p,.customer-footnote small{display:block;margin:0;color:#68796c;font-size:10px;line-height:1.3}.customer-footnote small{margin-top:3px;opacity:.8}.gift-qr-active{background:#e9eef0}.gift-qr-active .customer-qr-frame{border-color:#477b9d8c}.gift-qr-active .corner{border-color:var(--customer-blue)}.registration-screen{min-height:100dvh;display:grid;place-items:center;padding:24px 20px;color:#173d29;background:#f4eadb}.registration-content{width:min(100%,390px)}.registration-kicker{color:#6f7e6f;font-size:13px;font-weight:750}.registration-content h1{max-width:330px;margin:8px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:36px;line-height:1.02;font-weight:400}.registration-content>p{margin:0 0 22px;color:#5f665e;font-size:14px;line-height:1.45}.registration-field{display:grid;gap:7px}.registration-field span{color:#5f665e;font-size:12px;font-weight:700}.registration-field input{min-height:50px;padding:0 14px;border:1px solid rgba(23,61,41,.28);border-radius:8px;color:#173d29;background:#fffaf1}.registration-consent{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin:17px 0;color:#5f665e;font-size:12px;line-height:1.35}.registration-consent input{width:18px;height:18px;accent-color:#173d29}.registration-content button{width:100%;min-height:52px;border:0;border-radius:8px;color:#fffaf1;background:#173d29;font-weight:800}.registration-content>small{display:block;margin-top:9px;color:#778078;font-size:10px;text-align:center}@media(max-width:380px),(max-height:700px){.customer-screen{padding-inline:14px}.customer-qr-frame{width:206px}.customer-progress{min-height:248px;margin-top:9px}.progress-visual,.pixi-coffee-progress{min-height:180px}.progress-heading>strong{font-size:45px}.gift-balance strong{font-size:43px}.customer-footnote p,.customer-footnote small{font-size:9px}}.cashier-screen{--cashier-green: #173d29;--cashier-cream: #f5f0e8;--cashier-line: rgba(23, 61, 41, .2);width:100vw;max-width:560px;min-height:100dvh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));color:#202720;background:var(--cashier-cream)}.admin-return{position:fixed;z-index:20;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));min-height:36px;padding:0 11px;border:1px solid rgba(23,61,41,.22);border-radius:8px;color:#173d29;background:#fff;font-size:12px;font-weight:750}.cashier-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--cashier-line)}.cashier-header span{color:#6c756c;font-size:12px;font-weight:700}.cashier-header h1{margin:2px 0 0;color:var(--cashier-green);font-size:30px;line-height:1;font-weight:750}.cashier-reset{width:40px;height:40px;border:1px solid var(--cashier-line);border-radius:50%;color:var(--cashier-green);background:transparent;font-size:25px;line-height:1}.cashier-start{width:100%;display:grid;gap:18px;padding-top:24px}.cashier-scan{width:100%;min-height:208px;display:grid;place-items:center;align-content:center;gap:14px;border:0;border-radius:8px;color:#fdf8ee;background:var(--cashier-green);font-size:18px;font-weight:800}.cashier-scan svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.cashier-search{display:grid;gap:8px}.cashier-search label{color:#687168;font-size:12px;font-weight:700}.cashier-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.cashier-search input{min-width:0;min-height:50px;padding:0 14px;border:1px solid var(--cashier-line);border-radius:8px;color:#202720;background:#fff}.cashier-search button{min-width:92px;border:0;border-radius:8px;color:#fff;background:var(--cashier-green);font-weight:800}.cashier-matches{display:grid;border:1px solid var(--cashier-line);border-radius:8px;overflow:hidden;background:#fff}.cashier-matches button{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:0 12px;border:0;color:var(--cashier-green);background:#fff;text-align:left}.cashier-matches button+button{border-top:1px solid var(--cashier-line)}.cashier-matches span{color:#6c756c;font-size:12px}.cashier-camera{width:100%;border-radius:8px;background:#101510}.cashier-customer{padding-top:24px}.cashier-customer-name span{color:#6c756c;font-size:11px;font-weight:750}.cashier-customer-name h2{margin:3px 0 2px;color:var(--cashier-green);font-size:28px;line-height:1.08}.cashier-customer-name p{margin:0;color:#6c756c;font-size:13px}.cashier-balance{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;border-block:1px solid var(--cashier-line)}.cashier-balance>div{display:grid;gap:4px;padding:16px 0}.cashier-balance>div+div{padding-left:18px;border-left:1px solid var(--cashier-line)}.cashier-balance strong{color:var(--cashier-green);font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.cashier-balance span{color:#6c756c;font-size:12px}.cashier-add>span{display:block;margin-bottom:9px;color:#6c756c;font-size:12px;font-weight:700}.cashier-add>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cashier-add button{min-height:86px;border:0;border-radius:8px;color:#fff;background:var(--cashier-green);font-size:28px;font-weight:800}.cashier-gift-action{display:grid;justify-items:center;gap:12px;padding:22px 0;color:#477b9d;text-align:center}.cashier-gift-action svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:1.8}.cashier-gift-action strong{font-size:20px}.cashier-gift-action button{width:100%;min-height:54px;border:0;border-radius:8px;color:#fff;background:#477b9d;font-weight:800}.cashier-cancel{width:100%;min-height:44px;margin-top:14px;border:1px solid rgba(139,49,41,.32);border-radius:8px;color:#8b3129;background:transparent;font-weight:700}@media(min-width:760px){.cashier-screen{padding-top:34px}.cashier-scan{min-height:250px}}.admin-screen{--admin-green: #173d29;--admin-bg: #f1f3ef;--admin-line: #d5ddd5;width:min(100%,1080px);min-height:100dvh;margin:0 auto;padding:18px;color:#202720;background:var(--admin-bg)}.admin-loading{display:grid;place-items:center;color:var(--admin-green);font-weight:750}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:16px}.admin-header span{color:#6c756c;font-size:12px;font-weight:700}.admin-header h1{margin:2px 0 0;color:var(--admin-green);font-size:30px;line-height:1}.admin-header button,.admin-section-heading button,.admin-staff-add button,.admin-adjustment button{min-height:42px;padding:0 16px;border:0;border-radius:8px;color:#fff;background:var(--admin-green);font-weight:750}.admin-nav{display:flex;gap:4px;overflow-x:auto;padding:4px;border:1px solid var(--admin-line);border-radius:8px;background:#fff}.admin-nav button{flex:0 0 auto;min-height:38px;padding:0 14px;border:0;border-radius:6px;color:#566158;background:transparent;font-weight:700}.admin-nav button.active{color:#fff;background:var(--admin-green)}.admin-overview,.admin-screen>section{padding-top:18px}.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-metrics>div{min-height:110px;display:flex;flex-direction:column;justify-content:space-between;padding:15px;border:1px solid var(--admin-line);border-radius:8px;background:#fff}.admin-metrics span{color:#687168;font-size:12px}.admin-metrics strong{color:var(--admin-green);font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.admin-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 10px}.admin-section-heading h2{margin:0;color:var(--admin-green);font-size:20px}.admin-section-heading input{width:min(55%,320px);min-height:42px;padding:0 12px;border:1px solid var(--admin-line);border-radius:8px;background:#fff}.admin-transactions,.admin-client-list,.admin-staff-list{display:grid;border:1px solid var(--admin-line);border-radius:8px;overflow:hidden;background:#fff}.admin-transactions article,.admin-client-list article,.admin-staff-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:62px;padding:10px 12px}.admin-transactions article+article,.admin-client-list article+article,.admin-staff-list article+article{border-top:1px solid var(--admin-line)}.admin-transactions article.cancelled{opacity:.48}.admin-transactions article>div,.admin-client-list article>div,.admin-staff-list article>div{display:grid;gap:3px}.admin-transactions span,.admin-client-list span,.admin-staff-list span{color:#6a736b;font-size:12px}.admin-transactions small{color:#879087;font-variant-numeric:tabular-nums}.admin-transactions button,.admin-staff-list button{min-height:34px;padding:0 10px;border:1px solid #d8b8b3;border-radius:6px;color:#8b3129;background:transparent;font-size:12px;font-weight:700}.admin-client-list article{grid-template-columns:minmax(0,1fr) auto}.admin-client-list article>div:last-child{text-align:right}.admin-adjustment{display:grid;grid-template-columns:minmax(180px,2fr) 90px minmax(180px,2fr) auto;gap:8px;margin-top:18px;padding:14px;border:1px solid var(--admin-line);border-radius:8px;background:#fff}.admin-adjustment h3{grid-column:1 / -1;margin:0 0 3px;color:var(--admin-green);font-size:15px}.admin-adjustment input,.admin-adjustment select,.admin-staff-add input{min-width:0;min-height:42px;padding:0 11px;border:1px solid var(--admin-line);border-radius:6px;background:#fff}.admin-staff-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px}.admin-staff-list b{color:#8b3129;font-size:12px}.admin-staff-list b.active{color:#247246}.admin-settings dl{margin:0;border:1px solid var(--admin-line);border-radius:8px;overflow:hidden;background:#fff}.admin-settings dl div{display:grid;grid-template-columns:minmax(140px,.7fr) 1.3fr;gap:16px;padding:14px}.admin-settings dl div+div{border-top:1px solid var(--admin-line)}.admin-settings dt{color:#687168}.admin-settings dd{margin:0;color:var(--admin-green);font-weight:700}@media(max-width:680px){.admin-screen{padding:12px}.admin-header h1{font-size:25px}.admin-header button{padding-inline:12px}.admin-metrics{grid-template-columns:1fr}.admin-metrics>div{min-height:78px}.admin-adjustment{grid-template-columns:1fr}.admin-adjustment h3{grid-column:auto}.admin-transactions article{grid-template-columns:minmax(0,1fr) auto}.admin-transactions article button{grid-column:1 / -1}.admin-staff-add{grid-template-columns:1fr}.admin-staff-list article{grid-template-columns:minmax(0,1fr) auto}.admin-staff-list article button{grid-column:1 / -1}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#232820;background:#f4eadb;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.48}.app-status{position:fixed;z-index:50;left:50%;bottom:max(14px,env(safe-area-inset-bottom));width:min(calc(100% - 28px),460px);transform:translate(-50%);padding:11px 14px;border:1px solid rgba(31,71,49,.25);border-radius:8px;color:#173d29;background:#eef0df;font-size:13px;font-weight:700;text-align:center}.app-status.error{color:#842f28;border-color:#842f284d;background:#f3dfd8}.app-loading{min-height:100dvh;display:grid;place-items:center;padding:24px;color:#173d29;background:#f4eadb;font-size:14px;font-weight:700}.hidden{display:none!important}