:root{--bg: #f7f8fa;--panel: #fff;--line: #e5e7eb;--ink: #111827;--muted: #6b7280;--accent: #2563eb;--ok: #16a34a;--warn: #d97706;--err: #dc2626;--amber-bg: #fef3c7;--ok-bg: #dcfce7;--grey-bg: #f3f4f6;--cross: #fef9c3}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}.app{max-width:1400px;margin:0 auto;padding:12px 16px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 0 16px}.topbar h1{font-size:18px;margin:0}.topbar .who{color:var(--muted);font-size:13px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:12px}.tabs button{background:transparent;border:none;padding:8px 12px;cursor:pointer;border-bottom:2px solid transparent;color:var(--muted);font-weight:500}.tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:12px}.controls label{color:var(--muted);font-size:12px}input,select,button{font:inherit;padding:6px 8px;border-radius:6px;border:1px solid var(--line);background:#fff}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);cursor:pointer}button.primary:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border-color:var(--line);cursor:pointer}button.danger{background:#fff;color:var(--err);border-color:var(--err);cursor:pointer}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:12px}.panel h3{margin:0 0 8px;font-size:14px}.row-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto;gap:8px}.row-form input,.row-form select{width:100%}.grid-wrap{overflow:auto}table.grid{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}table.grid th,table.grid td{border:1px solid var(--line);padding:4px 6px;text-align:left;white-space:nowrap}table.grid th{background:var(--grey-bg);font-weight:600;font-size:12px}table.grid td.week{text-align:right;width:60px}table.grid td.week input{width:100%;text-align:right;border:none;background:transparent}table.grid td.week input:focus{outline:2px solid var(--accent)}td.readonly{background:var(--grey-bg);color:var(--muted)}td.actions{display:flex;gap:4px}.chip{display:inline-block;padding:2px 6px;font-size:11px;border-radius:999px}.chip.role-admin{background:#dbeafe;color:#1e40af}.chip.role-planner{background:#dcfce7;color:#166534}.chip.role-viewer{background:var(--grey-bg);color:var(--muted)}.chip.cross{background:var(--cross);color:#854d0e}.stat-ok{background:var(--ok-bg)}.stat-warn{background:var(--amber-bg)}.stat-short{background:var(--grey-bg);color:var(--muted)}.wait{max-width:480px;margin:80px auto;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.filter-chips button{padding:3px 8px;border-radius:999px;font-size:12px;cursor:pointer;background:#fff;border:1px solid var(--line);color:var(--ink)}.filter-chips button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.dirty:after{content:" •";color:var(--warn)}.small{color:var(--muted);font-size:12px}