:root{--bg: #ffffff;--surface: #f6f7fb;--border: #d0d4e4;--text: #323338;--muted: #676879;--accent: #0073ea;--ok: #00854d;--ok-bg: #d5f2e3;--amber: #7f5f01;--amber-bg: #fdf1c8;--red: #a3232c;--red-bg: #fbdfe1;--radius: 6px;color-scheme:light}:root[data-theme=dark]{--bg: #181b34;--surface: #22254b;--border: #393b6a;--text: #d5d8df;--muted: #9699a6;--accent: #5d9df5;--ok: #7ce0b3;--ok-bg: #17392c;--amber: #f5d76e;--amber-bg: #3d3418;--red: #ff8a95;--red-bg: #45222a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Figtree,Roboto,Helvetica Neue,Arial,sans-serif}.app{padding:16px}.loading,.empty,.note{color:var(--muted)}.error{padding:10px 12px;border:1px solid var(--red);border-radius:var(--radius);background:var(--red-bg);color:var(--red)}.notice{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);margin:0 0 12px}.notice.skipped summary{cursor:pointer}.notice.skipped ul{margin:8px 0 0;padding-left:18px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tabs{display:flex;gap:4px}.tabs button{padding:6px 14px;border:1px solid transparent;border-radius:var(--radius);background:none;color:var(--muted);font:inherit;cursor:pointer}.tabs button.active{border-color:var(--border);background:var(--surface);color:var(--text);font-weight:600}button{font:inherit}.app button:not(.tabs button,.link,.cell-button,.person-toggle,.needs-setup){padding:7px 14px;border:1px solid transparent;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer}.app button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}button:disabled{opacity:.55;cursor:not-allowed}.link{border:0;background:none;color:var(--accent);cursor:pointer;padding:0;text-decoration:underline}.grid-wrap{display:flex;gap:16px;align-items:flex-start}.grid{border-collapse:separate;border-spacing:0;flex:1;display:block;overflow-x:auto;white-space:nowrap}.grid th,.grid td{border-bottom:1px solid var(--border);padding:0;text-align:left}.grid thead th{padding:6px 10px;font-size:12px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--border)}.grid .person-head,.grid th.person{position:sticky;left:0;background:var(--bg);min-width:180px;padding:8px 10px;z-index:1}.person-name{display:block;font-weight:600}.needs-setup{margin-top:2px;border:0;background:none;padding:0;font-size:11px;color:var(--amber);cursor:pointer;text-decoration:underline}.cell-button{position:relative;display:block;width:100%;min-width:96px;padding:8px 10px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.cell-button.selected{outline:2px solid var(--accent);outline-offset:-2px}.cell.ok .cell-button{background:var(--ok-bg);color:var(--ok)}.cell.amber .cell-button{background:var(--amber-bg);color:var(--amber)}.cell.red .cell-button{background:var(--red-bg);color:var(--red)}.cell-ratio{display:block;font-weight:600}.cell-hours{display:block;font-size:11px;opacity:.85}.conflict-badge{position:absolute;top:4px;right:6px;width:16px;height:16px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:700;line-height:16px;text-align:center}.detail{width:260px;flex:none;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.detail header{display:flex;flex-direction:column;position:relative;margin-bottom:10px}.detail header span{color:var(--muted);font-size:12px}.detail header button{position:absolute;top:-4px;right:-4px;border:0;background:none;color:var(--muted);font-size:18px;cursor:pointer}.detail dl{margin:0}.detail dl>div{display:flex;justify-content:space-between;padding:3px 0}.detail dt{color:var(--muted)}.detail dd{margin:0;font-weight:600}.conflicts h3{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:14px 0 6px}.conflicts ul{margin:0;padding:0;list-style:none}.conflicts li{padding:6px 0;border-top:1px solid var(--border)}.conflicts li span{display:block;font-size:12px;color:var(--muted)}.setup{max-width:460px;display:flex;flex-direction:column;gap:14px}.setup h2{margin:0;font-size:18px}.setup-intro{margin:0;color:var(--muted)}label{display:flex;flex-direction:column;gap:4px}label>span{font-weight:600;font-size:13px}label em{font-style:normal;font-weight:400;color:var(--muted)}input,select{padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit}.actions{display:flex;gap:8px}.people{display:flex;flex-direction:column;gap:8px;max-width:720px}.person-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.person-card.unconfigured{border-left:3px solid var(--amber)}.person-toggle{display:flex;flex-direction:column;width:100%;padding:10px 12px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.person-summary{font-size:12px;color:var(--muted)}.person-editor{padding:0 12px 12px;display:flex;flex-direction:column;gap:12px}.field-row{display:flex;gap:12px;flex-wrap:wrap}.field-row label{flex:1 1 150px}.workdays{display:flex;gap:10px;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;margin:0}.workdays legend{font-size:12px;font-weight:600;color:var(--muted);padding:0 4px}.workday,.half-day{flex-direction:row;align-items:center;gap:4px}.workday input,.half-day input{padding:0}.leave h4{margin:0 0 6px;font-size:13px}.leave ul{margin:0 0 10px;padding:0;list-style:none}.leave li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--border)}.leave-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}