:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:240 10% 4%;--foreground:0 0% 98%;--card:240 10% 6%;--card-foreground:0 0% 98%;--popover:240 10% 6%;--popover-foreground:0 0% 98%;--primary:239 84% 67%;--primary-foreground:0 0% 100%;--primary-hover:234 89% 74%;--primary-solid:243 75% 59%;--primary-solid-hover:239 84% 62%;--secondary:240 10% 12%;--secondary-foreground:0 0% 98%;--muted:240 10% 12%;--muted-foreground:240 5% 70%;--accent:240 10% 12%;--accent-foreground:0 0% 98%;--destructive:350 89% 60%;--destructive-foreground:0 0% 100%;--border:240 10% 16%;--border-subtle:240 10% 12%;--input:240 10% 16%;--ring:239 84% 67%;--success:152 60% 40%;--success-foreground:0 0% 100%;--warning:35 90% 50%;--warning-foreground:0 0% 100%;--info:217 90% 60%;--info-foreground:0 0% 100%;--success-text:160 64% 52%;--warning-text:43 96% 56%;--destructive-text:351 95% 71%;--primary-text:234 89% 74%;--radius-sm:.5rem;--radius:.75rem;--radius-md:1rem;--radius-lg:1.25rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-xs:0 2px 4px #0003;--shadow-card:0 8px 30px #0006, 0 4px 10px #0003;--shadow-md:0 12px 40px #00000080, 0 4px 15px #0000004d;--shadow-elevated:0 20px 50px #0009, 0 10px 20px #0006;--shadow-overlay:0 30px 60px #000000b3, 0 0 0 1px #ffffff0d;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--touch-target:44px;--header-height:64px}*{box-sizing:border-box;border-color:hsl(var(--border));-webkit-tap-highlight-color:transparent;margin:0;padding:0}button,[role=button],.product-card,.numpad-key{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true],p{-webkit-user-select:text;user-select:text}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-sans);font-size:var(--text-sm);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100dvh;line-height:1.5;overflow:hidden}#root{width:100%;height:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed}h1,h2,h3{font-weight:600;line-height:1.25}::selection{background:hsl(var(--primary) / .22);color:hsl(var(--foreground))}:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.activation-screen{background:radial-gradient(circle at 50% 0%, hsl(var(--primary) / .18), transparent 55%), hsl(var(--background));justify-content:center;align-items:center;width:100%;min-height:100%;padding:24px;display:flex;overflow-y:auto}.activation-panel{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-elevated);padding:40px}@media (width<=560px),(height<=760px){.activation-screen{align-items:flex-start;padding:16px}.activation-panel{padding:24px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--muted));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .6)}.pos-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.btn{min-height:var(--touch-target);border-radius:var(--radius);font-size:var(--text-sm);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:hsl(var(--primary-solid));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-xs)}.btn-primary:hover{background:hsl(var(--primary-solid-hover))}.btn-secondary{background:hsl(var(--card));border-color:hsl(var(--border));color:hsl(var(--foreground));box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:hsl(var(--muted))}.btn-ghost{color:hsl(var(--muted-foreground))}.btn-ghost:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.btn-danger{background:hsl(var(--card));border-color:hsl(var(--destructive) / .35);color:hsl(var(--destructive-text));box-shadow:var(--shadow-xs)}.btn-danger:hover{background:hsl(var(--destructive) / .08)}.btn-sm{border-radius:var(--radius-sm);min-height:36px;padding:0 12px}.btn-lg{min-height:48px;font-size:var(--text-base);padding:0 20px}.btn-block{width:100%}.btn-icon{width:var(--touch-target);min-width:var(--touch-target);height:var(--touch-target);flex-shrink:0;padding:0}.numpad-key{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);min-height:48px;font-size:var(--text-xl);color:hsl(var(--foreground));justify-content:center;align-items:center;font-weight:600;transition:background-color .1s,transform .1s;display:flex}.numpad-key:hover{background:hsl(var(--accent));border-color:hsl(var(--muted-foreground) / .4)}.numpad-key:active{background:hsl(var(--primary-solid));border-color:hsl(var(--primary-solid));color:hsl(var(--primary-foreground));transform:scale(.96)}.numpad-key-text{font-size:var(--text-base)}.numpad-key-danger{color:hsl(var(--destructive-text))}.input-control{width:100%;min-height:var(--touch-target);background:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:var(--radius);color:hsl(var(--foreground));font-size:var(--text-base);outline:none;padding:10px 16px;transition:border-color .15s,box-shadow .15s}.input-control::placeholder{color:hsl(var(--muted-foreground))}.input-control:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring) / .25)}.input-control[aria-invalid=true]{border-color:hsl(var(--destructive))}.field-label{font-size:var(--text-xs);color:hsl(var(--muted-foreground));margin-bottom:6px;font-weight:600;display:block}.field-hint{font-size:var(--text-xs);color:hsl(var(--muted-foreground));margin-top:6px;line-height:1.5}.field-error{font-size:var(--text-sm);color:hsl(var(--destructive-text));align-items:center;gap:8px;margin-top:8px;display:flex}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:4px;padding:3px 8px;font-weight:600;line-height:1.3;display:inline-flex}.badge-neutral{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.badge-primary{background:hsl(var(--primary) / .15);border-color:hsl(var(--primary) / .3);color:hsl(var(--primary-text))}.badge-success{background:hsl(var(--success) / .15);border-color:hsl(var(--success) / .3);color:hsl(var(--success-text))}.badge-warning{background:hsl(var(--warning) / .15);border-color:hsl(var(--warning) / .3);color:hsl(var(--warning-text))}.badge-danger{background:hsl(var(--destructive) / .15);border-color:hsl(var(--destructive) / .3);color:hsl(var(--destructive-text))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse-bulb{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.15)}}.bulb{border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite pulse-bulb}.bulb-online{background-color:hsl(var(--success-text));box-shadow:0 0 8px hsl(var(--success) / .8)}.bulb-offline{background-color:hsl(var(--warning-text));box-shadow:0 0 8px hsl(var(--warning) / .8)}.toast{font-size:var(--text-sm);border-left-width:3px;align-items:flex-start;gap:10px;font-weight:500;line-height:1.4;display:flex}.toast-message{white-space:pre-line;overflow-wrap:anywhere;flex:1;min-width:0;padding:2px 0}.toast-close{border-radius:var(--radius-sm);width:32px;height:32px;color:hsl(var(--muted-foreground));flex-shrink:0;justify-content:center;align-items:center;margin:-6px -8px -6px 0;display:inline-flex}.toast-close:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.update-banner{z-index:9999;background:hsl(var(--card));border:1px solid hsl(var(--primary) / .4);border-left:3px solid hsl(var(--primary));border-radius:var(--radius);max-width:min(100% - 32px,480px);box-shadow:var(--shadow-elevated);color:hsl(var(--foreground));font-size:var(--text-sm);align-items:center;gap:12px;padding:10px 12px 10px 16px;font-weight:500;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.update-banner-reload{border-radius:var(--radius-sm);background:hsl(var(--primary-solid));min-height:36px;color:hsl(var(--primary-foreground));white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;font-weight:600;display:inline-flex}.update-banner-reload:hover{background:hsl(var(--primary-solid-hover))}@media print{body *{visibility:hidden}#print-receipt-iframe,#print-receipt-iframe *{visibility:visible}#print-receipt-iframe{width:100%;position:absolute;top:0;left:0}}.thermal-ticket{color:#000;width:80mm;max-width:100%;box-shadow:var(--shadow-md);font-family:Courier New,Courier,monospace;font-size:var(--text-xs);background:#fff;border-radius:2px;margin:0 auto;padding:4mm;line-height:1.4}.thermal-ticket .center{text-align:center}.thermal-ticket .title{font-size:var(--text-base);margin-bottom:2mm;font-weight:700}.thermal-ticket .muted{color:#454545}.thermal-ticket .separator{border-top:1px dashed #000;margin:3mm 0}.thermal-ticket .item-line{justify-content:space-between;gap:8px;display:flex}.thermal-ticket .total-line{justify-content:space-between;font-weight:700;display:flex}.thermal-ticket .section-title{margin-bottom:4px;font-weight:700}.thermal-ticket .footer{margin-top:12px}.screen-loading{background:hsl(var(--background));width:100%;height:100%;color:hsl(var(--muted-foreground));font-size:var(--text-sm);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.screen-loading .icon-primary{color:hsl(var(--primary))}.brand{align-items:center;gap:10px;display:flex}.brand-mark{border-radius:var(--radius-sm);background:hsl(var(--primary-solid));width:36px;height:36px;color:hsl(var(--primary-foreground));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.brand-mark-lg{border-radius:var(--radius);width:56px;height:56px;box-shadow:var(--shadow-card)}.brand-name{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:700}.brand-name-lg{letter-spacing:-.02em;font-size:36px}.brand-accent{color:hsl(var(--primary-text))}.activation-brand{text-align:center;margin-bottom:32px}.activation-brand .brand-mark{margin-bottom:16px}.activation-title{font-size:var(--text-2xl);font-weight:700}.activation-subtitle{font-size:var(--text-sm);color:hsl(var(--muted-foreground));margin-top:6px}.activation-card{border:1px solid hsl(var(--primary) / .25);border-radius:var(--radius-md);background:hsl(var(--primary) / .08);margin-bottom:24px;padding:24px}.activation-card-title{font-size:var(--text-base);align-items:center;gap:10px;margin-bottom:12px;font-weight:600;display:flex}.activation-card-title .icon-warning{color:hsl(var(--warning-text))}.activation-help{font-size:var(--text-sm);color:hsl(var(--muted-foreground));margin:0 0 20px;line-height:1.6}.activation-help strong{color:hsl(var(--foreground))}.token-input{font-family:var(--font-mono);font-size:var(--text-xs);resize:vertical;color:hsl(var(--success-text));line-height:1.5}.field-group{margin-top:16px}.pin-input{font-size:var(--text-base);letter-spacing:.35em}.pin-input::placeholder{letter-spacing:normal}.activation-footnote{font-size:var(--text-xs);color:hsl(var(--muted-foreground));justify-content:center;align-items:center;gap:6px;margin-top:20px;display:flex}.activation-revoked{border:1px solid hsl(var(--destructive) / .35);border-radius:var(--radius);background:hsl(var(--destructive) / .12);color:hsl(var(--destructive-text));font-size:var(--text-sm);align-items:flex-start;gap:8px;margin-bottom:20px;padding:10px 12px;line-height:1.5;display:flex}.activation-revoked svg{flex-shrink:0;margin-top:2px}.login-screen{background:hsl(var(--background));width:100%;height:100%;display:flex}.login-hero{border-right:1px solid hsl(var(--border));background:radial-gradient(circle at 30% 20%, hsl(var(--primary) / .22), transparent 60%), hsl(var(--card));flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-hero .brand{gap:14px;margin-bottom:24px}.login-tagline{max-width:400px;font-size:var(--text-lg);text-align:center;color:hsl(var(--muted-foreground));line-height:1.6}.login-side{flex-direction:column;flex:1.2;justify-content:center;align-items:center;padding:40px;display:flex;overflow-y:auto}.login-panel{width:100%;max-width:460px;padding:32px}.login-title{font-size:var(--text-xl);text-align:center;margin-bottom:20px}.login-title-compact{margin-bottom:6px}.login-subtitle{font-size:var(--text-sm);text-align:center;color:hsl(var(--muted-foreground));margin-bottom:20px}.cashier-list{flex-direction:column;gap:12px;display:flex}.cashier-row{align-items:center;gap:8px;display:flex}.cashier-row .cashier-option{flex:1;min-width:0}.add-cashier-btn{margin-top:12px}.cashier-option{text-align:left;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-md);width:100%;min-height:72px;color:hsl(var(--foreground));justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;transition:border-color .15s,background-color .15s;display:flex}.cashier-option:hover{background:hsl(var(--muted));border-color:hsl(var(--primary) / .5)}.cashier-option-main{align-items:center;gap:16px;display:flex}.cashier-avatar{background:hsl(var(--primary) / .15);width:44px;height:44px;color:hsl(var(--primary-text));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cashier-name{font-size:var(--text-base);font-weight:600;display:block}.cashier-meta{font-size:var(--text-xs);color:hsl(var(--muted-foreground));display:block}.cashier-option .icon-muted{color:hsl(var(--muted-foreground))}.login-footer{margin-top:24px}.back-link{margin-bottom:16px;padding-left:8px;padding-right:12px}.pin-panel:focus{outline:none}.pin-dots{justify-content:center;gap:16px;margin-bottom:24px;display:flex}.pin-dot{border:2px solid hsl(var(--primary));background:0 0;border-radius:50%;width:18px;height:18px;transition:background-color .1s,box-shadow .1s}.pin-dot-filled{background:hsl(var(--primary-solid));box-shadow:0 0 12px hsl(var(--primary) / .5)}.pin-error{font-size:var(--text-sm);text-align:center;color:hsl(var(--destructive-text));margin-bottom:16px;font-weight:500}.pin-pad{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.pin-pad .btn{min-height:48px}.login-help{font-size:var(--text-xs);text-align:center;color:hsl(var(--muted-foreground));margin-top:16px}.terminal{flex-direction:column;width:100%;height:100%;display:flex}.terminal-header{height:var(--header-height);background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex}.storage-banner{background:hsl(var(--warning) / .12);border-bottom:1px solid hsl(var(--warning) / .3);color:hsl(var(--warning-text));font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:6px 16px;font-weight:500;display:flex}.storage-banner svg{flex-shrink:0}.header-group{align-items:center;gap:12px;min-width:0;display:flex}.status-pill{border:1px solid hsl(var(--border));border-radius:var(--radius-full);background:hsl(var(--muted) / .6);min-height:36px;font-size:var(--text-xs);color:hsl(var(--muted-foreground));align-items:center;gap:8px;padding:0 12px;font-weight:500;display:inline-flex}.sync-pill{border-radius:var(--radius-full);min-height:36px;font-size:var(--text-xs);border:1px solid #0000;align-items:center;gap:6px;padding:0 12px;font-weight:600;transition:background-color .15s;display:inline-flex}.sync-pill-count{display:none}.sync-pill-ok{background:hsl(var(--success) / .15);border-color:hsl(var(--success) / .3);color:hsl(var(--success-text))}.sync-pill-ok:hover{background:hsl(var(--success) / .25)}.sync-pill-pending{background:hsl(var(--warning) / .15);border-color:hsl(var(--warning) / .3);color:hsl(var(--warning-text))}.sync-pill-pending:hover{background:hsl(var(--warning) / .25)}.cashier-info{text-align:right;min-width:0}.cashier-info-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.cashier-info-meta{font-size:var(--text-xs);color:hsl(var(--muted-foreground))}.pos-layout{flex:1;width:100%;display:flex;overflow:hidden}.pos-zone{flex-direction:column;min-width:0;display:flex;overflow:hidden}.pos-zone-left{border-right:1px solid hsl(var(--border));background:hsl(var(--background));flex:1.3}.pos-zone-center{border-right:1px solid hsl(var(--border));background:hsl(var(--card));flex:1.1}.pos-zone-right{background:hsl(var(--card));flex:1.1;overflow-y:auto}.catalog-search{border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));padding:16px}.search-field{position:relative}.search-icon{color:hsl(var(--muted-foreground));pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-field .input-control{padding-left:42px}.category-bar{border-bottom:1px solid hsl(var(--border));flex-shrink:0;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.chip{border:1px solid hsl(var(--border));border-radius:var(--radius-full);background:hsl(var(--card));min-height:40px;color:hsl(var(--foreground));font-size:var(--text-sm);white-space:nowrap;justify-content:center;align-items:center;padding:0 16px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.chip:hover{background:hsl(var(--muted))}.chip[aria-pressed=true]{background:hsl(var(--primary-solid));border-color:hsl(var(--primary-solid));color:hsl(var(--primary-foreground))}.product-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:12px;padding:16px;display:grid;overflow-y:auto}.product-card{text-align:left;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-md);min-height:140px;color:hsl(var(--foreground));box-shadow:var(--shadow-xs);flex-direction:column;justify-content:space-between;gap:8px;padding:12px;transition:transform .1s cubic-bezier(.4,0,.2,1),border-color .15s,background-color .15s;display:flex}.product-card:hover{border-color:hsl(var(--primary) / .5);background:hsl(var(--muted))}.product-card:active{transform:scale(.97)}.product-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:4px 6px;display:flex}.product-category{border-radius:var(--radius-full);background:hsl(var(--muted));min-width:0;max-width:100%;color:hsl(var(--muted-foreground));font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;padding:2px 8px;font-weight:600;display:inline-block;overflow:hidden}.product-category[style*=--category-color]{background:color-mix(in srgb, var(--category-color) 18%, hsl(var(--card)));color:color-mix(in srgb, var(--category-color) 55%, hsl(var(--foreground)))}.product-name{font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:600;line-height:1.3}.product-price{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.product-price-value{font-size:var(--text-base);color:hsl(var(--success-text));font-weight:700}.product-price-unit{font-size:var(--text-xs);color:hsl(var(--muted-foreground))}.catalog-empty{text-align:center;color:hsl(var(--muted-foreground));font-size:var(--text-sm);grid-column:1/-1;padding:32px 16px}.panel-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex}.panel-title{font-size:var(--text-base);align-items:center;gap:8px;font-weight:600;display:flex}.panel-title .icon-primary{color:hsl(var(--primary-text))}.cart-list{flex:1;padding:8px;overflow-y:auto}.cart-list ul{list-style:none}.empty-state{text-align:center;height:100%;color:hsl(var(--muted-foreground));flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.empty-state p{font-size:var(--text-sm);font-weight:500}.cart-item{background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;display:flex}.cart-item-body{flex:1;min-width:0}.cart-item-name{font-size:var(--text-sm);overflow-wrap:anywhere;margin-bottom:2px;font-weight:600}.cart-item-price{font-size:var(--text-xs);color:hsl(var(--muted-foreground));font-weight:500}.qty-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.qty-value{min-width:28px;font-size:var(--text-base);text-align:center;font-weight:700}.totals{border-top:1px solid hsl(var(--border));background:hsl(var(--background));padding:16px 20px}.totals-row{font-size:var(--text-sm);color:hsl(var(--muted-foreground));justify-content:space-between;margin-bottom:8px;display:flex}.totals-total{border-top:1px solid hsl(var(--border));font-size:var(--text-lg);justify-content:space-between;align-items:baseline;padding-top:12px;font-weight:700;display:flex}.totals-amount{font-size:var(--text-2xl);color:hsl(var(--success-text))}.checkout-section{border-bottom:1px solid hsl(var(--border));padding:10px 16px}.checkout-main{flex-direction:column;flex:1;justify-content:space-between;gap:8px;padding:10px 16px 16px;display:flex}.payment-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.payment-option{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--muted));min-height:52px;color:hsl(var(--foreground));font-size:var(--text-xs);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-weight:600;transition:background-color .15s,border-color .15s;display:flex}.payment-option:hover{background:hsl(var(--accent))}.payment-option[aria-pressed=true]{background:hsl(var(--primary-solid));border-color:hsl(var(--primary-solid));color:hsl(var(--primary-foreground))}.cash-panel{flex-direction:column;flex:1;display:flex}.amount-row{gap:8px;margin-bottom:12px;display:flex}.amount-box{flex:1;min-width:0}.amount-display{background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);font-size:var(--text-xl);text-align:right;font-variant-numeric:tabular-nums;padding:8px 12px;font-weight:700}.amount-display-success{color:hsl(var(--success-text))}.amount-unit{font-size:var(--text-xs);color:hsl(var(--muted-foreground));font-weight:500}.numpad{flex:1;grid-template-rows:repeat(4,minmax(44px,1fr));grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.numpad .numpad-key{height:100%;min-height:44px}.cash-exact{flex-shrink:0;margin-top:8px}.electronic-panel{border:1px dashed hsl(var(--border));border-radius:var(--radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;min-height:160px;padding:20px;display:flex}.electronic-panel .icon-primary{color:hsl(var(--primary-text));margin-bottom:4px}.electronic-panel-title{font-size:var(--text-sm);font-weight:600}.electronic-panel p{font-size:var(--text-xs);color:hsl(var(--muted-foreground))}.checkout-btn{min-height:56px;font-size:var(--text-base);flex-shrink:0;margin-top:8px;font-weight:700}.modal{border:1px solid hsl(var(--border));border-radius:var(--radius-md);background:hsl(var(--card));width:min(100% - 32px,420px);max-height:min(90vh,90dvh);color:hsl(var(--foreground));box-shadow:var(--shadow-overlay);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.modal::backdrop{background:hsl(var(--background) / .8);-webkit-backdrop-filter:blur(6px)}.modal-wide{width:min(100% - 32px,540px)}.modal-panel{flex-direction:column;max-height:min(90vh,90dvh);display:flex}.modal-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 16px 24px;display:flex}.modal-title{font-size:var(--text-lg);align-items:center;gap:8px;font-weight:600;display:flex}.modal-title .icon-primary{color:hsl(var(--primary-text))}.modal-body{flex:1;min-height:0;padding:24px;overflow-y:auto}.modal-description{font-size:var(--text-sm);color:hsl(var(--muted-foreground));margin-bottom:16px;line-height:1.6}.modal-footer{border-top:1px solid hsl(var(--border));flex-wrap:wrap;gap:8px;padding:16px 24px;display:flex}.modal-footer .btn-grow{flex:1}.modal-input-amount{font-size:var(--text-xl);text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.consequence-list{border-radius:var(--radius);background:hsl(var(--muted));font-size:var(--text-sm);flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;display:flex}.consequence-list div{justify-content:space-between;gap:12px;display:flex}.consequence-list strong{font-variant-numeric:tabular-nums}.receipt-paper{background:hsl(var(--muted));padding:24px}.sync-stats{border-radius:var(--radius);background:hsl(var(--muted));font-size:var(--text-sm);grid-template-columns:repeat(2,1fr);gap:8px 16px;margin-bottom:16px;padding:12px;display:grid}.sync-stats div{justify-content:space-between;gap:8px;display:flex}.sync-stats dt{color:hsl(var(--muted-foreground))}.sync-stats dd{font-variant-numeric:tabular-nums}.text-success{color:hsl(var(--success-text))}.text-warning{color:hsl(var(--warning-text))}.text-danger{color:hsl(var(--destructive-text))}.text-muted{color:hsl(var(--muted-foreground))}.sync-alert{border:1px solid hsl(var(--destructive) / .3);border-radius:var(--radius);background:hsl(var(--destructive) / .12);color:hsl(var(--destructive-text));font-size:var(--text-xs);align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;line-height:1.5;display:flex}.sync-alert svg{flex-shrink:0;margin-top:1px}.sync-log{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));min-height:150px;max-height:40vh;font-family:var(--font-mono);font-size:var(--text-xs);margin-bottom:4px;padding:12px;line-height:1.5;overflow-y:auto}.sync-log li{overflow-wrap:anywhere;margin-bottom:4px;list-style:none}.modal-section{margin-bottom:16px}.modal-section-title{font-size:var(--text-sm);color:hsl(var(--foreground));margin-bottom:8px;font-weight:600}.queue-list,.recent-list{flex-direction:column;gap:8px;max-height:40vh;list-style:none;display:flex;overflow-y:auto}.queue-item,.recent-item{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.recent-item{align-items:center}.queue-item-body,.recent-item-body{flex:1;min-width:0}.queue-item-top{font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.queue-item-top strong{font-variant-numeric:tabular-nums}.queue-item-meta{font-size:var(--text-xs);color:hsl(var(--muted-foreground))}.queue-item-items{font-size:var(--text-xs);color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.queue-item-error{font-size:var(--text-xs);color:hsl(var(--destructive-text));align-items:flex-start;gap:6px;margin-top:6px;line-height:1.4;display:flex}.queue-item-error svg{flex-shrink:0;margin-top:1px}.queue-item-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}@media (pointer:coarse){.sync-pill,.status-pill,.chip{min-height:var(--touch-target)}}@media (height<=800px){.checkout-section{padding:6px 16px}.checkout-main{padding-top:6px}.numpad-key{font-size:var(--text-lg)}.totals{padding:12px 20px}}@media (width<=1100px){.pos-layout{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.pos-zone{border-right:none;border-bottom:1px solid hsl(var(--border));flex:none;width:100%;height:100%}.pos-zone-left{border-right:1px solid hsl(var(--border));border-bottom:none;grid-area:1/1/3/2}.pos-zone-center{grid-area:1/2/2/3}.pos-zone-right{border-bottom:none;grid-area:2/2/3/3}}@media (width<=768px){.pos-layout{flex-direction:column;display:flex;overflow-y:auto}.pos-zone{border-right:none;border-bottom:1px solid hsl(var(--border));flex:none;width:100%;height:auto;min-height:50vh}.product-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.terminal-header{gap:8px;padding:0 12px}.status-pill,.cashier-info,.sync-pill-label{display:none}.sync-pill-count{display:inline}.login-screen{flex-direction:column;overflow-y:auto}.login-hero{border-right:none;border-bottom:1px solid hsl(var(--border));flex:none;padding:24px 16px}.login-tagline{display:none}.login-side{flex:none;padding:16px}.login-panel{padding:20px}.payment-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.terminal-header .brand-name{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}