:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#101010;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;--red:#d71920;--red-dark:#a90910;--teal:#008f86;--teal-dark:#006e68;--line:#d8d8d8;--muted:#626262;--soft:#f7f7f7;--shadow:0 14px 30px #10101014;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;margin:0}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{background:linear-gradient(90deg,#008f860a,#0000 34%),#fff;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.app-header{border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;gap:24px;min-height:112px;padding:22px 28px 18px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:42px;font-weight:800;line-height:1}h2{letter-spacing:0;font-size:36px;font-weight:800;line-height:1}.status-line,.header-meta,.time-pill{align-items:center;display:flex}.status-line{color:var(--muted);gap:7px;margin-top:14px;font-size:15px;font-weight:600}.online-dot{background:#25cf45;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 5px #25cf451f}.header-meta{color:#3b3b3b;justify-content:flex-end;gap:14px;font-size:16px;font-weight:650}.time-pill{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;gap:8px;min-width:88px;padding:10px 12px}.admin-link{color:#101010;background:#fff;border-color:#cfcfcf;min-height:42px;padding:0 13px;font-size:15px}.pos-layout{grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-height:0;display:grid}.tap-section,.order-section{min-width:0;padding:28px 30px}.tap-section{border-right:1px solid var(--line)}.section-heading{gap:14px;margin-bottom:28px;display:grid}.accent-rule{background:var(--red);width:58px;height:5px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.item-tile{color:#101010;cursor:pointer;background:#fff;border:1px solid #cfcfcf;border-radius:8px;grid-template-rows:96px auto auto;place-items:center;gap:10px;min-height:240px;padding:24px 18px;transition:transform .14s,border-color .14s,box-shadow .14s;display:grid;position:relative;box-shadow:0 1px #00000005}.item-tile:disabled{cursor:not-allowed;opacity:.62}.item-tile:not(:disabled):hover{border-color:var(--red);box-shadow:var(--shadow);transform:translateY(-2px)}.item-tile:not(:disabled):active{transform:translateY(0)}.item-icon{width:118px;height:96px;color:var(--red)}.item-tile.is-teal .item-icon,.item-tile.is-teal .item-price{color:var(--teal-dark)}.item-icon svg{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.item-name{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:24px;font-weight:800;line-height:1.08}.item-price{color:var(--red);font-size:30px;font-weight:800;line-height:1}.quantity-badge{color:#fff;background:#101010;border-radius:50%;place-items:center;min-width:36px;height:36px;font-weight:800;display:inline-grid;position:absolute;top:12px;right:12px}.order-section{flex-direction:column;display:flex}.order-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.clear-button,.back-button,.link-button,.paid-button,.cancel-button,.send-button,.no-button,.new-sale-button,.export-button,.admin-link{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;font-weight:800;text-decoration:none;display:inline-flex}.clear-button{color:var(--red);background:0 0;padding:0 8px;font-size:18px}.order-lines{border-bottom:1px solid var(--line);min-height:128px}.empty-order{color:#7a7a7a;place-items:center;gap:8px;min-height:120px;font-size:18px;font-weight:750;display:grid}.order-line{border-top:1px solid #eee;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:58px;font-size:22px;display:grid}.line-quantity{grid-template-columns:32px 32px 32px;place-items:center;font-weight:800;display:grid}.line-quantity button{color:#202020;cursor:pointer;background:#fff;border:1px solid #cfcfcf;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.line-quantity button:disabled{opacity:.38;cursor:not-allowed}.line-name{overflow-wrap:anywhere;min-width:0}.line-total{font-weight:750}.total-row{justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0 18px;font-size:40px;font-weight:850;line-height:1;display:flex}.total-row strong{font-size:46px}.payment-panel{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.swish-button,.swish-bar{background:var(--teal);color:#fff;border:0;justify-content:center;align-items:center;gap:18px;width:100%;min-height:86px;font-size:40px;font-weight:850;line-height:1;display:flex}.swish-button{cursor:pointer}.swish-button:disabled{cursor:not-allowed;background:#9bbfbb}.qr-row{grid-template-columns:minmax(180px,260px) 1fr;align-items:center;gap:24px;padding:20px;display:grid}.qr-box{color:#3f3f3f;justify-items:center;gap:8px;display:grid}.qr-box img{aspect-ratio:1;background:#fff;border:1px solid #eee;border-radius:8px;width:min(100%,220px)}.qr-box span{font-size:21px;font-weight:750}.qr-box small{color:var(--muted);font-size:14px}.payment-actions{gap:12px;display:grid}.link-button{color:var(--teal-dark);background:#f7fffe;border-color:#c9dfdd}.paid-button{border-color:var(--teal);background:var(--teal);color:#fff}.cancel-button{border-color:var(--red);color:var(--red);background:#fff}.saved-receipt{color:#08753e;background:#f0fff7;border:1px solid #b6dccd;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:52px;font-size:18px;font-weight:850;display:flex}.receipt-panel{gap:12px;padding:18px 0 0;display:grid}.receipt-panel.is-disabled{opacity:.5}.receipt-panel label{text-align:center;font-size:20px;font-weight:850}.email-row{border:1px solid var(--line);height:50px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.email-row input{color:#101010;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:18px}.receipt-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.send-button,.no-button,.new-sale-button{min-height:58px;padding:0 16px;font-size:18px}.send-button{border-color:var(--teal);color:var(--teal-dark);background:#fff}.no-button{color:#1e1e1e;background:#fff;border-color:#bcbcbc}button:disabled{cursor:not-allowed;opacity:.55}.message{color:#006b65;background:#f3fffd;border:1px solid #b9dfd9;border-radius:8px;margin-top:14px;padding:12px 14px;font-weight:750}.message.is-error{color:var(--red-dark);background:#fff6f6;border-color:#efb1b1}.new-sale-button{color:#fff;background:#111;border-color:#111;width:100%;margin-top:12px}.night-sales{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;align-items:center;min-height:96px;padding:20px 30px;display:flex}.payment-page{background:linear-gradient(90deg,#008f860d,#0000 44%),#fff;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.payment-header{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:auto 1fr;align-items:center;gap:24px;min-height:112px;padding:22px 28px;display:grid}.payment-header h1{font-size:40px}.payment-header p{color:var(--muted);margin-top:8px;font-weight:750}.back-button{color:#101010;background:#fff;border-color:#cfcfcf;min-width:128px;padding:0 18px}.payment-card{border:1px solid var(--line);width:min(1120px,100vw - 48px);box-shadow:var(--shadow);background:#fff;border-radius:8px;place-self:center;gap:18px;padding:28px;display:grid}.payment-loading{min-height:380px;color:var(--muted);place-items:center;gap:14px;font-size:22px;font-weight:850;display:grid}.payment-main{grid-template-columns:minmax(260px,390px) 1fr;align-items:center;gap:32px;display:grid}.payment-qr{justify-items:center;gap:16px;display:grid}.payment-qr img{aspect-ratio:1;background:#fff;border:1px solid #eee;border-radius:8px;width:min(100%,360px)}.qr-placeholder{aspect-ratio:1;width:min(100%,360px);color:var(--teal-dark);background:#fff;border:1px solid #eee;border-radius:8px;place-items:center;display:grid}.payment-details{gap:14px;display:grid}.payment-status{width:max-content;color:var(--teal-dark);text-transform:uppercase;background:#f7fffe;border:1px solid #c9dfdd;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:850}.payment-details h2{font-size:64px;line-height:1}.payment-details p{color:var(--muted);font-size:18px;font-weight:750}.payment-lines{border-top:1px solid #eee;border-bottom:1px solid #eee;display:grid}.payment-line{border-top:1px solid #eee;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;min-height:52px;font-size:18px;display:grid}.payment-line:first-child{border-top:0}.payment-line strong{overflow-wrap:anywhere;min-width:0}.payment-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.payment-buttons .paid-button,.payment-buttons .cancel-button{min-height:62px;font-size:19px}.payment-receipt{justify-self:center;width:100%;max-width:720px;padding-top:6px}.payment-sales{border-top:1px solid var(--line);background:#fff;justify-content:center;align-items:center;gap:26px;min-height:76px;font-size:18px;display:flex}.payment-sales span{color:var(--muted);font-weight:750}.payment-sales strong{font-weight:850}.admin-page{background:linear-gradient(90deg,#d7192009,#0000 40%),#fff;min-height:100vh}.admin-main{gap:16px;width:min(1180px,100vw - 48px);margin:28px auto;display:grid}.admin-login{border:1px solid var(--line);width:min(560px,100%);box-shadow:var(--shadow);color:var(--teal-dark);background:#fff;border-radius:8px;justify-self:center;justify-items:center;gap:18px;padding:30px;display:grid}.admin-login h2{color:#101010}.pin-row{grid-template-columns:1fr auto;gap:10px;width:100%;display:grid}.pin-row input,.admin-search input,.admin-resend input{color:#101010;background:0 0;border:0;outline:0;min-width:0}.pin-row input{border:1px solid var(--line);letter-spacing:0;border-radius:8px;height:54px;padding:0 14px;font-size:22px}.pin-row .paid-button{min-height:54px;padding:0 18px}.admin-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-summary div{border:1px solid var(--line);background:#fff;border-radius:8px;align-content:center;gap:8px;min-height:102px;padding:18px;display:grid}.admin-summary span{color:var(--muted);font-size:14px;font-weight:750}.admin-summary strong{overflow-wrap:anywhere;font-size:31px;font-weight:850;line-height:1}.admin-toolbar{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.admin-search{border:1px solid var(--line);min-height:52px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.admin-search input{width:100%;font-size:17px}.admin-icon-button{min-height:52px;padding:0 16px;font-size:16px}.admin-receipts{gap:10px;display:grid}.admin-receipt{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) 120px minmax(280px,.9fr);align-items:center;gap:18px;padding:16px;display:grid}.admin-receipt-info{gap:8px;min-width:0;display:grid}.admin-receipt-title,.admin-receipt-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-receipt-title strong{font-size:20px;font-weight:850}.admin-receipt-title span,.admin-receipt-meta{color:var(--muted);font-size:14px;font-weight:700}.return-badge{text-transform:uppercase;background:#fff6f6;border:1px solid #efb1b1;border-radius:8px;padding:5px 8px;color:var(--red-dark)!important;font-size:12px!important;font-weight:850!important}.admin-receipt p{color:#202020;overflow-wrap:anywhere;font-size:16px;font-weight:700;line-height:1.35}.admin-total{justify-self:end;font-size:22px;font-weight:850}.admin-receipt.is-returned{background:snow;border-color:#efb1b1}.admin-receipt-tools{gap:10px;display:grid}.admin-receipt-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-small-button{min-height:44px;padding:0 12px;font-size:15px}.admin-resend{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.admin-resend input{border:1px solid var(--line);border-radius:8px;height:48px;padding:0 12px;font-size:16px}.admin-resend .send-button{min-height:48px;padding:0 14px}.admin-empty{border:1px solid var(--line);min-height:180px;color:var(--muted);background:#fff;border-radius:8px;place-items:center;gap:10px;font-size:18px;font-weight:800;display:grid}.admin-message{margin-top:0}.sales-title{color:var(--red);align-items:center;gap:14px;font-size:29px;font-weight:850;display:flex}.sales-title span{color:#101010}.sales-metric{border-left:1px solid var(--line);align-content:center;gap:6px;min-height:66px;padding-left:26px;display:grid}.sales-metric span{color:var(--muted);font-size:16px;font-weight:650}.sales-metric strong{font-size:27px;font-weight:850;line-height:1}.export-button{border-color:var(--red);min-width:210px;min-height:62px;color:var(--red);background:#fff;padding:0 22px;font-size:18px}.sales-actions{grid-template-columns:1fr 1fr;align-items:center;gap:10px;width:min(520px,100%);display:grid}.admin-footer-button{min-width:150px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.app-header{min-height:96px;padding:18px}h1{font-size:34px}h2{font-size:30px}.header-meta{flex-direction:column;align-items:flex-end;gap:8px;font-size:14px}.pos-layout{grid-template-columns:1fr}.tap-section{border-right:0;border-bottom:1px solid var(--line)}.tap-section,.order-section{padding:22px 16px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-tile{grid-template-rows:72px auto auto;min-height:184px;padding:18px 12px}.item-icon{width:88px;height:72px}.item-name{font-size:22px}.item-price{font-size:24px}.order-line{grid-template-columns:98px minmax(0,1fr) auto;gap:10px;font-size:18px}.total-row{font-size:30px}.total-row strong{font-size:36px}.qr-row,.receipt-actions{grid-template-columns:1fr}.night-sales{padding:18px 16px}.sales-metric{border-left:0;padding-left:0}.sales-actions{width:100%}.sales-actions .export-button{min-width:0}.payment-header{grid-template-columns:1fr;gap:14px;padding:18px 16px}.payment-header h1{font-size:32px}.back-button{width:max-content}.payment-card{align-self:start;width:calc(100vw - 32px);margin:18px 0;padding:18px}.payment-main{grid-template-columns:1fr}.payment-details h2{font-size:46px}.payment-buttons{grid-template-columns:1fr}.payment-sales{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.admin-main{width:calc(100vw - 32px);margin:18px auto}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-toolbar,.admin-receipt{grid-template-columns:1fr}.admin-total{justify-self:start}}@media (width<=560px){.app-header{flex-direction:column;align-items:flex-start}.header-meta{flex-flow:wrap;justify-content:space-between;align-items:center;width:100%}.item-grid{grid-template-columns:1fr}.item-tile{text-align:left;grid-template-rows:auto auto;grid-template-columns:86px 1fr;justify-items:start;min-height:156px}.item-icon{grid-row:1/span 2}.item-name{text-align:left}.order-line{grid-template-columns:92px minmax(0,1fr)}.line-total{color:var(--muted);grid-column:2;justify-self:start}.pin-row,.admin-summary,.admin-resend,.admin-receipt-buttons,.sales-actions{grid-template-columns:1fr}.sales-actions{display:grid}.admin-summary strong{font-size:27px}}