:root{--color-primary: #1a6b3c;--color-primary-light: #2d9d5c;--color-primary-dark: #0f4d2a;--color-primary-contrast: #ffffff;--color-pass: #15803d;--color-pass-bg: #dcfce7;--color-warn: #b45309;--color-warn-bg: #fef3c7;--color-fail: #dc2626;--color-fail-bg: #fee2e2;--color-bg: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-tertiary: #e5e5e5;--color-text: #171717;--color-text-secondary: #525252;--color-text-muted: #737373;--color-border: #d4d4d4;--color-border-focus: #1a6b3c;--color-surface: #ffffff;--color-overlay: rgba(0, 0, 0, .5);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--touch-target-min: 3.5rem;--touch-target-lg: 4rem;--touch-gap: .5rem;--nav-height: 4rem;--card-padding: 1rem;--card-radius: .5rem;--input-height: 3.5rem;--input-radius: .375rem;--input-padding-x: 1rem;--modal-radius: .75rem;--modal-padding: 1.5rem;--border-width: 1px;--border-width-thick: 2px;--transition-fast: .15s ease;--transition-normal: .25s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-nav: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-toast: 600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;font-family:var(--font-family);scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);line-height:var(--line-height-normal);-webkit-tap-highlight-color:transparent;min-height:100vh;overflow-x:hidden}#app{padding-bottom:var(--nav-height);min-height:100vh}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:0 var(--space-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:inherit;border:none;border-radius:var(--input-radius);cursor:pointer;transition:opacity var(--transition-fast),background-color var(--transition-fast);text-align:center;line-height:1;gap:var(--space-sm)}.btn--primary{background-color:var(--color-primary);color:var(--color-primary-contrast)}.btn--primary:active{background-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-surface);color:var(--color-primary);border:var(--border-width) solid var(--color-border)}.btn--secondary:active{background-color:var(--color-bg-secondary)}.btn--danger{background-color:var(--color-fail);color:#fff}.btn--danger:active{opacity:.9}.btn--ghost{background-color:transparent;color:var(--color-primary);border:none}.btn--ghost:active{background-color:var(--color-bg-secondary)}.btn--large{min-height:var(--touch-target-lg);font-size:var(--font-size-lg)}.btn--full-width{width:100%}.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--loading{pointer-events:none}.btn__spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--color-surface);padding:var(--card-padding);border-radius:var(--card-radius);border:var(--border-width) solid var(--color-border)}.card--pass{border-left:4px solid var(--color-pass);background:var(--color-pass-bg)}.card--warn{border-left:4px solid var(--color-warn);background:var(--color-warn-bg)}.card--fail{border-left:4px solid var(--color-fail);background:var(--color-fail-bg)}.card--clickable{cursor:pointer}.card--clickable:active{opacity:.95}.card--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.input{margin-bottom:var(--space-md)}.input__label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.input__field{display:block;width:100%;height:var(--input-height);padding:0 var(--input-padding-x);font-size:var(--font-size-lg);font-family:inherit;border:var(--border-width) solid var(--color-border);border-radius:var(--input-radius);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast)}.input__field:focus{outline:none;border-color:var(--color-border-focus);border-width:var(--border-width-thick)}.input--error .input__field{border-color:var(--color-fail)}.input__error{display:block;font-size:var(--font-size-sm);color:var(--color-fail);margin-top:var(--space-xs)}.select{margin-bottom:var(--space-md)}.select__label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.select__field{display:block;width:100%;height:var(--input-height);padding:0 var(--input-padding-x);padding-right:2.5rem;font-size:var(--font-size-lg);font-family:inherit;border:var(--border-width) solid var(--color-border);border-radius:var(--input-radius);background:var(--color-surface);color:var(--color-text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23525252' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--input-padding-x) center;transition:border-color var(--transition-fast)}.select__field:focus{outline:none;border-color:var(--color-border-focus);border-width:var(--border-width-thick)}.select--error .select__field{border-color:var(--color-fail)}.select__error{display:block;font-size:var(--font-size-sm);color:var(--color-fail);margin-top:var(--space-xs)}.modal__backdrop{position:fixed;inset:0;background:var(--color-overlay);z-index:var(--z-modal-backdrop)}.modal__content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);border-radius:var(--modal-radius);padding:var(--modal-padding);max-width:90vw;max-height:85vh;overflow-y:auto;z-index:var(--z-modal);width:100%}.modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);padding-right:var(--touch-target-min)}.modal__close{position:absolute;top:var(--space-sm);right:var(--space-sm);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--color-text-secondary)}.modal__actions{margin-top:var(--space-lg);display:flex;gap:var(--space-sm);justify-content:flex-end}.toast{position:fixed;bottom:calc(var(--nav-height) + var(--space-md));left:50%;transform:translate(-50%);z-index:var(--z-toast);padding:var(--space-md) var(--space-lg);border-radius:var(--card-radius);color:#fff;min-width:280px;max-width:90vw;text-align:center;font-size:var(--font-size-base)}.toast--info{background-color:var(--color-primary)}.toast--success{background-color:var(--color-pass)}.toast--warning{background-color:var(--color-warn)}.toast--error{background-color:var(--color-fail)}.toast--enter{animation:toast-slide-up .25s ease forwards}.toast--exit{animation:toast-slide-down .25s ease forwards}@keyframes toast-slide-up{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toast-slide-down{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100%);opacity:0}}.progress__bar{height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.progress__fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width var(--transition-normal)}.progress--pass .progress__fill{background:var(--color-pass)}.progress--warn .progress__fill{background:var(--color-warn)}.progress--fail .progress__fill{background:var(--color-fail)}.progress__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--color-surface);border-top:var(--border-width) solid var(--color-bg-tertiary);z-index:var(--z-nav);display:flex}.nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-text-muted);font-size:var(--font-size-xs);min-height:var(--nav-height);cursor:pointer;background:none;border:none;font-family:inherit;transition:color var(--transition-fast)}.nav__item--active{color:var(--color-primary)}.nav__icon{font-size:1.25rem}.nav__label{font-size:var(--font-size-xs)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl) var(--space-lg);min-height:50vh}.empty-state__icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.empty-state__description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl)}.loading__spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--space-md)}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl) var(--space-lg)}.error__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-fail)}.error__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:var(--space-sm) 0 var(--space-lg)}.page{padding:var(--space-md)}.page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:9999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1}.badge--setup{background:var(--color-warn-bg);color:var(--color-warn)}.badge--serving{background:var(--color-pass-bg);color:var(--color-pass)}.badge--closedown{background:var(--color-warn-bg);color:var(--color-warn)}.badge--complete{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge--backfill{background-color:var(--color-text-secondary);color:var(--color-bg);font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--card-radius)}.allergen-badge{display:inline-block;padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);border-radius:12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--color-warn-bg, #fff3cd);color:var(--color-warn, #856404);border:1px solid var(--color-warn, #ffc107);margin:2px 4px 2px 0}.allergen-badge--unknown{opacity:.6;background-color:var(--color-bg-secondary, #e9ecef);color:var(--color-text-secondary);border-color:var(--color-border, #ced4da)}.session-card{display:flex;flex-direction:column;gap:var(--space-xs)}.session-card__meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.session-card__header{display:flex;justify-content:space-between;align-items:center}.checklist{padding:var(--space-md)}.checklist__header{margin-bottom:var(--space-lg)}.checklist__step-indicator{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.checklist__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.checklist-step{padding:var(--space-md)}.checklist-step__instruction{font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.checklist-step--blocked{opacity:.5;pointer-events:none}.checklist-step__lock-message{color:var(--color-warn);font-weight:var(--font-weight-semibold);padding:var(--space-sm);background:var(--color-warn-bg);border-radius:var(--radius-md);text-align:center}.checklist-step__temp-result{padding:var(--space-sm);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);text-align:center;margin-top:var(--space-sm)}.checklist-step__temp-result--pass{background:var(--color-pass-bg);color:var(--color-pass)}.checklist-step__temp-result--fail{background:var(--color-fail-bg);color:var(--color-fail)}.timer-display{padding:var(--space-md);border-radius:var(--radius-lg);text-align:center;background:var(--color-bg-secondary)}.timer-display__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.timer-display__time{font-size:2rem;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;line-height:1.2}.timer-display--ok .timer-display__time{color:var(--color-pass)}.timer-display--warning .timer-display__time{color:var(--color-warn)}.timer-display--danger .timer-display__time{color:var(--color-fail)}.timer-display--expired{background:var(--color-fail-bg);animation:pulse-bg 1s ease-in-out infinite}.timer-display--expired .timer-display__time,.timer-display--expired .timer-display__label{color:var(--color-fail)}@keyframes pulse-bg{0%,to{opacity:1}50%{opacity:.7}}.timer-alert{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:alert-flash 1s ease-in-out infinite}@keyframes alert-flash{0%,to{background:#dc2626f2}50%{background:#fffffff2}}.timer-alert__content{background:#fff;border-radius:var(--radius-lg);padding:var(--space-xl);max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.timer-alert__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-fail);margin-bottom:var(--space-xs)}.timer-alert__subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-fail);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg)}.timer-alert__instruction{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);margin-bottom:var(--space-lg)}.timer-alert__warning{background:var(--color-fail-bg);color:var(--color-fail);padding:var(--space-sm);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.timer-alert__form{display:flex;flex-direction:column;gap:var(--space-md)}.training-level{display:inline-block;padding:2px 8px;border-radius:12px;font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500)}.training-level--none{background-color:var(--color-surface, #e9ecef);color:var(--color-text-secondary, #6c757d)}.training-level--awareness{background-color:#d4edda;color:#155724}.training-level--operator{background-color:#cce5ff;color:#004085}.training-level--supervisor{background-color:#fff3cd;color:#856404}.training-module{border-left:4px solid var(--color-border, #ced4da);padding-left:var(--space-md, 16px);margin-bottom:var(--space-md, 16px)}.training-module--complete{border-left-color:var(--color-success, #28a745)}.training-module--signed-off{border-left-color:var(--color-primary, #1a6b3c)}.module-status{display:inline-block;padding:2px 8px;border-radius:4px;font-size:var(--font-size-sm, .875rem)}.module-status--not-started{color:var(--color-text-secondary, #6c757d)}.module-status--complete{color:var(--color-success, #28a745)}.module-status--signed-off{color:var(--color-primary, #1a6b3c);font-weight:var(--font-weight-medium, 500)}.level-up-banner{background-color:#d4edda;border:2px solid var(--color-success, #28a745);border-radius:var(--radius-md, 8px);padding:var(--space-md, 16px);margin:var(--space-md, 16px) 0;text-align:center}.SessionDetail__banner{display:flex;align-items:center;justify-content:center;gap:var(--space-sm, 8px);padding:var(--space-md, 16px);margin-bottom:var(--space-md, 16px);border-radius:var(--radius-md, 8px);font-weight:var(--font-weight-medium, 500);font-size:var(--font-size-base, 1rem)}.SessionDetail__banner--readonly{background-color:#d1ecf1;border:2px solid #17a2b8;color:#0c5460}.SessionDetail__banner-icon{font-size:var(--font-size-lg, 1.125rem);line-height:1}.SessionDetail__banner-text{line-height:1.5}.SessionDetail__card--disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.training-warning{margin:var(--space-lg) 0}.training-warning__icon{font-size:2rem;text-align:center;color:var(--color-warn, #ffc107);margin-bottom:var(--space-sm)}.training-warning__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-sm)}.training-warning__message{font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-lg);line-height:1.5}.training-warning__actions{display:flex;gap:var(--space-sm)}.training-warning__actions>*{flex:1}.incident-card{display:flex;flex-direction:column;gap:var(--space-sm)}.incident-card__header{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.incident-card__category{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.incident-card__description{font-size:var(--font-size-base);color:var(--color-text);line-height:1.5;margin:0}.incident-card__meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-xs)}.incident-card__resolved{color:var(--color-pass);font-weight:var(--font-weight-semibold)}.incident-card__unresolved{color:var(--color-warn);font-weight:var(--font-weight-semibold)}.badge--minor{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.badge--major{background:var(--color-warn-bg);color:var(--color-warn)}.badge--critical{background:var(--color-fail-bg);color:var(--color-fail)}