:root{--primary: #0f766e;--primary-hover: #115e59;--primary-light: #ccfbf1;--primary-dark: #134e4a;--bg-app: #f3f4f6;--bg-card: #ffffff;--text-main: #111827;--text-muted: #4b5563;--text-subtle: #6b7280;--border-color: #d1d5db;--border-focus: #0f766e;--success: #047857;--success-bg: #d1fae5;--danger: #b91c1c;--danger-bg: #fee2e2;--warning: #b45309;--warning-bg: #fef3c7;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;color:var(--text-main);background-color:var(--bg-app);min-block-size:100dvh;-webkit-font-smoothing:antialiased}.app-layout{display:flex;flex-direction:column;min-block-size:100dvh}.app-header{background-color:var(--primary);color:#fff;padding-block-start:max(.5rem,env(safe-area-inset-top));padding-inline:1rem;padding-block-end:.5rem;position:sticky;inset-block-start:0;z-index:20;box-shadow:var(--shadow-md)}.header-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-block-end:.5rem;border-block-end:1px solid rgba(255,255,255,.15)}.brand{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.brand-icon{font-size:1.25rem}.who{display:flex;align-items:center;gap:.625rem;font-size:.875rem}.user-badge{color:var(--primary-light);font-weight:500}.role-tag{opacity:.8;font-size:.75rem;text-transform:capitalize}.btn-signout{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);padding:.35rem .65rem;font-size:.8125rem;font-weight:500;cursor:pointer;min-block-size:36px;display:inline-flex;align-items:center;transition:background .15s ease}.btn-signout:hover,.btn-signout:focus-visible{background:#ffffff40}.header-nav{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-block-start:.5rem;padding-block-end:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.nav-link{color:var(--primary-light);text-decoration:none;font-size:.9375rem;font-weight:500;padding:.45rem .85rem;border-radius:var(--radius-full);white-space:nowrap;min-block-size:40px;display:inline-flex;align-items:center;transition:background-color .15s ease,color .15s ease}.nav-link:hover{background-color:#ffffff1f;color:#fff}.nav-link.active{background-color:#fff;color:var(--primary-dark);font-weight:700;box-shadow:var(--shadow-sm)}.main-content{flex:1;inline-size:100%;max-inline-size:1020px;margin-inline:auto;padding-inline:1rem;padding-block-start:1rem;padding-block-end:max(5.5rem,calc(4rem + env(safe-area-inset-bottom)))}.card{background-color:var(--bg-card);border-radius:var(--radius-md);padding:1.125rem;margin-block-end:1rem;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05)}h2{font-size:1.375rem;font-weight:700;margin-block-start:0;margin-block-end:.75rem;letter-spacing:-.02em}h3{font-size:1.125rem;font-weight:600;margin-block-start:0;margin-block-end:.35rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.subtext{color:var(--text-subtle);font-size:.875rem;margin-block-start:0;margin-block-end:.75rem}input,select,textarea{font-family:inherit;font-size:1rem;line-height:1.4;padding:.65rem .85rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#fff;color:var(--text-main);inline-size:100%;min-block-size:44px;transition:border-color .15s ease,box-shadow .15s ease}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px;border-color:var(--border-focus)}input:disabled,select:disabled,textarea:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:.85}.form-group,.form-field{display:flex;flex-direction:column;gap:.35rem;margin-block-end:.75rem}label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.req{color:var(--danger)}.grid,.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.875rem;align-items:end}@media (max-width: 480px){.grid,.form-grid{grid-template-columns:1fr}}.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap input{padding-inline-end:4rem}.toggle-password-btn{position:absolute;inset-inline-end:.35rem;background:none;border:none;color:var(--primary);font-weight:600;font-size:.875rem;padding:.5rem .75rem;cursor:pointer;min-block-size:40px}button,.btn{font-family:inherit;font-size:.9375rem;font-weight:600;padding:.65rem 1.15rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:#fff;color:var(--text-main);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:44px;transition:all .15s ease}button:focus-visible,.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}button.primary,.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}button.primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{inline-size:100%}.btn-sm{padding:.35rem .65rem;font-size:.8125rem;min-block-size:38px}.btn-lg{padding:.85rem 1.5rem;font-size:1.0625rem;min-block-size:48px}.btn-outline{border-color:var(--border-color);background-color:transparent}.btn-outline:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.btn-success-subtle{background-color:var(--success-bg);color:var(--success);border-color:#04785733}.btn-warning-subtle{background-color:var(--warning-bg);color:var(--warning);border-color:#b4530933}@media (pointer: coarse){button,.btn,input,select{min-block-size:48px}.btn-sm{min-block-size:42px}}.stat-box{background-color:#f9fafb;border-radius:var(--radius-sm);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;border:1px solid var(--border-color)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);font-weight:600}.stat-value{font-size:1.35rem;font-weight:700;line-height:1.2}.stat-box.good{background-color:var(--success-bg);border-color:#04785740;color:var(--success)}.stat-box.bad{background-color:var(--danger-bg);border-color:#b91c1c40;color:var(--danger)}.stat-alert{font-size:.75rem;font-weight:600;color:var(--danger)}.pill{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.pill-success{background-color:var(--success-bg);color:var(--success)}.pill-warn{background-color:var(--warning-bg);color:var(--warning)}.pill-price{background-color:#e0f2fe;color:#0369a1;font-family:var(--font-mono)}.pill-direction{background-color:#f3f4f6;color:var(--text-muted)}.counter-pill{font-size:.8125rem;font-weight:500;color:var(--primary);background-color:var(--primary-light);padding:.2rem .6rem;border-radius:var(--radius-full)}.alert-banner{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;margin-block:.75rem;display:flex;align-items:center;gap:.5rem}.alert-success{background-color:var(--success-bg);color:var(--success);border:1px solid rgba(4,120,87,.2)}.alert-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid rgba(185,28,28,.2)}.callout{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;margin-block-start:.5rem}.callout-warning{background-color:var(--warning-bg);color:var(--warning);border:1px solid rgba(180,83,9,.2)}.date-header-card{padding:.75rem 1rem}.date-nav-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.date-nav-controls{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.date-picker-input{inline-size:auto;min-inline-size:140px;min-block-size:38px;font-size:.9375rem;padding:.35rem .5rem}.btn-today{background-color:var(--primary-light);color:var(--primary-dark);border-color:transparent;font-weight:700}.section-header-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.75rem;margin-block-end:.75rem}.view-mode-toggle{display:inline-flex;background-color:#e5e7eb;padding:2px;border-radius:var(--radius-sm)}.toggle-btn{background:none;border:none;font-size:.8125rem;font-weight:600;padding:.3rem .75rem;min-block-size:32px;border-radius:calc(var(--radius-sm) - 2px);color:var(--text-muted)}.toggle-btn.active{background-color:#fff;color:var(--text-main);box-shadow:var(--shadow-sm)}.scratch-card-list{display:grid;grid-template-columns:1fr;gap:.875rem;margin-block-start:.5rem}@media (min-width: 680px){.scratch-card-list{grid-template-columns:repeat(2,1fr)}}.scratch-item-card{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.875rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 1px 3px #0000000a;transition:border-color .15s ease,box-shadow .15s ease}.scratch-item-card:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.scratch-item-card.card-edited{border-color:#99f6e4;background-color:#f0fdfa}.scratch-item-card.card-invalid{border-color:var(--danger);background-color:#fef2f2}.scratch-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.scratch-card-title{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}.game-num-tag{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-subtle);font-weight:700}.game-name{font-size:.9375rem;color:var(--text-main)}.scratch-card-tags{display:flex;gap:.35rem;flex-shrink:0}.scratch-card-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.scratch-card-inputs .input-col{display:flex;flex-direction:column;gap:.25rem}.scratch-card-inputs label{font-size:.75rem;color:var(--text-subtle)}.scratch-card-inputs input{padding:.45rem .5rem;font-size:1rem;min-block-size:42px;text-align:center;font-family:var(--font-mono);font-weight:600}.scratch-card-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-block-start:.4rem;border-block-start:1px dashed var(--border-color);font-size:.875rem}.sold-metrics{color:var(--text-muted)}.sold-dollars{font-family:var(--font-mono);font-weight:700;color:var(--primary-dark)}.text-danger{color:var(--danger);font-weight:600;font-size:.8125rem}.table-wrap,.responsive-table-container{overflow-x:auto;max-inline-size:100%;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#fff;outline:none}.table-wrap:focus-visible{outline:2px solid var(--border-focus)}.interactive-table{inline-size:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.interactive-table thead{position:sticky;inset-block-start:0;z-index:2;background-color:#f9fafb}.interactive-table th,.interactive-table td{padding:.65rem .75rem;text-align:start;border-block-end:1px solid #e5e7eb;white-space:nowrap}.interactive-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);font-weight:700}.interactive-table tbody tr:hover{background-color:#f8fafc}.interactive-table tbody tr:last-child td{border-block-end:none}.input-sm{max-inline-size:85px;min-block-size:38px;padding:.35rem .5rem;font-size:.9375rem;font-family:var(--font-mono)}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.text-success{color:var(--success)}.row-dimmed{opacity:.5}.bad-row{background-color:#fef2f2!important}.footnote{font-size:.8125rem;color:var(--text-subtle);margin-block-start:.75rem;margin-block-end:0}.sticky-mobile-save-bar{position:fixed;inset-block-end:0;inset-inline:0;background-color:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-block-start:1px solid var(--border-color);padding-inline:1rem;padding-block:.65rem max(.65rem,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:.75rem;z-index:30;box-shadow:0 -4px 12px #00000014}.mobile-bar-stats{display:flex;gap:1rem;font-size:.875rem}.mobile-bar-stats .stat-col{display:flex;flex-direction:column}.mobile-bar-stats .bar-label{font-size:.75rem;color:var(--text-subtle)}.mobile-bar-stats .bar-value{font-size:1rem}.btn-save-quick{min-inline-size:90px;min-block-size:44px}@media (min-width: 768px){.sticky-mobile-save-bar{display:none}.main-content{padding-block-end:2.5rem}}.filter-card{display:flex;flex-direction:column;gap:.875rem}.filter-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.quick-filter-actions{display:flex;flex-wrap:wrap;gap:.5rem}.stats-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-block:1rem}.stat-card{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.875rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:var(--shadow-sm)}.stat-card.stat-success{border-color:#0478574d;background-color:var(--success-bg);color:var(--success)}.stat-card.stat-danger{border-color:#b91c1c4d;background-color:var(--danger-bg);color:var(--danger)}.stat-card.stat-highlight{border-color:var(--primary);background-color:#f0fdfa}.stat-card.stat-highlight .stat-value{color:var(--primary-dark)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.center{text-align:center;margin-block-start:15vh;color:var(--text-subtle)}.err{color:var(--danger);font-size:.875rem;font-weight:500}.login{max-inline-size:380px;margin-inline:auto;margin-block-start:10vh}.actions-cell{display:flex;gap:.5rem}.status-dot{display:inline-block;inline-size:8px;block-size:8px;border-radius:var(--radius-full);margin-inline-end:.4rem}.dot-online{background-color:var(--success)}.dot-offline{background-color:#9ca3af}.settings-tab-nav{display:flex;gap:.5rem;overflow-x:auto;padding-block-end:.75rem;margin-block-end:1rem;border-block-end:2px solid var(--border-color);-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-tab-nav::-webkit-scrollbar{display:none}.tab-btn{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--text-muted);white-space:nowrap;min-block-size:40px;cursor:pointer;transition:all .15s ease}.tab-btn:hover{background-color:#f9fafb;color:var(--text-main)}.tab-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-sm)}.auto-save-tag{font-size:.8125rem;font-weight:500;color:var(--primary-dark);background-color:var(--primary-light);padding:.25rem .65rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.role-select{padding:.35rem .65rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);min-inline-size:110px;min-block-size:36px;background-color:#fff}.edit-ticket-card{border:2px solid var(--primary);background-color:#f0fdfa}