.pay-dialog{background:var(--color-surface);width:100dvw;max-width:100vw;height:100dvh;max-height:100dvh;box-shadow:none;border:none;border-radius:0;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.pay-dialog__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pay-sheet{background:var(--color-surface);height:100dvh;max-height:100dvh;box-shadow:none;border:none;border-radius:0;flex-direction:column;gap:0;padding:0;display:flex}.pay-sheet:before{content:none}.pay-sheet__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pay-screen{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.pay-screen__top{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex:none;display:flex}.pay-back{width:var(--touch-min);height:var(--touch-min);border:1.5px solid var(--color-border-mid);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);flex:none;justify-content:center;align-items:center;display:inline-flex}.pay-back:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong)}.pay-back:active{transform:scale(.97)}.pay-back:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.pay-back:disabled{opacity:.4;pointer-events:none}.pay-back svg{flex:none;width:24px;height:24px;display:block}.pay-screen__context{gap:var(--space-0_5);flex-direction:column;min-width:0;display:flex}.pay-screen__order{font-size:var(--text-lg,1rem);font-weight:var(--weight-bold,700);letter-spacing:var(--tracking-tight,-.03em);color:var(--color-text-primary)}.pay-screen__customer{font-size:var(--text-sm,.813rem);font-weight:var(--weight-medium,500);color:var(--color-text-secondary)}.pay-screen__zones{justify-content:center;column-gap:var(--space-10);min-height:0;padding:var(--space-6) var(--space-8) var(--space-8);-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:minmax(0,480px) 1px minmax(0,560px);row-gap:0;display:grid;overflow-y:auto}.pay-screen__divider{background:var(--color-border);align-self:stretch;width:1px}.pay-amount{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.pay-amount__hero{gap:var(--space-1);flex-direction:column;display:flex}.pay-amount__label{font-size:var(--text-xs,.656rem);font-weight:var(--weight-semibold,600);letter-spacing:var(--tracking-caps,.08em);text-transform:uppercase;color:var(--color-text-secondary)}.pay-amount__value{font-size:var(--text-5xl,2.5rem);font-weight:var(--weight-black,800);letter-spacing:var(--tracking-tight,-.03em);line-height:var(--leading-tight,1.2);color:var(--color-text-primary);font-variant-numeric:tabular-nums;display:block}.pay-amount__deltas{gap:var(--space-3);margin:var(--space-1) 0 0;flex-wrap:wrap;display:flex}.pay-amount__delta{font-size:var(--text-sm,.813rem);font-weight:var(--weight-semibold,600);font-variant-numeric:tabular-nums}.pay-amount__delta--discount{color:var(--color-primary-700)}.pay-amount__delta--tip{color:var(--color-text-secondary)}.pay-amount__display-row{justify-content:space-between;align-items:flex-end;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-muted);display:flex}.pay-amount__given[data-target=rabatt]~.pay-amount__change,.pay-amount__given{gap:var(--space-0_5);flex-direction:column;min-width:0;display:flex}.pay-amount__given-label{font-size:var(--text-xs,.656rem);font-weight:var(--weight-semibold,600);letter-spacing:var(--tracking-caps,.08em);text-transform:uppercase;color:var(--color-text-secondary)}.pay-amount__given{border-left:4px solid var(--color-primary-500);padding-left:var(--space-3)}.pay-amount__given[data-target=rabatt]{border-left-color:var(--color-warning)}.pay-amount__given[data-target=trinkgeld]{border-left-color:var(--color-success)}.pay-amount__given[data-target=gegeben] .pay-amount__given-label,.pay-amount__given[data-target=gegeben] .pay-amount__given-value{color:var(--color-primary-700)}.pay-amount__given[data-target=rabatt] .pay-amount__given-label,.pay-amount__given[data-target=rabatt] .pay-amount__given-value{color:var(--color-warning-dark)}.pay-amount__given[data-target=trinkgeld] .pay-amount__given-label,.pay-amount__given[data-target=trinkgeld] .pay-amount__given-value{color:var(--color-success-dark)}.pay-amount__given-value{font-size:var(--text-3xl,1.625rem);font-weight:var(--weight-bold,700);letter-spacing:var(--tracking-tight,-.03em);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.pay-amount__change{align-items:flex-end;gap:var(--space-0_5);text-align:right;flex-direction:column;display:flex}.pay-amount__change-label{font-size:var(--text-xs,.656rem);font-weight:var(--weight-semibold,600);letter-spacing:var(--tracking-caps,.08em);text-transform:uppercase;color:var(--color-success-dark)}.pay-amount__change-value{font-size:var(--text-3xl,1.625rem);font-weight:var(--weight-black,800);letter-spacing:var(--tracking-tight,-.03em);color:var(--color-success-dark);font-variant-numeric:tabular-nums}.pay-amount__adjust{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.pay-adjust-tile{align-items:center;gap:var(--space-2);min-height:var(--touch-large);padding:0 var(--space-4);border:1.5px solid var(--color-border-mid);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);font-family:inherit;display:inline-flex}.pay-adjust-tile:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.pay-adjust-tile:active{transform:scale(.97)}.pay-adjust-tile:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.pay-adjust-tile:disabled{opacity:.4;pointer-events:none}.pay-adjust-tile--active,.pay-adjust-tile--active:hover{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-700);box-shadow:var(--shadow-focus)}.pay-adjust-tile--applied:not(.pay-adjust-tile--active),.pay-adjust-tile--applied:not(.pay-adjust-tile--active):hover{border-color:var(--color-primary-200);color:var(--color-primary-700)}.pay-adjust-tile--discount .pay-adjust-tile__icon{color:var(--color-warning)}.pay-adjust-tile--tip .pay-adjust-tile__icon{color:var(--color-success)}.pay-adjust-tile--discount.pay-adjust-tile--active,.pay-adjust-tile--discount.pay-adjust-tile--active:hover{border-color:var(--color-warning);background:var(--color-warning-light);color:var(--color-warning-dark);box-shadow:none}.pay-adjust-tile--tip.pay-adjust-tile--active,.pay-adjust-tile--tip.pay-adjust-tile--active:hover{border-color:var(--color-success);background:var(--color-success-light);color:var(--color-success-dark);box-shadow:none}.pay-adjust-tile--discount .pay-adjust-tile__value{color:var(--color-warning-dark)}.pay-adjust-tile--tip .pay-adjust-tile__value{color:var(--color-success-dark)}.pay-adjust-tile__icon{flex:none;justify-content:center;align-items:center;display:flex}.pay-adjust-tile__icon svg{flex:none;width:20px;height:20px;display:block}.pay-adjust-tile__label{font-size:var(--text-sm,.813rem);font-weight:var(--weight-semibold,600);white-space:nowrap}.pay-adjust-tile__value{font-size:var(--text-sm,.813rem);font-weight:var(--weight-bold,700);font-variant-numeric:tabular-nums;color:var(--color-primary-700);margin-left:auto}.pay-tender{gap:var(--space-2);flex-direction:column;display:flex}.pay-tender__chips{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.pay-chip{justify-content:center;align-items:center;gap:var(--space-0_5);min-height:var(--touch-large);min-width:0;padding:0 var(--space-2);border:1.5px solid var(--color-border-mid);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary);font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);flex-direction:column;font-family:inherit;display:flex}.pay-chip:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.pay-chip:active{transform:scale(.97)}.pay-chip:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.pay-chip:disabled{opacity:.4;pointer-events:none;box-shadow:none}.pay-chip--active,.pay-chip--active:hover{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-focus)}.pay-chip--exact{border-color:var(--color-primary-200)}.pay-chip--exact .pay-chip__caption{color:var(--color-primary-700)}.pay-chip__caption{font-size:var(--text-2xs,.594rem);font-weight:var(--weight-semibold,600);letter-spacing:var(--tracking-caps,.08em);text-transform:uppercase;color:var(--color-text-secondary)}.pay-chip--active .pay-chip__caption{color:var(--color-primary-700)}.pay-chip__value{font-size:var(--text-md,.875rem);font-weight:var(--weight-bold,700);letter-spacing:var(--tracking-tight,-.03em);color:var(--color-text-primary)}.pay-chip--active .pay-chip__value{color:var(--color-primary-700)}.pay-keypad{flex-direction:column;width:100%;display:flex}.pay-keypad__grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.pay-key{height:var(--touch-large);min-height:var(--touch-large);border:1.5px solid var(--color-border-mid);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-3xl,1.625rem);font-weight:var(--weight-bold,700);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);place-items:center;display:grid}.pay-key:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong)}.pay-key:active{transform:scale(.97)}.pay-key:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.pay-key:disabled{opacity:.4;pointer-events:none}.pay-key--clear{font-size:var(--text-2xl,1.375rem);color:var(--color-text-secondary);background:var(--color-surface-muted)}.pay-key--backspace{color:var(--color-text-secondary);background:var(--color-surface-muted)}.pay-key--backspace svg{flex:none;width:26px;height:26px;display:block}.pay-methods{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.pay-methods__heading{font-size:var(--text-lg,1rem);font-weight:var(--weight-bold,700);letter-spacing:var(--tracking-tight,-.03em);color:var(--color-text-primary);margin:0}.pay-methods__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.pay-combined-switch{align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border:1.5px solid var(--color-border-mid);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font-family:inherit;font-size:var(--text-sm,.813rem);font-weight:var(--weight-semibold,600);cursor:pointer;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);flex:none;display:inline-flex}.pay-combined-switch:hover{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-700)}.pay-combined-switch:active{transform:scale(.97)}.pay-combined-switch:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.pay-combined-switch:disabled{opacity:.4;pointer-events:none}.pay-combined-switch__icon{color:var(--color-primary-600);flex:none;display:inline-flex}.pay-combined-switch__icon svg{flex:none;width:18px;height:18px;display:block}.pay-methods__grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.pay-tile{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:112px;padding:var(--space-4);border:1.5px solid var(--color-border-mid);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text-primary);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);flex-direction:column;font-family:inherit;display:flex;position:relative}.pay-tile:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md)}.pay-tile:active{border-color:var(--color-primary-500);background:var(--color-primary-50);transform:scale(.97)}.pay-tile:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus), var(--shadow-sm);outline:none}.pay-tile:disabled{opacity:.4;pointer-events:none;box-shadow:none}.pay-tile--selected,.pay-tile--selected:hover{border:2px solid var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-focus), var(--shadow-sm)}.pay-tile__icon{border-radius:var(--radius-lg);background:var(--color-primary-50);width:56px;height:56px;color:var(--color-primary-700);transition:color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease);flex:none;justify-content:center;align-items:center;display:flex}.pay-tile:hover .pay-tile__icon{background:var(--color-primary-100)}.pay-tile--selected .pay-tile__icon,.pay-tile:active .pay-tile__icon{background:var(--color-primary-500);color:var(--color-text-on-primary)}.pay-tile__icon svg{flex:none;width:36px;height:36px;display:block}.pay-tile__label{font-size:var(--text-lg,1rem);font-weight:var(--weight-semibold,600);letter-spacing:var(--tracking-normal,-.01em);color:var(--color-text-primary);line-height:var(--leading-snug,1.35)}.pay-tile__drawer-badge{top:var(--space-2);right:var(--space-2);padding:var(--space-0_5) var(--space-2);border-radius:var(--radius-pill);background:var(--color-warning-light);color:var(--color-warning-dark);font-size:var(--text-2xs,.594rem);font-weight:var(--weight-semibold,600);letter-spacing:var(--tracking-caps,.08em);text-transform:uppercase;white-space:nowrap;position:absolute}.pay-tile__check{bottom:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-500);width:24px;height:24px;color:var(--color-text-on-primary);opacity:0;transition:opacity var(--duration-fast) var(--ease), transform var(--duration-normal) var(--ease-spring);flex:none;justify-content:center;align-items:center;display:flex;position:absolute;transform:scale(.6)}.pay-tile__check svg{flex:none;width:16px;height:16px;display:block}.pay-tile--selected .pay-tile__check{opacity:1;transform:scale(1)}.pay-options{gap:var(--space-2);margin-top:var(--space-1);flex-direction:column;display:flex}.pay-options__heading{margin:0 0 var(--space-1);font-size:var(--text-xs,.656rem);font-weight:var(--weight-semibold,600);letter-spacing:var(--tracking-caps,.08em);text-transform:uppercase;color:var(--color-text-secondary)}.pay-option-row{align-items:center;gap:var(--space-3);min-height:var(--touch-preferred);padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted);display:flex}.pay-option-row__icon{border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);flex:none;justify-content:center;align-items:center;display:flex}.pay-option-row__icon svg{flex:none;width:20px;height:20px;display:block}.pay-option-row__text{align-items:center;gap:var(--space-3);min-width:0;min-height:var(--touch-min);cursor:pointer;flex-direction:row;flex:1;align-self:stretch;display:flex}.pay-option-row__label{font-size:var(--text-md,.875rem);font-weight:var(--weight-semibold,600);color:var(--color-text-primary)}.pay-option-row__hint{font-size:var(--text-xs,.656rem);font-weight:var(--weight-regular,400);color:var(--color-text-secondary)}.pay-option-row__switch{border-radius:var(--radius-full);background:var(--color-border-mid);width:52px;height:32px;box-shadow:var(--shadow-xs);transition:background var(--duration-fast) var(--ease);border:none;flex:none;padding:2px}.pay-option-row__switch[data-state=checked]{background:var(--color-primary-500)}.pay-option-row__switch [data-slot=switch-thumb]{border-radius:var(--radius-full);background:var(--color-surface);width:28px;height:28px;box-shadow:var(--shadow-sm);transition:translate var(--duration-fast) var(--ease);transform:translate(0,0)}.pay-option-row__switch[data-state=checked] [data-slot=switch-thumb]{translate:20px}.pay-option-row__switch[data-state=unchecked] [data-slot=switch-thumb]{translate:0}.pay-split{justify-content:space-between;align-items:stretch;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-muted);display:flex}.pay-split__paid{gap:var(--space-0_5);border-left:4px solid var(--color-primary-500);min-width:0;padding-left:var(--space-3);flex-direction:column;display:flex}.pay-split__paid-label{font-size:var(--text-xs,.656rem);font-weight:var(--weight-semibold,600);letter-spacing:var(--tracking-caps,.08em);text-transform:uppercase;color:var(--color-primary-700)}.pay-split__paid-value{font-size:var(--text-2xl,1.375rem);font-weight:var(--weight-bold,700);letter-spacing:var(--tracking-tight,-.03em);color:var(--color-primary-700)}.pay-split__rest{align-items:flex-end;gap:var(--space-0_5);text-align:right;flex-direction:column;display:flex}.pay-split__rest-label{font-size:var(--text-xs,.656rem);font-weight:var(--weight-semibold,600);letter-spacing:var(--tracking-caps,.08em);text-transform:uppercase;color:var(--color-warning-dark)}.pay-split__rest-value{font-size:var(--text-4xl,1.875rem);font-weight:var(--weight-black,800);letter-spacing:var(--tracking-tighter,-.05em);color:var(--color-warning-dark)}.pay-split__rest--done .pay-split__rest-label,.pay-split__rest--done .pay-split__rest-value,.pay-split__rest--change .pay-split__rest-label,.pay-split__rest--change .pay-split__rest-value{color:var(--color-success-dark)}.pay-rest{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--touch-preferred);padding:0 var(--space-4);border:1.5px solid var(--color-primary-200);border-radius:var(--radius-lg);background:var(--color-primary-50);color:var(--color-primary-700);cursor:pointer;transition:border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);font-family:inherit;display:flex}.pay-rest:hover{border-color:var(--color-primary-300);background:var(--color-primary-100)}.pay-rest:active{transform:scale(.97)}.pay-rest:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.pay-rest:disabled{opacity:.4;pointer-events:none;box-shadow:none}.pay-rest__label{font-size:var(--text-md,.875rem);font-weight:var(--weight-semibold,600)}.pay-rest__value{font-size:var(--text-lg,1rem);font-weight:var(--weight-bold,700);letter-spacing:var(--tracking-tight,-.03em)}.pay-amount__keypad-hint{font-size:var(--text-sm,.813rem);font-weight:var(--weight-medium,500);color:var(--color-text-secondary);margin:0}.pay-amount__keypad-hint strong{font-weight:var(--weight-bold,700);color:var(--color-primary-700)}.pay-methods__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.pay-methods__sub{font-size:var(--text-sm,.813rem);font-weight:var(--weight-regular,400);line-height:var(--leading-snug,1.35);color:var(--color-text-secondary);margin:0}.pay-backlink--inline{gap:var(--space-1_5);min-height:var(--touch-min);padding:0 var(--space-3)}.pay-backlink__icon{flex:none;justify-content:center;align-items:center;display:flex}.pay-backlink__icon svg{flex:none;width:18px;height:18px;display:block}.pay-alloc-list{gap:var(--space-2);flex-direction:column;display:flex}.pay-alloc{align-items:center;gap:var(--space-3);min-height:var(--touch-large);width:100%;padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-border-mid);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-xs);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);font-family:inherit;display:flex}.pay-alloc:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.pay-alloc:active{border-color:var(--color-primary-500);background:var(--color-primary-50);transform:scale(.99)}.pay-alloc:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus), var(--shadow-xs);outline:none}.pay-alloc:disabled{opacity:.4;pointer-events:none;box-shadow:none}.pay-alloc--active,.pay-alloc--active:hover{border:2px solid var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-focus), var(--shadow-sm)}.pay-alloc--filled:not(.pay-alloc--active){border-color:var(--color-success)}.pay-alloc__icon{border-radius:var(--radius-md);background:var(--color-primary-50);width:44px;height:44px;color:var(--color-primary-700);transition:color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease);flex:none;justify-content:center;align-items:center;display:flex}.pay-alloc--active .pay-alloc__icon{background:var(--color-primary-500);color:var(--color-text-on-primary)}.pay-alloc__icon svg{flex:none;width:28px;height:28px;display:block}.pay-alloc__label{min-width:0;font-size:var(--text-lg,1rem);font-weight:var(--weight-semibold,600);letter-spacing:var(--tracking-normal,-.01em);color:var(--color-text-primary);flex:1}.pay-alloc__amount{font-size:var(--text-2xl,1.375rem);font-weight:var(--weight-bold,700);letter-spacing:var(--tracking-tight,-.03em);color:var(--color-text-secondary);flex:none}.pay-alloc--filled .pay-alloc__amount{color:var(--color-success-dark)}.pay-alloc--active .pay-alloc__amount{color:var(--color-primary-700)}.pay-finish{gap:var(--space-2);z-index:1;padding-top:var(--space-3);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-surface);border-top:1px solid var(--color-border);flex-direction:column;margin-top:auto;display:flex;position:sticky;bottom:0}.pay-finish__open{text-align:center;font-size:var(--text-sm,.813rem);font-weight:var(--weight-semibold,600);font-variant-numeric:tabular-nums;color:var(--color-warning-dark);margin:0}.pay-confirm--block{flex:none;width:100%}.pay-cancel{min-height:var(--touch-min);min-width:var(--touch-min);padding:0 var(--space-4);border:1.5px solid var(--color-border-mid);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-family:inherit;font-size:var(--text-sm,.813rem);font-weight:var(--weight-semibold,600);cursor:pointer;transition:border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);background:0 0;justify-content:center;align-items:center;display:inline-flex}.pay-cancel:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted);color:var(--color-text-primary)}.pay-cancel:active{transform:scale(.97)}.pay-cancel:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.pay-cancel:disabled{opacity:.4;pointer-events:none}.pay-overlay{z-index:1;background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(4px);border-radius:inherit;flex-direction:column;display:flex;position:absolute;inset:0}.pay-step{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.pay-step__scroll{justify-content:center;align-items:center;gap:var(--space-4);width:100%;max-width:560px;min-height:0;padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;margin:0 auto;display:flex;overflow-y:auto}.pay-step__scroll--top{justify-content:flex-start}.pay-step__actions{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;max-width:560px;padding:var(--space-4) var(--space-6);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-surface);flex-direction:row;flex:none;margin:0 auto;display:flex}.pay-confirm{min-height:var(--touch-large);padding:0 var(--space-6);border-radius:var(--radius-lg);background:var(--color-primary-700);color:var(--color-text-on-primary);font-family:inherit;font-size:var(--text-lg,1rem);font-weight:var(--weight-black,800);letter-spacing:var(--tracking-wide,.04em);cursor:pointer;box-shadow:var(--shadow-primary);transition:background var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);border:none;flex:1;justify-content:center;align-items:center;display:inline-flex}.pay-confirm:hover{background:var(--color-primary-600);box-shadow:var(--shadow-primary-hover)}.pay-confirm:active{box-shadow:var(--shadow-sm);transform:scale(.97)}.pay-confirm:focus-visible{box-shadow:var(--shadow-focus), var(--shadow-primary);outline:none}.pay-confirm:disabled{background:var(--color-surface-muted);color:var(--color-text-tertiary);pointer-events:none;box-shadow:none}.pay-backlink{min-height:var(--touch-preferred);padding:0 var(--space-5);border:1.5px solid var(--color-border-mid);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-family:inherit;font-size:var(--text-sm,.813rem);font-weight:var(--weight-semibold,600);cursor:pointer;transition:border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);background:0 0;justify-content:center;align-items:center;display:inline-flex}.pay-backlink:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted);color:var(--color-text-primary)}.pay-backlink:active{transform:scale(.97)}.pay-backlink:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.pay-backlink:disabled{opacity:.4;pointer-events:none}.pay-secondary-action{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-preferred);padding:0 var(--space-5);border:1.5px solid var(--color-border-mid);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-md,.875rem);font-weight:var(--weight-semibold,600);cursor:pointer;transition:border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);display:inline-flex}.pay-secondary-action:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.pay-secondary-action:active{transform:scale(.97)}.pay-secondary-action:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.pay-secondary-action:disabled{opacity:.4;pointer-events:none}.pay-secondary-action__icon{flex:none;justify-content:center;align-items:center;display:flex}.pay-secondary-action__icon svg{flex:none;width:18px;height:18px;display:block}.pay-review-next{align-items:center;gap:var(--space-2);margin-top:var(--space-5);min-height:var(--touch-min);padding:0 var(--space-4);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-secondary);font-family:inherit;font-size:var(--text-sm,.813rem);font-weight:var(--weight-semibold,600);cursor:pointer;transition:border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);align-self:center;display:inline-flex}.pay-review-next:hover{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-700)}.pay-review-next:active{transform:scale(.97)}.pay-review-next:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.pay-review-next svg{flex:none;display:block}.pay-review-next__tag{padding:var(--space-0_5) var(--space-2);border-radius:var(--radius-pill);background:var(--color-text-tertiary);color:var(--color-surface);font-size:var(--text-2xs,.594rem);font-weight:var(--weight-bold,700);letter-spacing:var(--tracking-caps,.08em);text-transform:uppercase}.pay-terminal__pending{align-items:center;gap:var(--space-4);padding:var(--space-6) 0;text-align:center;flex-direction:column;display:flex}.pay-terminal__failed{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;text-align:center;flex-direction:column;display:flex}.pay-terminal__spinner{color:var(--color-warning);animation:pay-spin var(--duration-glacial) linear infinite;flex:none;justify-content:center;align-items:center;display:flex}.pay-terminal__spinner svg{flex:none;width:40px;height:40px;display:block}.pay-terminal__headline{font-size:var(--text-xl,1.094rem);font-weight:var(--weight-bold,700);color:var(--color-text-primary);margin:0}.pay-terminal__headline--error{color:var(--color-error-dark)}.pay-cardart{border-radius:var(--radius-full);background:var(--color-primary-50);flex:none;justify-content:center;align-items:center;width:168px;height:168px;display:flex;position:relative}.pay-cardart--error{background:var(--color-error-light)}.pay-cardart__wave{border-radius:var(--radius-full);border:2px solid var(--color-primary-500);opacity:0;width:96px;height:96px;animation:pay-wave 1.8s var(--ease-out) infinite;position:absolute}.pay-cardart__wave--2{animation-delay:.6s}.pay-cardart__wave--3{animation-delay:1.2s}@keyframes pay-wave{0%{opacity:.5;transform:scale(.6)}70%{opacity:0}to{opacity:0;transform:scale(1.65)}}.pay-cardart__card{z-index:2;width:96px;display:block;position:relative;transform:rotate(-9deg)}.pay-cardart--pending .pay-cardart__card{animation:pay-card-float 2.6s var(--ease) infinite}@keyframes pay-card-float{0%,to{transform:rotate(-9deg)translateY(0)}50%{transform:rotate(-9deg)translateY(-7px)}}.pay-cardart__svg{width:100%;height:auto;display:block}.pay-cardart__body{fill:var(--color-surface);stroke:var(--color-border-mid);stroke-width:1.5px}.pay-cardart__stripe{fill:var(--color-primary-900)}.pay-cardart__chip{fill:var(--color-primary-200)}.pay-cardart__num{fill:var(--color-border-strong)}.pay-cardart__badge{z-index:3;border-radius:var(--radius-full);background:var(--color-error);width:42px;height:42px;color:var(--color-surface);box-shadow:var(--shadow-sm);animation:pay-badge-pop .24s var(--ease-spring);justify-content:center;align-items:center;display:flex;position:absolute;bottom:34px;right:30px}.pay-cardart__badge svg{flex:none;width:22px;height:22px;display:block}@keyframes pay-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.pay-terminal__texts{gap:var(--space-1);flex-direction:column;display:flex}.pay-terminal__sub{font-size:var(--text-md,.875rem);font-weight:var(--weight-medium,500);color:var(--color-text-secondary);margin:0}.pay-step__actions--error{flex-wrap:wrap}.pay-step__actions--error .pay-confirm{align-items:center;gap:var(--space-2);margin-left:auto;display:inline-flex}.pay-confirm__icon{flex:none;align-items:center;display:inline-flex}.pay-confirm__icon svg{flex:none;width:20px;height:20px;display:block}@media (prefers-reduced-motion:reduce){.pay-cardart--pending .pay-cardart__card,.pay-cardart__badge{animation:none}.pay-cardart__wave{display:none}}.pay-step--submitting .pay-step__scroll,.pay-step--success .pay-step__scroll,.pay-step--already-paid .pay-step__scroll,.pay-step--error .pay-step__scroll{text-align:center;align-items:center}.pay-submitting__spinner,.pay-success__badge,.pay-paid__badge,.pay-error__badge{border-radius:var(--radius-full);flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.pay-submitting__spinner{color:var(--color-primary-600);animation:pay-spin var(--duration-glacial) linear infinite}.pay-success__badge,.pay-paid__badge{background:var(--color-success-light);color:var(--color-success-dark)}.pay-error__badge{background:var(--color-error-light);color:var(--color-error-dark)}.pay-submitting__spinner svg,.pay-success__badge svg,.pay-paid__badge svg,.pay-error__badge svg{flex:none;width:40px;height:40px;display:block}.pay-submitting__headline,.pay-success__headline,.pay-error__headline{font-size:var(--text-xl,1.094rem);font-weight:var(--weight-bold,700);color:var(--color-text-primary);margin:0}.pay-error__headline{color:var(--color-error-dark)}.pay-print-warning{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-warning-light);flex-wrap:wrap;display:flex}.pay-print-warning__text{font-size:var(--text-md,.875rem);font-weight:var(--weight-semibold,600);color:var(--color-warning-dark)}.pay-paid__summary{font-size:var(--text-lg,1rem);color:var(--color-text-secondary);margin:0}.pay-paid__method{font-weight:var(--weight-semibold,600);color:var(--color-text-primary)}.pay-paid__amount{font-weight:var(--weight-bold,700);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.pay-paid__meta{color:var(--color-text-secondary)}.pay-step--already-paid{flex:1}@keyframes pay-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pay-tile,.pay-tile__icon,.pay-tile__check,.pay-chip,.pay-key,.pay-adjust-tile,.pay-cancel,.pay-confirm,.pay-backlink,.pay-secondary-action,.pay-rest,.pay-alloc,.pay-alloc__icon{transition:none}.pay-tile:active,.pay-chip:active,.pay-key:active,.pay-adjust-tile:active,.pay-cancel:active,.pay-confirm:active,.pay-backlink:active,.pay-secondary-action:active,.pay-rest:active,.pay-alloc:active{transform:none}.pay-tile__check{transform:scale(1)}.pay-terminal__spinner,.pay-submitting__spinner{animation:none}}@media (max-width:768px){.pay-screen__zones{gap:var(--space-5);padding:var(--space-4) var(--space-5) var(--space-5);grid-template-columns:1fr}.pay-screen__divider{display:none}.pay-screen__top{padding:var(--space-3) var(--space-5) var(--space-2)}.pay-amount__value{font-size:var(--text-4xl,1.875rem)}.pay-methods__header{flex-wrap:wrap}.pay-step__scroll{gap:var(--space-3);padding:var(--space-6) var(--space-5) var(--space-5)}.pay-step__actions{padding:var(--space-3) var(--space-5);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));flex-direction:column-reverse;align-items:stretch}}@media (max-width:375px){.pay-tender__chips{grid-template-columns:repeat(2,1fr)}}.pay-harness{background:var(--color-surface-muted);flex-direction:column;min-height:100dvh;display:flex;position:relative}.pay-harness__backdrop{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center;flex-direction:column;flex:1;display:flex}.pay-harness__hint{max-width:32ch;font-size:var(--text-md,.875rem);font-weight:var(--weight-medium,500);color:var(--color-text-secondary);margin:0}.pay-harness__viewport{font-size:var(--text-xs,.656rem);color:var(--color-text-tertiary);margin:0}.pay-harness__bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-up-sm);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.pay-harness__scenarios,.pay-harness__terminal{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pay-harness__terminal-label{font-size:var(--text-xs,.656rem);font-weight:var(--weight-semibold,600);letter-spacing:var(--tracking-caps,.08em);text-transform:uppercase;color:var(--color-text-tertiary)}.pay-harness__pill{min-height:var(--touch-min);padding:0 var(--space-4);border:1.5px solid var(--color-border-mid);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font-family:inherit;font-size:var(--text-sm,.813rem);font-weight:var(--weight-semibold,600);cursor:pointer;transition:border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);justify-content:center;align-items:center;display:inline-flex}.pay-harness__pill--terminal{min-height:var(--touch-min);padding:0 var(--space-3)}.pay-harness__pill:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.pay-harness__pill:active{transform:scale(.97)}.pay-harness__pill:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.pay-harness__pill--active,.pay-harness__pill--active:hover{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-700)}.pay-harness__reopen{min-height:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--color-primary-700);color:var(--color-text-on-primary);font-family:inherit;font-size:var(--text-sm,.813rem);font-weight:var(--weight-black,800);letter-spacing:var(--tracking-wide,.04em);cursor:pointer;box-shadow:var(--shadow-primary);transition:background var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);border:none;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.pay-harness__reopen:hover{background:var(--color-primary-600);box-shadow:var(--shadow-primary-hover)}.pay-harness__reopen:active{box-shadow:var(--shadow-sm);transform:scale(.97)}.pay-harness__reopen:focus-visible{box-shadow:var(--shadow-focus), var(--shadow-primary);outline:none}@media (prefers-reduced-motion:reduce){.pay-harness__pill,.pay-harness__reopen{transition:none}.pay-harness__pill:active,.pay-harness__reopen:active{transform:none}}
.zb-screen{background:var(--color-bg);height:100dvh;color:var(--color-text-primary);font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.zb-topbar{grid-template-columns:var(--touch-preferred) 1fr var(--touch-preferred);align-items:center;gap:var(--space-3);padding:var(--space-2_5) var(--space-5);background:var(--glass-surface);min-height:64px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-bottom:1px solid var(--color-border);display:grid}.zb-topbar__heading{flex-direction:column;align-items:center;gap:1px;min-width:0;display:flex}.zb-topbar__title{letter-spacing:var(--tracking-tight);color:var(--color-text-primary);font-size:19px;font-weight:800}.zb-topbar__day{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12.5px;font-weight:600;overflow:hidden}.zb-topbar__spacer{width:var(--touch-preferred);height:var(--touch-preferred)}.zb-close{width:var(--touch-preferred);height:var(--touch-preferred);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);border:none;justify-content:center;align-items:center;display:flex}.zb-close>svg{flex:none;display:block}.zb-close:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.zb-close:active{transform:scale(.94)}.zb-close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.zb-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.zb-inner{width:100%;max-width:960px;padding:var(--space-7) var(--space-6) var(--space-8);margin:0 auto}.zb-timebar{justify-content:center;align-items:center;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.zb-since{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-border-mid);border-radius:var(--radius-2xl);background:var(--color-surface);cursor:pointer;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);display:inline-flex}.zb-since__cap{color:var(--color-text-tertiary);font-size:14px;font-weight:600}.zb-since__time{letter-spacing:var(--tracking-tight);color:var(--color-primary-600);font-variant-numeric:tabular-nums;font-size:clamp(32px,5.5vw,42px);font-weight:800;line-height:1}.zb-since__edit{color:var(--color-primary-500);flex:none;display:block}.zb-since:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.zb-since:active{transform:scale(.98)}.zb-since:focus-visible{box-shadow:var(--shadow-focus);outline:none}.zb-timebar__to{color:var(--color-text-tertiary);font-size:14px;font-weight:600}.zb-until{align-items:center;gap:var(--space-2);display:inline-flex}.zb-until__cap{color:var(--color-text-tertiary);font-size:14px;font-weight:600}.zb-until__time{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:clamp(22px,3.5vw,28px);font-weight:700}.zb-pick{gap:var(--space-3);width:320px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);background:var(--color-surface);flex-direction:column;display:flex}.zb-pick__zbtn{border-radius:var(--radius-lg);border:1.5px solid var(--color-border-mid);background:var(--color-surface);height:52px;color:var(--color-text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);font-size:15px;font-weight:700}.zb-pick__zbtn:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.zb-pick__zbtn.is-active{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-700);box-shadow:var(--shadow-focus)}.zb-pick__zbtn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.zb-pick__divider{align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);font-size:12px;font-weight:600;display:flex}.zb-pick__divider:before,.zb-pick__divider:after{content:"";background:var(--color-border);flex:1;height:1px}.zb-pick__steppers{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.zb-pick__colon{color:var(--color-text-tertiary);font-size:34px;font-weight:800;line-height:1}.zb-stepper{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.zb-stepper>button{border:1.5px solid var(--color-border-mid);border-radius:var(--radius-md);background:var(--color-surface);width:56px;height:44px;color:var(--color-primary-600);cursor:pointer;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.zb-stepper>button:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.zb-stepper>button:active{transform:scale(.95)}.zb-stepper>button:focus-visible{box-shadow:var(--shadow-focus);outline:none}.zb-stepper__val{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:32px;font-weight:800}.zb-stepper__cap{text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-tertiary);font-size:11px;font-weight:700}.zb-pick__presets{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.zb-pick__presets>button{height:40px;padding:0 var(--space-3);border:1.5px solid var(--color-border-mid);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-variant-numeric:tabular-nums;transition:background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);font-size:14px;font-weight:700}.zb-pick__presets>button:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-700)}.zb-pick__apply{border-radius:var(--radius-lg);width:100%;height:48px;letter-spacing:var(--tracking-wide);cursor:pointer;background:var(--color-primary-500);color:var(--color-text-on-primary);box-shadow:var(--shadow-primary);transition:background var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);border:none;font-size:15px;font-weight:800}.zb-pick__apply:hover{background:var(--color-primary-600);box-shadow:var(--shadow-primary-hover)}.zb-pick__apply:active{transform:scale(.97)}.zb-pick__apply:focus-visible{box-shadow:var(--shadow-focus);outline:none}.zb-hero{padding:var(--space-10) var(--space-8) var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-4xl);box-shadow:var(--shadow-lg);animation:zb-rise var(--duration-slow) var(--ease-spring) both;flex-direction:column;align-items:center;display:flex}.zb-hero__label{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-tertiary);font-size:15px;font-weight:600}.zb-hero__value{margin-top:var(--space-2);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:clamp(52px,9vw,96px);font-weight:800;line-height:1.04}.zb-hero__metrics{gap:var(--space-3);width:100%;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);display:grid}.zb-metric{gap:var(--space-1);text-align:center;flex-direction:column;align-items:center;display:flex}.zb-metric__label{color:var(--color-text-secondary);font-size:13px;font-weight:600}.zb-metric__label:before{content:"";vertical-align:middle;background:var(--color-text-tertiary);border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.zb-metric__value{letter-spacing:var(--tracking-tight);color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:clamp(20px,3vw,28px);font-weight:800}.zb-metric--cash .zb-metric__label:before{background:var(--color-success)}.zb-metric--cash .zb-metric__value{color:var(--color-success-dark)}.zb-metric--card .zb-metric__label:before{background:var(--color-primary-500)}.zb-metric--card .zb-metric__value{color:var(--color-primary-700)}.zb-metric--online .zb-metric__label:before{background:var(--chart-4)}.zb-metric--online .zb-metric__value{color:var(--chart-4)}.zb-metric--refund .zb-metric__label:before{background:var(--color-error)}.zb-metric--refund .zb-metric__value{color:var(--color-error)}.zb-hero__meta{margin-top:var(--space-5);color:var(--color-text-tertiary);font-size:14px;font-weight:600}.zb-empty{margin-top:var(--space-6);padding:var(--space-6);text-align:center;color:var(--color-text-tertiary);background:var(--color-surface-muted);border-radius:var(--radius-2xl);font-size:16px;font-weight:500}.zb-switch{gap:var(--space-1);width:fit-content;margin:var(--space-8) auto var(--space-6);padding:var(--space-1);background:var(--color-surface);border:1.5px solid var(--color-border);box-shadow:var(--shadow-xs);border-radius:var(--radius-pill);display:flex}.zb-switch__btn{appearance:none;min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);background:0 0;border:none;font-size:16px;font-weight:700}.zb-switch__btn.is-active{background:var(--color-primary-500);color:var(--color-text-on-primary);box-shadow:var(--shadow-primary)}.zb-switch__btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.zb-block{animation:zb-rise var(--duration-normal) var(--ease-out) both}.zb-rows{gap:var(--space-3);display:grid}.zb-row{align-items:center;gap:var(--space-4);min-height:76px;padding:var(--space-4) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);display:flex}.zb-row__dot{background:var(--color-text-tertiary);border-radius:50%;flex:none;width:12px;height:12px}.zb-row__dot--cash{background:var(--color-success)}.zb-row__dot--card{background:var(--color-primary-500)}.zb-row__dot--online{background:var(--chart-4)}.zb-row__dot--invoice{background:var(--color-warning)}.zb-row__label{color:var(--color-text-primary);flex:1;font-size:18px;font-weight:600}.zb-row__count{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.zb-row__value{text-align:right;min-width:130px;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.zb-tables{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.zb-table{align-items:center;gap:var(--space-1);padding:var(--space-6) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.zb-table__no{color:var(--color-text-secondary);font-size:16px;font-weight:700}.zb-table__value{letter-spacing:var(--tracking-tight);color:var(--color-primary-700);font-variant-numeric:tabular-nums;font-size:clamp(26px,4vw,34px);font-weight:800}.zb-table__count{color:var(--color-text-tertiary);font-size:13px;font-weight:500}.zb-footer{padding:var(--space-4) var(--space-6) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--color-bg);justify-content:center;display:flex;position:relative}.zb-footer:before{content:"";left:0;right:0;top:calc(-1 * var(--space-6));height:var(--space-6);background:linear-gradient(to top, var(--color-bg), transparent);pointer-events:none;position:absolute}.zb-print{justify-content:center;align-items:center;gap:var(--space-3);width:100%;max-width:960px;height:72px;padding:0 var(--space-8);border-radius:var(--radius-pill);background:var(--color-primary-500);color:var(--color-text-on-primary);letter-spacing:var(--tracking-wide);cursor:pointer;box-shadow:var(--shadow-primary);transition:background var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);border:none;font-size:19px;font-weight:800;display:flex}.zb-print>svg{flex:none;display:block}.zb-print:hover{background:var(--color-primary-600);box-shadow:var(--shadow-primary-hover)}.zb-print:active{box-shadow:var(--shadow-sm);transform:scale(.99)}.zb-print:focus-visible{box-shadow:var(--shadow-focus), var(--shadow-primary);outline:none}.zb-topbar-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border-mid);height:40px;color:var(--color-text-secondary);letter-spacing:var(--tracking-normal);white-space:nowrap;transition:background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-instant) var(--ease);background:0 0;flex:none;padding:0 12px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.zb-topbar-btn__icon{flex:none;display:block}.zb-topbar-btn:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong);color:var(--color-text-primary)}.zb-topbar-btn:active{transform:scale(.96)}.zb-topbar-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.zb-print-head{display:none}@keyframes zb-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.zb-inner{padding:var(--space-6) var(--space-4) var(--space-8)}.zb-hero{padding:var(--space-8) var(--space-5) var(--space-6);border-radius:var(--radius-3xl)}.zb-hero__metrics{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(2,1fr)}.zb-row{padding:var(--space-4)}.zb-row__value{min-width:104px;font-size:22px}.zb-tables{grid-template-columns:repeat(2,1fr)}.zb-topbar-btn__label{display:none}.zb-topbar-btn{justify-content:center;width:40px;padding:0}}@media (max-width:375px){.zb-hero__value{font-size:clamp(42px,13vw,56px)}}@media (prefers-reduced-motion:reduce){.zb-hero,.zb-block{animation:none}.zb-close,.zb-print,.zb-topbar-btn,.zb-since,.zb-switch__btn,.zb-stepper>button{transition:none}}@media print{.zb-topbar,.zb-footer,.zb-switch,.zb-since__edit{display:none!important}.zb-screen{background:#fff;height:auto;overflow:visible}.zb-scroll{overflow:visible}.zb-inner{max-width:none;padding:0}.zb-since{border:none;padding:0}.zb-print-head{border-bottom:2px solid #000;flex-direction:column;gap:4px;margin-bottom:16px;padding-bottom:12px;display:flex}.zb-print-head__brand{font-size:18px;font-weight:800}.zb-print-head__period{font-size:13px;font-weight:500}.zb-hero,.zb-row,.zb-table,.zb-block{box-shadow:none;break-inside:avoid;border-color:#ccc;animation:none}.zb-hero__value,.zb-metric__value,.zb-row__value,.zb-table__value{color:#000}}