:root{--border: #b9c2cc;--header-bg: #24344d;--header-fg: #f4f6f8;--accent: #3a6ea5;--stripe: #eef2f7;--total-bg: #dde6f0;--input-bg: #ffffff;--warn: #b3261e;--bg: #f6f7f9;--fg: #1c2530;--fg-muted: #667788;--fg-subtle: #445566;--card-bg: #ffffff;--row-border: #eef1f4;--label-bg: #f1f4f8;--computed-bg: #f8f9fb;--heading-fg: #24344d;--suggest-bg: #fff8e1;--suggest-border: #d8b653;--error-bg: #fdecea;--success-bg: #e6f4ea;--success-fg: #1e7e34;color-scheme:light}:root[data-theme=dark]{--border: #3a4657;--header-bg: #16202f;--header-fg: #f4f6f8;--accent: #6fa3d8;--stripe: #1e2733;--total-bg: #24344a;--input-bg: #1b2330;--warn: #ff8a80;--bg: #10151f;--fg: #e8ecf2;--fg-muted: #93a1b5;--fg-subtle: #b3c0d1;--card-bg: #161e2c;--row-border: #29344a;--label-bg: #1c2536;--computed-bg: #182130;--heading-fg: #9cc4ee;--suggest-bg: #3a2f14;--suggest-border: #a3853a;--error-bg: #3a1f1f;--success-bg: #16321f;--success-fg: #6fd493;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--fg)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],select,textarea{background:var(--input-bg);color:var(--fg);border:1px solid var(--border)}button{background:var(--card-bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:6px 12px;font-size:13px;cursor:pointer}.app{display:flex;flex-direction:column;height:100vh}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:var(--fg-muted)}.app-header{display:flex;align-items:center;justify-content:space-between;background:var(--header-bg);color:var(--header-fg);padding:10px 18px;gap:16px}.brand{font-weight:700;font-size:18px;letter-spacing:.5px}.week-nav{display:flex;align-items:center;gap:10px}.week-nav button{background:#fff2;border:1px solid #ffffff44;color:var(--header-fg);border-radius:4px;padding:6px 10px;cursor:pointer;font-size:14px}.week-nav button:hover{background:#ffffff3a}.week-nav-info{text-align:center;min-width:170px}.week-number{font-weight:700;font-size:14px}.week-range{font-size:12px;opacity:.85}input.jump-date{padding:5px 6px;border-radius:4px;border:none;background:var(--input-bg);color:var(--fg)}.tabs{display:flex;background:var(--card-bg);border-bottom:1px solid var(--border);padding:0 12px}.tabs{overflow-x:auto}.tabs a{background:none;border:none;padding:12px 16px;cursor:pointer;font-size:14px;color:var(--fg-subtle);text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}.tabs a.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.page{flex:1;overflow:auto;padding:18px}table.grid{border-collapse:collapse;width:100%;background:var(--card-bg);font-size:13px}table.grid th,table.grid td{border:1px solid var(--border);padding:6px 8px;text-align:right;white-space:nowrap}table.grid th{background:var(--header-bg);color:var(--header-fg);font-weight:600;text-align:center}table.grid td.label,table.grid th.label{text-align:left;font-weight:600;background:var(--label-bg);color:var(--fg)}table.grid tbody tr:nth-child(2n) td:not(.label){background:var(--stripe)}table.grid td.total,table.grid th.total{background:var(--total-bg);font-weight:700}table.grid th.total{color:var(--fg)}table.grid input[type=number],table.grid input[type=text],table.grid input[type=time]{width:100%;min-width:64px;border:1px solid transparent;background:var(--input-bg);color:var(--fg);text-align:right;padding:3px 4px;font-size:13px;border-radius:3px}table.grid input[type=text]{text-align:left}table.grid input:focus{border-color:var(--accent);outline:none}table.grid td.computed{color:var(--fg-subtle);background:var(--computed-bg)}.section-title{font-size:16px;font-weight:700;margin:0 0 10px;color:var(--heading-fg)}.notes{margin-top:14px}.notes textarea{width:100%;min-height:60px;border:1px solid var(--border);border-radius:4px;padding:8px;font-family:inherit;font-size:13px;resize:vertical;background:var(--input-bg);color:var(--fg)}.roster-grid{display:grid;grid-template-columns:1fr;gap:24px}.roster-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:14px 16px}.roster-row{display:flex;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--row-border)}.roster-row input[type=text]{flex:1;padding:6px 8px;border:1px solid var(--border);border-radius:4px}.roster-row input[type=number]{width:100px;padding:6px 8px;border:1px solid var(--border);border-radius:4px}.roster-row select{padding:6px 8px;border:1px solid var(--border);border-radius:4px}.roster-row button.remove{background:none;border:none;color:var(--warn);cursor:pointer;font-size:16px}.add-row{margin-top:10px;background:var(--accent);color:#fff;border:none;padding:7px 14px;border-radius:4px;cursor:pointer;font-size:13px}.add-row:hover{opacity:.9}.pct-warn{color:var(--warn);font-weight:700}.header-right{display:flex;align-items:center;gap:10px}.restaurant-switcher{padding:5px 8px;border-radius:4px;border:none}.user-chip{font-size:12px;opacity:.85;white-space:nowrap}.header-right button,.header-right a{background:#fff2;border:1px solid #ffffff44;color:var(--header-fg);border-radius:4px;padding:6px 10px;cursor:pointer;font-size:13px;text-decoration:none}.page{overflow-x:auto}table.grid{min-width:640px}.suggest-cell{width:100%;min-width:64px;background:var(--suggest-bg);color:var(--fg);border:1px dashed var(--suggest-border);border-radius:3px;padding:3px 4px;text-align:right;cursor:pointer;font-size:13px}.suggest-editing{display:flex;gap:2px;align-items:center}.suggest-editing input{width:70px;padding:3px 4px;font-size:13px}.suggest-editing button{border:none;background:var(--accent);color:#fff;border-radius:3px;cursor:pointer;padding:6px 9px;min-height:28px}.readonly-cell{color:var(--fg-muted)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:24px}.auth-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:28px 32px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px}.auth-card h1{margin:0;font-size:20px;color:var(--heading-fg)}.auth-subtitle{margin:0 0 6px;color:var(--fg-muted);font-size:13px}.auth-card label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--fg)}.auth-card input{padding:8px 10px;border:1px solid var(--border);border-radius:4px;font-size:14px;font-weight:400}.auth-card button[type=submit]{margin-top:8px;background:var(--accent);color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;font-size:14px}.auth-error{background:var(--error-bg);color:var(--warn);padding:8px 10px;border-radius:4px;font-size:13px}.auth-footer{text-align:center;font-size:13px;color:var(--fg-muted)}.password-field{position:relative;display:flex}.password-field input{flex:1;padding-right:52px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px}.theme-toggle{display:flex;gap:8px;max-width:260px}.theme-toggle button{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--card-bg);color:var(--fg);cursor:pointer;font-size:13px;font-weight:600}.theme-toggle button.active{background:var(--accent);border-color:var(--accent);color:#fff}.theme-toggle button:disabled{opacity:.6;cursor:default}.app-header{flex-wrap:wrap;row-gap:8px}.week-nav{flex-wrap:wrap;row-gap:6px}.week-nav-info{min-width:0}.header-right{flex-wrap:wrap;row-gap:6px}@media (max-width: 640px){.page,.auth-page{padding:12px}.auth-card{padding:20px}.roster-row{flex-wrap:wrap}.roster-row input[type=text]{min-width:140px}}