.pairing-screen{min-height:100vh;padding:var(--space-4);background:radial-gradient(900px 500px at 50% -10%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 60%);justify-content:center;align-items:center;display:flex}.pairing-card{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--space-8) var(--space-6) var(--space-6);gap:var(--space-3);box-shadow:var(--shadow-lg);animation:scale-in .25s var(--ease);flex-direction:column;display:flex}@keyframes scale-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}.pairing-badge{background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary-soft));width:56px;height:56px;margin-bottom:var(--space-2);box-shadow:var(--shadow-glow);border-radius:50%;justify-content:center;align-self:center;align-items:center;font-size:1.75rem;display:flex}.pairing-card h1{text-align:center;margin:0;font-size:1.25rem}.pairing-hint{margin:0 0 var(--space-2);color:var(--color-text-muted);text-align:center;font-size:.875rem;line-height:1.5}.pairing-card label{gap:var(--space-1);color:var(--color-text-muted);flex-direction:column;font-size:.8125rem;font-weight:600;display:flex}.field-input{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);align-items:center;display:flex;overflow:hidden}.field-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent)}.field-input:before{content:attr(data-icon);width:38px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.9375rem;display:flex}.field-input input{min-width:0;padding:var(--space-3) var(--space-3) var(--space-3) 0;color:var(--color-text);background:0 0;border:none;flex:1;font-size:.9375rem}.field-input input:focus{outline:none}.pairing-card button[type=submit]{margin-top:var(--space-2);background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary-soft));color:var(--color-primary-text);border-radius:var(--radius);padding:var(--space-3);box-shadow:var(--shadow-glow);border:none;font-size:1rem;font-weight:700}.pairing-card button[type=submit]:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-1px)}.pairing-card button[type=submit]:disabled{background:var(--color-surface-hover);box-shadow:none}.pairing-secondary-link{color:var(--color-text-muted);background:0 0;border:none;align-self:center;margin-top:-4px;padding:0;font-size:.8125rem;font-weight:600}.pairing-secondary-link:hover{color:var(--color-primary)}.pairing-error{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-danger) 14%, transparent);color:var(--color-danger);margin:0;font-size:.8125rem;display:flex}.approval-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--space-4);z-index:20;background:#0a0704b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.approval-panel{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:var(--space-6);gap:var(--space-3);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.approval-header{justify-content:space-between;align-items:center;display:flex}.approval-header h2{align-items:center;gap:var(--space-2);margin:0;font-size:1rem;display:flex}.approval-header h2:before{content:"🔒";font-size:.9375rem}.approval-description{color:var(--color-text-muted);margin:0;font-size:.875rem}.approval-hint{padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--color-warning) 14%, transparent);border-radius:var(--radius-sm);color:var(--color-warning);margin:0;font-size:.8125rem}.approval-panel label{gap:var(--space-1);color:var(--color-text-muted);flex-direction:column;font-size:.875rem;display:flex}.approval-panel input{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);color:var(--color-text);font-size:1rem}.approval-error{color:var(--color-danger);margin:0;font-size:.875rem}.approval-actions{gap:var(--space-2);margin-top:var(--space-1);display:flex}.approval-actions button{border-radius:var(--radius);padding:var(--space-3);border:1px solid var(--color-border);color:var(--color-text);background:0 0;flex:1;font-weight:600}.approval-actions button.approval-confirm{background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary-soft));color:var(--color-primary-text);border:none}.inventory-panel{gap:var(--space-4);max-width:480px}.inventory-section{gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-soft);flex-direction:column;display:flex}.inventory-section:last-child{border-bottom:none;padding-bottom:0}.inventory-section h3{margin:0;font-size:.9375rem}.inventory-list{gap:var(--space-2);flex-direction:column;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.inventory-row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-alt);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);font-size:.875rem;display:flex}.inventory-name{font-weight:600}.inventory-stock{color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-left:auto}.inventory-adjust{gap:var(--space-1);display:flex}.inventory-adjust button{border:1px solid var(--color-border);background:var(--color-surface);width:26px;height:26px;color:var(--color-text);border-radius:50%;font-size:.9375rem;line-height:1}.inventory-adjust button:hover{border-color:var(--color-primary);color:var(--color-primary)}.inventory-add-form{gap:var(--space-2);display:flex}.inventory-add-form input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;padding:var(--space-2) var(--space-3);color:var(--color-text);flex:1}.inventory-add-form select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:90px}.inventory-add-form button{background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary-soft));color:var(--color-primary-text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);white-space:nowrap;border:none;flex-shrink:0;font-size:.8125rem;font-weight:700}.inventory-section>select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text)}.recipe-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.recipe-row{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--color-border-soft);font-size:.875rem;display:flex}.recipe-row:last-child{border-bottom:none}.recipe-qty{color:var(--color-text-muted);margin-left:auto}.recipe-row button{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:0 0;padding:2px 8px;font-size:.75rem}.recipe-draft{gap:var(--space-2);display:flex}.recipe-draft select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;padding:var(--space-2);color:var(--color-text);flex:1}.recipe-draft input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:80px;padding:var(--space-2);color:var(--color-text);text-align:center}.recipe-draft button{border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text-muted);white-space:nowrap;background:0 0;flex-shrink:0;font-size:.8125rem;font-weight:600}.recipe-save{background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary-soft));color:var(--color-primary-text);border-radius:var(--radius);padding:var(--space-3);border:none;font-weight:700}.recipe-save:disabled{background:var(--color-surface-hover);color:var(--color-text-muted)}.kasir-screen{flex-direction:column;min-height:100vh;display:flex}.kasir-screen--loading{color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.9375rem}.kasir-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-soft);z-index:5;display:flex;position:sticky;top:0}.sync-bar{align-items:center;gap:var(--space-3);display:flex}.sync-bar button{align-items:center;gap:var(--space-2);color:var(--color-text-muted);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);background:0 0;border-radius:999px;font-size:.8125rem;font-weight:600;display:flex}.sync-bar button:not(:disabled):hover{color:var(--color-text);border-color:var(--color-primary-soft);background:var(--color-surface-hover)}.sync-bar button:before{content:"↻";font-size:.9375rem;line-height:1;display:inline-block}.sync-bar button:disabled:before{animation:.9s linear infinite spin}.pending-payments-toggle{align-items:center;gap:var(--space-2);color:var(--color-text-muted);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);background:0 0;border-radius:999px;font-size:.8125rem;font-weight:600;display:flex}.pending-payments-toggle:hover{color:var(--color-text);border-color:var(--color-primary-soft);background:var(--color-surface-hover)}.cash-session-toggle{align-items:center;gap:var(--space-2);color:var(--color-text-muted);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);background:0 0;border-radius:999px;font-size:.8125rem;font-weight:600;display:flex}.cash-session-toggle:hover{color:var(--color-text);border-color:var(--color-primary-soft);background:var(--color-surface-hover)}.staff-badge{color:var(--color-text-muted);white-space:nowrap;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.cash-session-panel{max-width:380px}.cash-session-panel form{gap:var(--space-3);flex-direction:column;display:flex}.cash-session-panel label{gap:var(--space-1);color:var(--color-text-muted);flex-direction:column;font-size:.8125rem;font-weight:600;display:flex}.cash-session-hint{color:var(--color-text-muted);margin:0;font-size:.8125rem;line-height:1.5}.cash-session-submit{background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary-soft));color:var(--color-primary-text);border-radius:var(--radius);padding:var(--space-3);border:none;font-weight:700}.cash-session-submit:disabled{background:var(--color-surface-hover);color:var(--color-text-muted)}.cash-session-result{gap:var(--space-2);flex-direction:column;display:flex}.cash-session-result h3{margin:0;font-size:.9375rem}.cash-session-result-row{padding:var(--space-2) var(--space-3);background:var(--color-bg-alt);border-radius:var(--radius-sm);justify-content:space-between;font-size:.875rem;display:flex}.cash-session-variance--ok strong{color:var(--color-success)}.cash-session-variance--off strong{color:var(--color-danger)}.pending-payments-badge{background:var(--color-warning);color:#241804;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.6875rem;font-weight:700;display:inline-flex}.pending-payments-panel{max-width:440px}.pending-payments-list{gap:var(--space-2);flex-direction:column;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.pending-payment-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-alt);border:1px solid var(--color-border-soft);border-radius:var(--radius);display:flex}.pending-payment-info{flex-direction:column;gap:2px;display:flex}.pending-payment-order{font-size:.9375rem;font-weight:600}.pending-payment-method{color:var(--color-text-muted);font-size:.8125rem}.pending-payment-row button{background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary-soft));color:var(--color-primary-text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);border:none;flex-shrink:0;font-size:.8125rem;font-weight:700}.sync-message{color:var(--color-text-muted);font-size:.8125rem}.sync-message--error{color:var(--color-danger)}.sync-message--success{color:var(--color-success)}.order-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-success) 14%, var(--color-surface));border-bottom:1px solid color-mix(in srgb, var(--color-success) 30%, var(--color-border));animation:slide-down .25s var(--ease);flex-wrap:wrap;display:flex}.order-banner-text{align-items:baseline;gap:var(--space-1);display:flex}.print-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.print-controls button{border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);background:0 0;font-size:.8125rem;font-weight:600}.print-controls button:not(:disabled):hover{border-color:var(--color-primary);color:var(--color-primary)}.print-controls-error{color:var(--color-danger);flex-basis:100%;margin:0;font-size:.8125rem}.order-banner:before{content:"✓";background:var(--color-success);color:#10240f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:inline-flex}.order-banner>button{border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);background:0 0;margin-left:auto;font-size:.8125rem;font-weight:600}.order-banner>button:hover{border-color:var(--color-success)}.kasir-body{gap:var(--space-6);padding:var(--space-6);flex:1;grid-template-columns:1fr 360px;min-height:0;display:grid;overflow:hidden}.product-grid{gap:var(--space-6);padding-right:var(--space-2);flex-direction:column;display:flex;overflow-y:auto}.product-category h2{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-soft);font-size:.75rem;font-weight:700}.product-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.product-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius);padding:var(--space-4);gap:var(--space-2);text-align:left;color:var(--color-text);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;display:flex}.product-card:hover{background:var(--color-surface-hover);border-color:var(--color-primary-soft);box-shadow:var(--shadow-md);transform:translateY(-3px)}.product-card:active{transform:translateY(-1px)scale(.98)}.product-name{font-size:.9375rem;font-weight:600;line-height:1.3}.product-price{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 14%, transparent);padding:2px var(--space-2);border-radius:999px;font-size:.8125rem;font-weight:600}.cart-panel{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-6);min-height:0;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.cart-panel h2{margin:0 0 var(--space-4);font-size:1rem;font-weight:700}.cart-items{flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cart-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-soft);display:flex}.cart-item:last-child{border-bottom:none}.cart-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.cart-item-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.cart-item-price{color:var(--color-text-muted);font-size:.8125rem}.cart-item-qty{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.cart-item-qty span{text-align:center;font-variant-numeric:tabular-nums;min-width:1.25em;font-weight:600}.cart-item-qty button{border:1px solid var(--color-border);background:var(--color-surface);width:28px;height:28px;color:var(--color-text);border-radius:50%;font-size:1rem;line-height:1}.cart-item-qty button:hover{border-color:var(--color-primary);color:var(--color-primary)}.void-item-button{border-radius:var(--radius-sm);width:auto;height:28px;padding:0 var(--space-2);border:1px solid var(--color-border);color:var(--color-text-muted);margin-left:var(--space-1);background:0 0;font-size:.75rem;font-weight:600}.void-item-button:hover{border-color:var(--color-danger);color:var(--color-danger)}.discount-section{padding-top:var(--space-2)}.discount-open-button{border:1px dashed var(--color-border);border-radius:var(--radius-sm);width:100%;padding:var(--space-2);color:var(--color-text-muted);background:0 0;font-size:.8125rem;font-weight:600}.discount-open-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.discount-applied{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) 12%, transparent);font-size:.8125rem;display:flex}.discount-applied button{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--space-2);color:var(--color-text-muted);background:0 0;font-size:.75rem}.discount-form{gap:var(--space-3);padding:var(--space-3);margin-top:var(--space-2);background:var(--color-bg-alt);border:1px solid var(--color-border-soft);border-radius:var(--radius);animation:scale-in .15s var(--ease);flex-direction:column;display:flex}.discount-form-fields{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);display:flex;overflow:hidden}.discount-form-fields input{min-width:0;padding:var(--space-2) var(--space-3);color:var(--color-text);background:0 0;border:none;flex:1;font-size:1rem;font-weight:600}.discount-form-fields select{border:none;border-left:1px solid var(--color-border);padding:var(--space-2) 26px var(--space-2) var(--space-2);color:var(--color-primary-strong);background-color:#0000;border-radius:0;width:64px;font-weight:700}.discount-form-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.discount-form-actions button{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0;font-size:.8125rem;font-weight:600}.discount-form-actions button.discount-form-submit{background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary-soft));color:var(--color-primary-text);border:none}.discount-form-actions button.discount-form-submit:disabled{background:var(--color-surface-hover);color:var(--color-text-muted)}.cart-total{padding:var(--space-4);margin:var(--space-3) 0;border-radius:var(--radius);background:color-mix(in srgb, var(--color-primary) 10%, transparent);justify-content:space-between;align-items:baseline;display:flex}.cart-total span{color:var(--color-text-muted);font-size:.875rem}.cart-total strong{color:var(--color-primary-strong);font-size:1.375rem}.checkout-button{background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary-soft));color:var(--color-primary-text);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-glow);border:none;font-size:1rem;font-weight:700}.checkout-button:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-1px)}.checkout-button:disabled{background:var(--color-surface-hover);box-shadow:none}.split-bill-button{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius);padding:var(--space-2);background:0 0;font-size:.8125rem;font-weight:600}.split-bill-button:not(:disabled):hover{border-color:var(--color-primary);color:var(--color-primary)}.split-bill-panel{gap:var(--space-4);max-width:460px}.split-bill-even{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-alt);border:1px solid var(--color-border-soft);border-radius:var(--radius);display:flex}.split-bill-even label{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.8125rem;display:flex}.split-bill-even input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:52px;padding:var(--space-1) var(--space-2);color:var(--color-text);text-align:center}.split-bill-even button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-left:auto;font-size:.8125rem;font-weight:600}.split-bill-group{border:1px solid var(--color-border-soft);border-radius:var(--radius);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.split-bill-group-header{justify-content:space-between;align-items:baseline;display:flex}.split-bill-group-header h3{margin:0;font-size:.9375rem}.split-bill-group-header strong{color:var(--color-primary-strong)}.split-bill-units{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.split-bill-unit{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--color-border-soft);font-size:.875rem;display:flex}.split-bill-unit:last-child{border-bottom:none}.split-bill-unit-price{color:var(--color-text-muted);margin-left:auto}.split-bill-unit-move{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:.75rem;display:flex}.split-bill-unit-move input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:44px;padding:2px var(--space-1);color:var(--color-text);text-align:center}.split-bill-pay{background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary-soft));color:var(--color-primary-text);border-radius:var(--radius-sm);padding:var(--space-2);border:none;font-size:.875rem;font-weight:700}.split-bill-pay:disabled{background:var(--color-surface-hover);color:var(--color-text-muted)}.split-bill-done{text-align:center;color:var(--color-success);margin:0;font-weight:600}.split-bill-completed{gap:var(--space-2);flex-direction:column;display:flex}.split-bill-completed h3{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0;font-size:.8125rem}.split-bill-completed-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--color-success) 10%, transparent);border-radius:var(--radius-sm);flex-wrap:wrap;font-size:.875rem;display:flex}.empty-state{color:var(--color-text-muted);text-align:center;padding:var(--space-6) var(--space-3);font-size:.875rem}.checkout-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--space-4);z-index:10;animation:fade-in .15s var(--ease);background:#0a0704a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.checkout-panel{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--space-6);gap:var(--space-4);max-height:90vh;box-shadow:var(--shadow-lg);animation:scale-in .2s var(--ease);flex-direction:column;display:flex;overflow-y:auto}.checkout-header{justify-content:space-between;align-items:center;display:flex}.checkout-header h2{margin:0;font-size:1.0625rem}.close-button{color:var(--color-text-muted);padding:var(--space-1);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.375rem;line-height:1;display:flex}.close-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.checkout-total{text-align:center;color:var(--color-primary-strong);letter-spacing:-.02em;margin:0;font-size:2.25rem;font-weight:700}.checkout-discount-note{text-align:center;color:var(--color-primary);margin:-8px 0 0;font-size:.8125rem}.split-toggle{align-items:center;gap:var(--space-2);color:var(--color-text-muted);cursor:pointer;font-size:.8125rem;display:flex}.split-payment{gap:var(--space-3);flex-direction:column;display:flex}.split-row{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-alt);border:1px solid var(--color-border-soft);border-radius:var(--radius);flex-direction:column;display:flex}.split-row-fields{align-items:center;gap:var(--space-2);display:flex}.split-row-group{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.split-row-group select{border:none;border-right:1px solid var(--color-border);padding:var(--space-2) 26px var(--space-2) var(--space-2);color:var(--color-text);background-color:#0000;border-radius:0;flex-shrink:0;width:92px}.split-row-currency{padding-left:var(--space-2);color:var(--color-text-muted);font-size:.875rem;font-weight:600}.split-row-group input{min-width:0;padding:var(--space-2);color:var(--color-text);background:0 0;border:none;flex:1;font-weight:600}.split-row-remove{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-muted);background:0 0;border-radius:50%;flex-shrink:0;font-size:1rem;line-height:1}.split-row-remove:hover{border-color:var(--color-danger);color:var(--color-danger)}.split-row .qris-display--split{padding:var(--space-3)}.split-row .qris-display--split img{width:140px;height:140px}.split-add{border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--color-text-muted);background:0 0;font-size:.8125rem;font-weight:600}.split-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.split-remaining{text-align:center;color:var(--color-warning);margin:0;font-size:.875rem;font-weight:600}.split-remaining--ok{color:var(--color-success)}.payment-methods{gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-alt);border-radius:var(--radius);border:1px solid var(--color-border-soft);display:flex}.payment-methods button{border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text-muted);background:0 0;border:none;flex:1;font-size:.9375rem;font-weight:600}.payment-methods button:not(:disabled):hover{color:var(--color-text)}.payment-methods button.active{background:var(--color-surface);color:var(--color-primary-strong);box-shadow:var(--shadow-sm)}.qris-display{align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-border-soft);border-radius:var(--radius);flex-direction:column;display:flex}.qris-display img{width:200px;height:200px;padding:var(--space-2);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background:#fff}.qris-hint{color:var(--color-text-muted);max-width:32ch;margin:0;font-size:.8125rem}.checkout-error{color:var(--color-danger);text-align:center;margin:0;font-size:.875rem}.confirm-button{background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary-soft));color:var(--color-primary-text);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-glow);border:none;font-size:1rem;font-weight:700}.confirm-button:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-1px)}.confirm-button:disabled{background:var(--color-surface-hover);box-shadow:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.sync-bar button:disabled:before,.order-banner,.checkout-overlay,.checkout-panel,.product-card,.checkout-button,.confirm-button{transition:none;animation:none}}.owner-back-link{color:var(--color-text-muted);margin-bottom:var(--space-2);background:0 0;border:none;align-self:flex-start;padding:0;font-size:.8125rem;font-weight:600}.owner-back-link:hover{color:var(--color-primary)}.owner-card{max-width:440px}.owner-note{padding:var(--space-3);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:var(--radius-sm);color:var(--color-text-muted);margin:0;font-size:.8125rem;line-height:1.5}.owner-note code,.pairing-hint code{background:var(--color-bg-alt);color:var(--color-primary-strong);border-radius:4px;padding:1px 5px;font-size:.8125rem}.owner-error{color:var(--color-danger);margin:0;font-size:.8125rem}.invite-staff-form{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-border-soft);border-radius:var(--radius);flex-direction:column;display:flex}.invite-staff-form h2{margin:0;font-size:.9375rem}.invite-staff-form form{gap:var(--space-3);flex-direction:column;display:flex}.invite-staff-form label{gap:var(--space-1);color:var(--color-text-muted);flex-direction:column;font-size:.8125rem;font-weight:600;display:flex}.invite-staff-form select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);color:var(--color-text)}.invite-staff-form button[type=submit]{background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary-soft));color:var(--color-primary-text);border-radius:var(--radius);padding:var(--space-3);border:none;font-weight:700}.invite-result{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-soft);flex-direction:column;display:flex}.invite-result p{color:var(--color-text-muted);margin:0;font-size:.8125rem}.invite-link{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;padding:var(--space-2);color:var(--color-text);font-family:monospace;font-size:.8125rem}.invite-result-actions{align-items:center;gap:var(--space-3);display:flex}.invite-result-actions button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:.8125rem;font-weight:600}.invite-expiry{color:var(--color-text-muted);font-size:.75rem}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#17120d;--color-bg-alt:#1d1611;--color-surface:#241b14;--color-surface-hover:#2d2118;--color-surface-raised:#2a1f17;--color-border:#3c2d20;--color-border-soft:#2f241a;--color-text:#f4ead9;--color-text-muted:#b3a08a;--color-primary:#e0a64c;--color-primary-strong:#f0b95f;--color-primary-soft:#a97a34;--color-primary-text:#201404;--color-success:#7cb87a;--color-danger:#e2735a;--color-warning:#eab86c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 20px -6px #00000073;--shadow-lg:0 20px 45px -12px #0000008c;--shadow-glow:0 0 0 1px #e0a64c40, 0 8px 24px -8px #e0a64c59;--font-sans:"Segoe UI", system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-sans);background:radial-gradient(1100px 520px at 12% -10%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 60%), var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3{font-family:var(--font-sans);letter-spacing:-.01em}button{cursor:pointer;transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease);font-family:inherit}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,[role=radio]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input{font-family:inherit}select{appearance:none;padding:var(--space-2) 30px var(--space-2) var(--space-3);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23b3a08a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;font-family:inherit;font-size:.875rem}input[type=number]{font-variant-numeric:tabular-nums}.switch{flex-shrink:0;align-items:center;width:38px;height:22px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch-track{background:var(--color-border);transition:background-color .15s var(--ease);border-radius:999px;position:absolute;inset:0}.switch-track:before{content:"";background:var(--color-text);width:18px;height:18px;transition:transform .18s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:var(--color-primary-soft)}.switch input:checked+.switch-track:before{background:var(--color-primary-text);transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--color-primary);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-soft)}.app-loading,.app-fatal-error{min-height:100vh;padding:var(--space-4);text-align:center;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.app-fatal-error{color:var(--color-danger)}