:root{--bg:#070a10;--panel:#0d131f;--panel2:#111a2e;--border:#1e293b;--gold:#fbbf24;--cream:#f8fafc;--muted:#94a3b8;--green:#34d399}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--cream);min-height:100vh;margin:0;font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px}button,input,select,textarea,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}h1,h2,h3,p{margin:0}h1{letter-spacing:-.6px;font-size:26px;font-weight:800;line-height:1.2}h2{font-size:20px;font-weight:800}h3{font-size:18px;font-weight:700}p{color:var(--muted);line-height:1.65}.topbar{border-bottom:1px solid var(--border);z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0f17f2;justify-content:space-between;align-items:center;gap:20px;min-height:69px;padding:11px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.5px;align-items:center;gap:11px;font-size:20px;font-weight:900;display:flex}.brand small{letter-spacing:1.5px;color:var(--muted);margin-top:3px;font-size:8px;font-weight:500;display:block}.brand-logo{color:#0f172a;background:linear-gradient(135deg,#fbbf24,#ea580c);border-radius:12px;place-items:center;width:36px;height:36px;font-size:20px;display:grid;box-shadow:0 5px 15px #f59e0b28}.topbar nav{border:1px solid var(--border);background:#0f172ae6;border-radius:12px;align-items:center;gap:5px;padding:4px;display:flex}.topbar nav button{color:#cbd5e1;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:700;display:flex}.topbar nav button.active{color:#0f172a;background:#f59e0b;box-shadow:0 2px 7px #0003}.staff-link{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.private-tag{color:#34d399;letter-spacing:1px;background:#10b98115;border:1px solid #10b9814d;border-radius:20px;padding:6px 9px;font-size:8px}.guest-main,.staff-main{max-width:1600px;margin:auto;padding:28px 24px 20px}.guest-main{max-width:650px;padding-top:28px}.page-title{justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px;display:flex}.guest-main>.page-title{display:none}.eyebrow{letter-spacing:1.7px;color:var(--muted);margin-bottom:10px;font-size:9px;font-weight:700}.subtitle{max-width:650px;margin-top:10px;font-size:12px}.live-badge{white-space:nowrap;color:var(--green);background:#10b98112;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;display:flex}i,.status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;display:inline-block}i.red{background:#fb7185}.phone-shell{background:#0d131f;border:3px solid #1e293b;border-radius:40px;width:100%;max-width:410px;min-height:730px;margin:auto;overflow:hidden;box-shadow:0 24px 60px #0008}.phone-top{color:#94a3b8;letter-spacing:1px;background:#090d16;border-bottom:1px solid #1e293bcc;justify-content:space-between;align-items:center;gap:10px;padding:15px 19px 12px;font-size:9px;font-weight:700;display:flex}.phone-top i{margin-right:6px}.phone-top small{letter-spacing:.6px;font-family:monospace;font-size:9px}.guest-grid{flex-direction:column;gap:17px;padding:20px 17px 0;display:flex}.wallet-panel{background:radial-gradient(circle at 100% 0,#f59e0b12,#0000 55%),linear-gradient(130deg,#0f172a,#131c2e,#0f172a);border:1px solid #334155b3;border-radius:24px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0003}.wallet-header{color:#94a3b8;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.wallet-header>svg{color:#fbbf24}.balance{letter-spacing:-1.3px;color:#34d399;margin-top:14px;font-family:ui-monospace,monospace;font-size:43px;font-weight:900;line-height:1.15}.wallet-panel p{margin-top:7px;font-size:10px}.wallet-divider{background:#1e293bcc;height:1px;margin:16px 0 12px}.wallet-meta{color:#94a3b8;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:8px;display:flex}.wallet-meta i{margin-right:5px}.pay-panel{background:0 0;border:0;padding:0}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.pay-panel>.section-heading h2{text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:800}.step{color:#64748b;font-size:10px}.activation-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:300px;display:flex}.activation-empty>svg{color:#fbbf24}.activation-empty p{max-width:260px;font-size:12px}.activation-empty .text-button{margin-top:12px}.text-button{color:#fbbf24;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:11px;font-weight:700;display:inline-flex}label{color:#cbd5e1;flex-direction:column;gap:8px;margin-top:14px;font-size:10px;font-weight:700;display:flex}input:not([type=range]),textarea,select{color:#f8fafc;background:#0f172acc;border:1px solid #334155;border-radius:12px;outline:none;width:100%;padding:12px 13px;font-size:13px}textarea{resize:vertical;min-height:80px}.amount-label input{color:#fff;padding:13px;font-size:25px;font-weight:800}.quick-amounts{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.quick-amounts button{color:#f8fafc;text-align:left;white-space:nowrap;background:#0f172ab3;border:1px solid #334155cc;border-radius:16px;padding:14px 12px;font-size:13px;font-weight:800}.quick-amounts button:hover:not(:disabled){background:#f59e0b18;border-color:#fbbf24}.quick-amounts button:last-child{color:#34d399}.total{border-top:1px solid #1e293b;justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;font-size:11px;font-weight:700;display:flex}.total span{color:#94a3b8}.total strong{color:#fbbf24;font-family:ui-monospace,monospace;font-size:22px;font-weight:900}.swipe-hint{text-align:center;color:#fcd34de6;margin:17px 0 8px;font-size:9px;font-weight:700}.swipe{background:linear-gradient(90deg,#0f172a,#1e293b);border:1px solid #fbbf2459;border-radius:16px;place-items:center;height:64px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 3px 8px #0009}.swipe>span{letter-spacing:.2px;text-align:center;color:#fbbf24;pointer-events:none;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff6,#fbbf24,#fff6) 0 0/200%;-webkit-background-clip:text;background-clip:text;padding-left:53px;padding-right:8px;font-size:11px;font-weight:900;line-height:1.4;animation:2.2s linear infinite shimmer}.swipe input{appearance:none;background:0 0;width:100%;height:100%;margin:0;padding:5px;position:absolute;inset:0}.swipe input::-webkit-slider-thumb{appearance:none;cursor:grab;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6 6 6-6 6m7-12 6 6-6 6'/%3E%3C/svg%3E"),linear-gradient(135deg,#fbbf24,#f97316);background-position:50%;background-repeat:no-repeat;background-size:25px 25px,100% 100%;border:0;border-radius:12px;width:52px;height:52px;box-shadow:0 5px 12px #f59e0b4d}.swipe input::-moz-range-thumb{cursor:grab;background:#f59e0b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.8'%3E%3Cpath d='m5 6 6 6-6 6m7-12 6 6-6 6'/%3E%3C/svg%3E") 50%/25px no-repeat;border:0;border-radius:12px;width:52px;height:52px}.swipe.disabled{opacity:.4}.secure-note{color:#64748b;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:8px;display:flex}.history-panel,.panel{background:#0d131f;border:1px solid #1e293b;border-radius:24px;margin-top:22px;padding:24px}.phone-shell>.history-panel{background:0 0;border:0;border-top:1px solid #1e293bcc;border-radius:0;margin:19px 17px 0;padding:15px 0 20px}.phone-shell>.history-panel h2{text-transform:uppercase;color:#94a3b8;letter-spacing:.6px;font-size:11px;font-weight:800}.phone-shell>.history-panel .section-heading{gap:8px;margin-bottom:10px}.phone-shell>.history-panel .text-button{font-size:9px}.empty{padding:20px 0;font-size:11px}.ledger-row{border-bottom:1px solid #1e293b;align-items:center;gap:12px;padding:14px 0;font-size:12px;display:flex}.ledger-row:last-child{border-bottom:0}.ledger-row>div{flex:1;min-width:0}.ledger-row b{overflow-wrap:anywhere;font-size:12px;font-weight:700}.ledger-row small{color:#94a3b8;overflow-wrap:anywhere;margin-top:5px;font-size:9px;display:block}.ledger-row strong{white-space:nowrap;font-size:13px;font-weight:800}.phone-shell .ledger-row{gap:8px;padding:11px 0}.phone-shell .ledger-row b{font-size:10px}.phone-shell .ledger-row strong{font-family:ui-monospace,monospace;font-size:10px}.phone-shell .ledger-row small{font-size:8px}.transaction-icon{color:#fbbf24;background:#0f172a;border:1px solid #334155;border-radius:9px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.guest-orders{margin-bottom:13px}.guest-order{text-align:left;background:#022c224d;border:1px solid #10b9814d;border-radius:12px;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:12px 10px;font-size:9px;display:flex}.guest-order strong{margin-left:auto;font-size:10px}.guest-order b{color:#fbbf24;letter-spacing:1px;font-family:monospace}.status-dot.muted{background:#64748b}.recover-link{margin-top:13px}.notice{color:#fde68a;background:#451a03b3;border:1px solid #f59e0b66;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:13px 16px;font-size:12px;display:flex}.notice>span{flex:1}.notice button,.notice a{color:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.notice.danger{color:#fecdd3;background:#4c0519b3;border-color:#f43f5e66}.field-error{color:#fb7185;margin-top:9px;font-size:10px}.primary,.secondary{color:#0f172a;background:linear-gradient(120deg,#fbbf24,#f59e0b);border:1px solid #f59e0b;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:20px;padding:13px 17px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 5px 15px #f59e0b15}.secondary{color:#cbd5e1;box-shadow:none;background:#0f172a;border-color:#334155}.icon{color:#94a3b8;background:0 0;border:0;place-items:center;padding:6px;display:inline-grid}.service-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.service-toolbar select{width:240px}.staff-identity{color:#94a3b8;font-size:10px}.stats{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.stats>div{background:linear-gradient(140deg,#0f172a,#0d131f);border:1px solid #1e293b;border-radius:18px;padding:20px}.stats span{letter-spacing:1px;color:#94a3b8;font-size:9px;font-weight:700}.stats strong{color:#fbbf24;margin:14px 0 9px;font-family:ui-monospace,monospace;font-size:26px;font-weight:900;display:block}.stats small{color:#94a3b8;font-size:10px}.cashier-panel{background:#0d131f;border:1px solid #1e293b;border-radius:24px;grid-template-columns:1fr 230px;gap:30px;margin-top:22px;display:grid;overflow:hidden}.cashier-panel>div:first-child{padding:28px}.cashier-panel h2{color:#fbbf24;margin-bottom:13px;font-size:30px}.cashier-panel p{font-size:12px}.cashier-panel .fine{max-width:400px;margin-top:14px;font-size:10px}.cashier-visual{background:radial-gradient(circle,#10b9810c,#0000 70%);justify-content:center;align-items:center;display:flex}.cashier-visual .ball{width:145px;height:145px}.cashier-visual .ball span{font-size:21px}.wallet-row .text-button{white-space:nowrap;font-size:10px}.bar-toolbar{background:#0d131f;border:1px solid #1e293b;border-radius:20px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:18px 22px;display:flex}.bar-toolbar>div{align-items:center;gap:12px;display:flex}.bar-toolbar select{width:145px}.bar-toolbar .secondary{margin:0;font-size:10px}.connection-good,.connection-bad{color:#34d399;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.connection-bad{color:#fb7185}.connection-bad i{background:#fb7185}.orders-grid{grid-template-columns:repeat(2,1fr);gap:20px;transition:opacity .2s;display:grid}.orders-grid.stale{opacity:.45;filter:grayscale()}.order-card{background:linear-gradient(130deg,#0f172a,#111a2e,#0f172a);border:2px solid #10b981b3;border-radius:24px;padding:23px;box-shadow:0 15px 30px #0004}.order-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-top>span{color:#6ee7b7;letter-spacing:.5px;background:#10b98126;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:800}.order-top small{color:#94a3b8;font-size:9px}.order-main{justify-content:space-between;align-items:center;gap:20px;margin:24px 0;display:flex}.order-main h2{color:#fbbf24;letter-spacing:1.5px;font-family:ui-monospace,monospace;font-size:40px;font-weight:900}.order-main strong{color:#34d399;margin-top:10px;font-size:29px;font-weight:900;display:block}.order-main p{font-size:10px}.ball{cursor:default;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:105px;height:105px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .25s;display:grid;position:relative;box-shadow:inset -12px -12px 24px #000b,inset 8px 8px 18px #ffffff59,0 14px 30px #000a}.ball[tabindex="0"]{cursor:pointer}.ball:before{content:"";pointer-events:none;background:radial-gradient(#ffffffd9 0,#ffffff1a 70%,#0000 100%);border-radius:50%;width:32%;height:20%;position:absolute;top:12%;left:18%;transform:rotate(-28deg)}.ball span{color:#0f172a;letter-spacing:-.6px;pointer-events:none;background:radial-gradient(circle at 30% 30%,#fff,#e2e8f0);border-radius:50%;place-items:center;width:49%;height:49%;font-size:15px;font-weight:900;display:grid;box-shadow:inset 0 2px 4px #0004,0 1px 2px #0006}.ball-bounce{animation:.36s cubic-bezier(.22,1,.36,1) ballPop}.hold{color:#6ee7b7;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#10b98120;border:1px solid #10b98166;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;padding:13px;font-size:12px;font-weight:800;display:flex;position:relative;overflow:hidden}.hold:before{content:"";transform-origin:0;background:#34d39933;position:absolute;inset:0;transform:scaleX(0)}.hold.holding:before{transition:transform .85s linear;transform:scaleX(1)}.waiting{text-align:center;background:#0d131f;border:2px dashed #1e293b;border-radius:24px;grid-column:1/-1;min-height:320px;padding:85px 15px}.waiting svg{color:#fbbf24;margin:0 auto 22px}.waiting h2{font-size:24px}.waiting p{margin-top:13px;font-size:12px}.paging{color:#94a3b8;justify-content:center;align-items:center;gap:20px;margin-top:23px;font-size:11px;display:flex}.paging button{color:#cbd5e1;background:#0f172a;border:1px solid #334155;border-radius:9px;padding:8px 12px}.management-grid{grid-template-columns:1.2fr 1fr;gap:22px;display:grid}.management-grid .panel p:not(.eyebrow){margin-top:14px;font-size:12px}.export-buttons{flex-wrap:wrap;gap:18px;margin-top:18px;display:flex}.station-qr{text-align:center;flex-direction:column;align-items:center;gap:15px;display:flex}.station-qr .eyebrow{margin:0}.station-qr select{width:140px}.qr{object-fit:contain;background:#fff;border-radius:12px;width:220px;max-width:100%;height:220px}.qr.placeholder{opacity:.3}.staff-form{flex-wrap:wrap;align-items:end;gap:15px;display:flex}.staff-form label{flex:1;min-width:170px}.staff-form .primary{margin:0}.fine{color:#94a3b8;font-size:10px;line-height:1.6}.panel summary{cursor:pointer;color:#fbbf24;font-size:12px;font-weight:700}.modal-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#020617e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#0d131f;border:2px solid #334155;border-radius:28px;width:100%;max-width:450px;max-height:94vh;padding:27px;position:relative;overflow:auto;box-shadow:0 25px 100px #0008}.modal-close{position:absolute;top:14px;right:12px}.modal>h2{margin-bottom:20px;padding-right:28px;font-size:20px}.modal>p{font-size:12px}.receipt{text-align:center;background:radial-gradient(circle at 50% 55%,#10b9810c,#0000 65%)}.receipt-top{background:#0f172a;border:1px solid #334155;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:13px;display:flex}.receipt-top span{color:#94a3b8;font-size:11px;font-weight:700}.receipt-top b{color:#fbbf24;letter-spacing:1px;font-family:ui-monospace,monospace;font-size:27px;font-weight:900}.status-tag{letter-spacing:1px;color:#6ee7b7;background:#10b98133;border:1px solid #10b98166;border-radius:20px;padding:5px 10px;font-size:9px;font-weight:900;display:inline-block}.receipt-amount{color:#fff;letter-spacing:-1.5px;margin:15px 0 25px;font-size:45px;font-weight:900}.receipt .ball{width:155px;height:155px;margin:0 auto 25px}.receipt .ball span{letter-spacing:-1px;font-size:22px}.receipt p{font-family:ui-monospace,monospace;font-size:11px}.receipt-status{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;margin-top:16px;padding:12px;font-size:12px;font-weight:800}.issuance{text-align:center}.issuance>strong{color:#fbbf24;margin-bottom:17px;font-size:38px;font-weight:900;display:block}.issuance .qr{margin:0 auto 15px}.issuance p{font-size:11px}.issuance details{color:#94a3b8;margin:13px 0;font-size:11px}.recovery-ticket{border-top:1px dashed #334155;margin-top:20px;padding-top:20px;font-size:12px}.recovery-ticket code,.secret-code{overflow-wrap:anywhere;color:#fbbf24;background:#020617;border:1px solid #334155;border-radius:10px;margin:10px 0;padding:14px;font-family:monospace;font-size:12px;line-height:1.8;display:block}.issuance .primary{width:100%}footer{color:#64748b;letter-spacing:.6px;border-top:1px solid #1e293b;justify-content:space-between;gap:20px;margin-top:30px;padding:20px 0 0;font-size:8px;display:flex}.guest-main>footer{max-width:410px;margin:25px auto 0;font-size:7px}.phone-shell .recover-link{font-size:9px}@keyframes shimmer{to{background-position:200%}}@keyframes ballPop{0%{transform:scale(1)rotate(0)}35%{transform:scale(.82)rotate(-14deg)}70%{transform:scale(1.14)rotate(8deg)}to{transform:scale(1)rotate(0)}}@media (width<=1000px){.topbar{padding:12px 19px}.staff-main{padding:25px 20px 18px}.private-tag{display:none}.stats{grid-template-columns:repeat(2,1fr)}.orders-grid{grid-template-columns:1fr}.bar-toolbar,.wallet-row{flex-wrap:wrap}.cashier-panel{grid-template-columns:1fr 170px}.topbar nav button{padding:9px;font-size:11px}.live-badge{display:none}.management-grid{grid-template-columns:1fr 1fr}.ledger-row{gap:10px}}@media (width<=660px){.topbar{flex-wrap:wrap;gap:15px;min-height:60px;padding:12px 14px}.brand{font-size:18px}.brand-logo{width:34px;height:34px}.topbar nav{order:3;justify-content:space-between;width:100%}.topbar nav button{font-size:11px}.guest-main{padding:20px 12px 15px}.staff-main{padding:23px 14px 16px}h1{font-size:23px}.subtitle{margin-top:10px;font-size:11px}.page-title{margin-bottom:20px}.eyebrow{font-size:8px}.phone-shell{border-radius:36px}.guest-grid{padding:18px 16px 0}.wallet-panel{padding:18px}.balance{font-size:40px}.wallet-meta{font-size:7px}.history-panel,.panel{padding:19px}.guest-order{gap:7px}.guest-order span:not(.status-dot){font-size:8px}.guest-order b{font-size:11px}.guest-order strong{font-size:10px}.ledger-row{flex-wrap:wrap;font-size:10px}.ledger-row>div{min-width:100px}.ledger-row strong{font-size:12px}.stats{gap:10px}.stats>div{padding:16px}.stats strong{margin:12px 0 8px;font-size:21px}.stats span{font-size:7px}.stats small{font-size:8px}.service-toolbar{flex-wrap:wrap;gap:12px}.service-toolbar select{width:180px;font-size:10px}.cashier-panel{grid-template-columns:1fr}.cashier-panel>div:first-child{padding:23px}.cashier-visual{display:none}.cashier-panel h2{font-size:27px}.cashier-panel .primary{width:100%;font-size:11px}.bar-toolbar{gap:15px;padding:15px}.bar-toolbar>div{justify-content:space-between;width:100%}.bar-toolbar select{width:125px}.connection-good,.connection-bad{font-size:9px}.order-card{padding:20px}.order-main h2{font-size:35px}.order-main strong{font-size:28px}.order-main .ball{width:95px;height:95px}.order-main .ball span{font-size:13px}.order-top{font-size:8px}.management-grid{grid-template-columns:1fr;gap:0}.staff-form{display:block}.staff-form .primary{width:100%;margin-top:15px}.notice{flex-wrap:wrap;gap:8px;padding:12px;font-size:11px}.notice>span{min-width:75%}.notice button,.notice a{font-size:10px}.modal{padding:24px 20px}.receipt-amount{font-size:40px}.receipt .ball{width:150px;height:150px}.receipt .ball span{font-size:21px}footer{font-size:7px}footer span:last-child{text-align:right;max-width:155px;line-height:1.6}.wallet-row button{font-size:9px}.wallet-row>div{flex-basis:48%}}@media print{body *{visibility:hidden}body{background:#fff!important}.print-target,.print-target *,.station-qr,.station-qr *{visibility:visible;color:#000!important}.print-target,.station-qr{background:#fff;border:0;width:100%;padding:20px;position:absolute;top:0;left:0}.modal-wrap,.modal{background:#fff;border:0;padding:0;position:static;overflow:visible}.print-target button,.print-target details,.station-qr button,.station-qr select{display:none}.recovery-ticket{break-inside:avoid}.print-target .qr{width:220px;height:220px}.print-target code{background:#fff;border:1px solid #aaa}}.access-gate,.recovery-page{text-align:center;width:min(100%,430px);margin:24px auto;padding:24px}.access-gate h1{letter-spacing:.02em;margin:0;font-size:clamp(18px,4.8vw,23px);font-weight:900;line-height:1.28}.access-gate .recovery-caption{color:#cbd5e1;margin:10px 0 18px;font-size:16px}.access-gate .qr{width:min(250px,65vw);margin:0 auto 12px;display:block}.access-gate .swipe{margin-top:18px}.access-gate .fine{max-width:300px;margin:10px auto;line-height:1.4}.recovery-page h1{font-size:28px}.recovery-page>p{color:#94a3b8;line-height:1.6}.recover-upload .primary{justify-content:center;width:100%;min-height:52px}.file-input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.recover-upload .fine{margin-top:14px}.cashier-panel{margin-top:18px}.bar-app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.bar-app .topbar{flex-shrink:0;height:44px;min-height:44px;padding:5px 16px;position:static}.bar-app .brand-logo{border-radius:10px;width:30px;height:30px;font-size:20px}.bar-app .brand{font-size:18px}.bar-app .brand small{display:none}.bar-app .topbar nav button{padding:7px 10px}.bar-app .staff-main{flex-direction:column;flex:1;gap:8px;width:100%;max-width:none;min-height:0;margin:0;padding:10px 16px;display:flex}.bar-app .service-toolbar,.bar-app footer{display:none}.bar-app .bar-toolbar{flex-shrink:0;gap:10px;min-height:42px;margin:0}.bar-app .bar-toolbar h2{margin:0;font-size:17px}.bar-app .bar-toolbar>div{gap:12px}.bar-app .bar-toolbar button{padding:8px 10px;font-size:12px}.bar-app .connection-good,.bar-app .connection-bad{font-size:11px}.bar-app .orders-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;margin:0;display:grid}.bar-app .order-card{border-radius:18px;flex-direction:column;justify-content:space-between;min-height:0;padding:13px;display:flex;overflow:hidden}.bar-app .order-top{font-size:10px}.bar-app .order-top small{white-space:nowrap;font-size:10px}.bar-app .order-main{flex:1;align-items:center;gap:8px;min-height:0;padding:6px 0}.bar-app .order-main h2{letter-spacing:.04em;margin:0 0 8px;font-size:clamp(32px,5vw,62px);line-height:1}.bar-app .order-main strong{font-size:clamp(23px,3vw,34px)}.bar-app .order-main p{margin:4px 0;font-size:11px}.bar-app .order-main .ball{flex-shrink:0;width:64px;height:64px}.bar-app .ball span{font-size:10px}.bar-app .hold{min-height:38px;margin-top:6px;padding:8px;font-size:12px}.bar-app .waiting{grid-area:1/1/-1/-1;align-self:center;min-height:0}.bar-app .bar-bottom{flex-shrink:0;align-items:stretch;gap:12px;min-height:82px;display:flex}.recent-orders{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;min-width:0;display:grid}.recent-orders>.fine{grid-column:1/-1;align-self:center}.recent-order{background:#0d131f;border:1px solid #1e293b;border-radius:12px;flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:9px;display:flex}.recent-order b{color:#94a3b8;letter-spacing:.06em;font:800 24px ui-monospace,monospace}.recent-order span{color:#94a3b8;font-size:10px;line-height:1.2}.recent-order strong{font-size:12px}.archive-button{white-space:normal;justify-content:center;gap:8px;width:155px;font-size:11px;line-height:1.5}.bar-app .paging{flex-shrink:0;gap:10px;min-height:29px;margin:0}.bar-app .paging button{padding:5px 13px;font-size:12px}.bar-app .paging span{font-size:11px}.bar-app .notice{flex-shrink:0;margin:0;padding:8px;font-size:12px}.archive-list{border:1px solid #1e293b;border-radius:16px;flex:1;min-height:0;padding:10px 18px;overflow:auto}.archive-list .ledger-row>b{color:#fbbf24;font:800 25px ui-monospace,monospace}.archive-list .ledger-row{gap:20px}.bar-app .topbar nav{flex-wrap:nowrap}.bar-app .topbar .icon{display:none}@media (width<=900px){.bar-app .brand{display:none}.bar-app .bar-toolbar>div{gap:7px}.bar-app .order-main .ball{width:48px;height:48px}.bar-app .ball span{font-size:8px}.bar-app .order-card{padding:10px}.bar-app .bar-toolbar{flex-wrap:nowrap}.bar-app .bar-toolbar .connection-good{font-size:10px}.bar-app .order-top{flex-direction:column;align-items:flex-start;gap:4px}.archive-button{width:130px}.recent-order{padding:7px}.recent-order b{font-size:20px}}@media (orientation:portrait){.bar-app .orders-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.bar-app .order-main h2{font-size:clamp(29px,7vw,50px)}.bar-app .order-main strong{font-size:24px}.bar-app .bar-toolbar h2{font-size:14px}.bar-app .bar-toolbar>div{gap:6px}.bar-app .bar-toolbar button{padding:6px;font-size:10px}.bar-app .bar-toolbar>div:first-child{display:block}.bar-app .bar-bottom{min-height:90px}.recent-order b{font-size:17px}.recent-order span{font-size:9px}.recent-order strong{font-size:10px}.archive-button{width:110px;font-size:10px}.bar-app .staff-main{gap:7px;padding:8px}.bar-app .order-top{flex-direction:row}.bar-app .hold{min-height:34px;padding:7px;font-size:11px}.bar-app .order-main h2{margin-bottom:5px}.bar-app .order-main .ball{width:46px;height:46px}}@media (width<=480px){.bar-app .order-top small,.bar-app .order-top{font-size:8px}.bar-app .order-main .ball{display:none}.bar-app .bar-toolbar button{padding:6px;font-size:9px}.bar-app .connection-good{display:none}.recent-orders{gap:3px}.recent-order{padding:4px}.recent-order b{font-size:14px}.recent-order span{font-size:8px}.archive-button{width:86px;font-size:9px}.bar-app .topbar nav button{font-size:11px}}.initial-loading{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;display:flex}.initial-loading p{color:#94a3b8;font-size:14px}.staff-auth{max-width:430px;margin:10vh auto;padding:30px}.staff-auth h1{margin:25px 0}.staff-auth form{gap:18px;display:grid}.staff-auth label{gap:8px;display:grid}.staff-auth .primary{justify-content:center}.staff-auth .fine{margin-top:24px}