.staff-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3) calc(var(--space-2) + var(--safe-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-bar)}.staff-nav__link{flex:1;min-height:var(--touch-min);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-decoration:none;color:var(--color-text-muted);background:transparent;transition:background .15s ease,color .15s ease}.staff-nav__icon{font-size:1.25rem;line-height:1}.staff-nav__label{line-height:1.1}.staff-nav__link--active{color:var(--color-primary);background:var(--color-status-bg)}.staff-nav__link--active .staff-nav__icon{transform:scale(1.05)}.staff-header{margin-bottom:var(--space-5)}.staff-header__main{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.staff-header__brand{margin:0 0 var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.staff-header__title{margin:0;font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.staff-header__controls{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0}.staff-header__logout{min-height:36px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.staff-header__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.staff-header__user{display:flex;align-items:center;gap:var(--space-3);min-width:0}.staff-header__avatar{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.staff-header__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);overflow-wrap:anywhere}.staff-header__actions{display:flex;gap:var(--space-2);flex-shrink:0}.staff-shell{min-height:100dvh;max-width:768px;margin:0 auto;padding:var(--space-4) var(--space-4) calc(5.5rem + var(--safe-bottom))}@media (min-width: 768px){.staff-shell{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.staff-shell{max-width:640px;padding-top:var(--space-6)}}.calls-page__refresh{min-height:36px;padding:0 var(--space-3);font-size:var(--font-size-sm);white-space:nowrap}.calls-kpi{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-5)}.calls-kpi__card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.calls-kpi__card--muted{background:var(--color-accent-bg);border-color:transparent}.calls-kpi__icon{font-size:1.75rem;line-height:1}.calls-kpi__body{display:flex;flex-direction:column;gap:2px;min-width:0}.calls-kpi__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.calls-kpi__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.calls-banner{display:flex;align-items:flex-start;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.calls-banner--warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.calls-banner--info{background:var(--color-accent-bg);color:var(--color-text-muted)}.calls-banner--error{background:var(--color-error-bg);color:var(--color-error)}.calls-page__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0;color:var(--color-text-muted)}.calls-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-8) var(--space-5);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.calls-empty__icon{font-size:3rem;line-height:1}.calls-empty__title{margin:0;font-size:var(--font-size-lg)}.calls-empty__text{margin:0;max-width:20rem;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.calls-empty .btn{margin-top:var(--space-2)}.credit-page{min-height:100dvh;max-width:768px;margin:0 auto;padding:1rem 1rem calc(6rem + var(--safe-bottom))}@media (min-width: 768px){.credit-page{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.credit-page{max-width:520px;padding-top:1.5rem}}@media (max-width: 479px){.credit-page__header{flex-direction:column;align-items:stretch}}.credit-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.credit-page__brand{margin:0 0 .25rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--color-accent)}.credit-page__title{margin:0;font-size:1.375rem}.credit-page__user{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-muted)}.credit-page__off-shift{margin:0 0 1rem;padding:.75rem 1rem;font-size:.875rem;background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md)}.credit-form{display:flex;flex-direction:column;gap:1rem}.credit-form__field{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem}.credit-form__field input{min-height:44px;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.credit-form__error{margin:0;font-size:.875rem;color:var(--color-error)}.credit-form__success{padding:.875rem 1rem;border-radius:var(--radius-md);background:var(--color-success-bg, #e8f5e9);color:var(--color-text);font-size:.875rem}.credit-form__success p{margin:0}.credit-form__success-meta{margin-top:.35rem;color:var(--color-text-muted)}.credit-form__submit{width:100%}.credit-page__footer{margin-top:1.5rem}.debit-scan-page{min-height:100dvh;max-width:768px;margin:0 auto;padding:1rem 1rem calc(6rem + var(--safe-bottom))}@media (min-width: 768px){.debit-scan-page{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.debit-scan-page{max-width:520px;padding-top:1.5rem}}@media (max-width: 479px){.debit-scan-page__header{flex-direction:column;align-items:stretch}}.debit-scan-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.debit-scan-page__brand{margin:0 0 .25rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--color-accent)}.debit-scan-page__title{margin:0;font-size:1.375rem}.debit-scan-page__user{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-muted)}.debit-scan-page__off-shift{margin:0 0 1rem;padding:.75rem 1rem;font-size:.875rem;background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md)}.debit-scan-page__success{margin:0 0 1rem;padding:.75rem 1rem;font-size:.875rem;border-radius:var(--radius-md);background:#e8f5e9}.debit-scan-page__error{margin:0 0 1rem;font-size:.875rem;color:var(--color-error)}.debit-scan-page__reader--hidden{visibility:hidden;height:0;overflow:hidden}.debit-scan-page__manual{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.debit-scan-page__manual-label{display:flex;flex-direction:column;gap:.35rem;font-size:.8125rem}.debit-scan-page__manual-label input{min-height:44px;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.debit-scan-page__dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000073}.debit-scan-page__dialog-card{width:100%;max-width:360px;padding:1.25rem;border-radius:var(--radius-lg);background:var(--color-bg)}.debit-scan-page__dialog-title{margin:0 0 .5rem;font-size:1.125rem}.debit-scan-page__dialog-amount{margin:0 0 .5rem;font-size:1rem}.debit-scan-page__dialog-hint{margin:0 0 1rem;font-size:.8125rem;color:var(--color-text-muted)}.debit-scan-page__dialog-actions{display:flex;flex-direction:column;gap:.5rem}.debit-scan-page__footer{margin-top:1.5rem}.login-page{min-height:100dvh;max-width:390px;margin:0 auto;padding:1.5rem 1rem calc(1.5rem + var(--safe-bottom))}@media (min-width: 768px){.login-page{max-width:420px;padding-top:2rem}}.login-page__brand{margin:0 0 .25rem;font-size:.8125rem;font-weight:700;letter-spacing:.06em;color:var(--color-accent)}.login-page__title{margin:0;font-size:1.5rem;line-height:1.2}.login-page__subtitle{margin:.5rem 0 0;color:var(--color-text-muted);font-size:.875rem}.login-page__form{margin-top:2rem;display:flex;flex-direction:column;gap:1.25rem}.login-page__error{margin:0;padding:.75rem;background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-sm);font-size:.875rem}.login-page__hint{margin-top:1.5rem;padding:.875rem 1rem;background:var(--color-status-bg);color:var(--color-primary);border-radius:var(--radius-md);font-size:.875rem}.staff-create-reservation{margin-bottom:var(--space-4)}.staff-create-reservation.card{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.staff-create-reservation__toggle{width:100%}.staff-create-reservation__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.staff-create-reservation__header h2{margin:0;font-size:var(--text-lg)}.staff-create-reservation__close{min-width:44px;min-height:44px;border:none;background:transparent;font-size:1.25rem}.staff-create-reservation__form{display:flex;flex-direction:column;gap:var(--space-3)}.staff-create-reservation__field{display:flex;flex-direction:column;gap:var(--space-1)}.staff-create-reservation__field input,.staff-create-reservation__field select,.staff-create-reservation__field textarea{min-height:44px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit}.staff-create-reservation__label{font-weight:600}.staff-create-reservation__table-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.staff-create-reservation__table{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated)}.staff-create-reservation__table--selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface))}.staff-create-reservation__error{color:var(--color-danger);margin:0}.staff-create-reservation__success{color:var(--color-success, #15803d);margin:0 0 var(--space-2)}.reservations-page{padding:var(--space-4);padding-bottom:calc(var(--staff-nav-height, 64px) + var(--space-4))}.reservations-page__off-shift{margin-bottom:var(--space-3);color:var(--color-text-muted)}.reservations-page__stats{margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.reservations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.reservations-list__item{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-2)}.reservations-list__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.reservations-list__actions button,.reservations-list__item>button{min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-elevated);cursor:pointer}.stats-page{min-height:100dvh;padding:1rem 1rem calc(1rem + var(--safe-bottom));max-width:640px;margin:0 auto}.stats-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}@media (max-width: 479px){.stats-page__header{flex-direction:column;align-items:stretch}}.stats-page__brand{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--color-accent, #2563eb)}.stats-page__title,.stats-page h1{margin:.25rem 0 0;font-size:1.5rem}.stats-page__user{margin:.25rem 0 0;color:var(--color-text-muted, #64748b);font-size:.875rem}.stats-page__date{color:var(--color-text-muted, #64748b);font-size:.875rem;margin:1rem 0}.stats-page__grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width: 480px){.stats-page__grid{grid-template-columns:repeat(3,1fr)}}.stats-card{background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.25rem}.stats-card__label{font-size:.75rem;color:var(--color-text-muted, #64748b);text-transform:uppercase;letter-spacing:.04em}.stats-card__value{font-size:1.75rem;line-height:1.2}.stats-page__hint{margin-top:1.5rem;font-size:.8125rem;color:var(--color-text-muted, #64748b);line-height:1.5}.stats-page__logout{margin-top:1.5rem;width:100%;min-height:44px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;background:transparent;font:inherit}:root{color-scheme:light;--safe-bottom: env(safe-area-inset-bottom, 0px);--color-bg: #f5f3ef;--color-surface: #ffffff;--color-text: #1c1c1a;--color-text-muted: #6b6b66;--color-border: #e4e0d8;--color-primary: #1a5c38;--color-primary-hover: #144a2d;--color-status-bg: #eef6f1;--color-accent: #c8a96e;--color-error: #b42318;--color-error-bg: #fef3f2;--color-success: #067647;--color-warning: #b54708;--color-warning-bg: #fffbeb;--color-warning-text: #92400e;--color-accent-bg: #f8f3eb;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.45;--line-height-relaxed: 1.5;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--shadow-bar: 0 -4px 24px rgba(28, 28, 26, .08);--shadow-card: 0 1px 3px rgba(28, 28, 26, .06);--touch-min: 44px}:root{--bp-xs: 320px;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--space-4, 1rem));padding:0 var(--space-4, 1rem)}@media (min-width: 768px){.table-scroll{margin:0;padding:0}}.table-scroll table{min-width:640px}.app-shell{width:100%;margin-inline:auto}@media (min-width: 768px){.app-shell--narrow{max-width:480px}.app-shell--medium{max-width:768px}.app-shell--wide{max-width:1200px}}:root{--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.btn{min-height:44px;padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md);font-weight:600;transition:background .15s ease,opacity .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border)}.btn--ghost{background:transparent;color:var(--color-text-muted);border:1px solid transparent}.btn--block{width:100%}.spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:.375rem}.field__label{font-size:.875rem;font-weight:500}.field__input{min-height:48px;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font:inherit}.field__input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.queue-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.queue-item--pending{border-left:4px solid var(--color-warning)}.queue-item--active{border-left:4px solid var(--color-primary)}.queue-item--done{border-left:4px solid var(--color-border);opacity:.85}@media (min-width: 480px){.queue-item{grid-template-columns:auto 1fr auto;grid-template-rows:auto;align-items:center}}.queue-item__icon{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);background:var(--color-accent-bg);font-size:1.375rem;line-height:1}@media (min-width: 480px){.queue-item__icon{grid-row:auto}}.queue-item__body{min-width:0}.queue-item__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.queue-item__table{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.queue-item__meta{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.queue-item__badge{flex-shrink:0;padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.queue-item__badge--pending{background:var(--color-warning-bg);color:var(--color-warning-text)}.queue-item__badge--active{background:var(--color-status-bg);color:var(--color-primary)}.queue-item__badge--done{background:var(--color-accent-bg);color:var(--color-text-muted)}.queue-item__actions{grid-column:1 / -1}@media (min-width: 480px){.queue-item__actions{grid-column:auto}}.queue-item__btn{width:100%;min-width:120px;white-space:nowrap}@media (min-width: 480px){.queue-item__btn{width:auto}}.shift-toggle{display:flex;align-items:center;gap:.5rem}.shift-toggle__label{font-size:.8125rem;color:var(--color-text-muted)}.shift-toggle__control{position:relative;width:44px;height:26px;padding:0;border:none;border-radius:999px;background:var(--color-border);transition:background .15s ease}.shift-toggle__control--on{background:var(--color-primary)}.shift-toggle__knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease}.shift-toggle__control--on .shift-toggle__knob{transform:translate(18px)}.push-toast{position:fixed;left:var(--space-4);right:var(--space-4);bottom:calc(5rem + var(--safe-bottom));z-index:40;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;background:var(--color-text);color:#fff;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-bar)}.push-toast__dismiss{min-height:44px;padding:0 .75rem;border:none;background:transparent;color:#fff;font-weight:600}@media (min-width: 480px){.push-toast{left:50%;transform:translate(-50%);max-width:420px}}