:root{--ground: #f3f5f7;--surface: #ffffff;--line: #dde2e8;--line-strong: #c5cdd6;--ink: #131c26;--ink-2: #4a5868;--accent: #17324d;--above: #1a56c4;--above-bg: #e4edfc;--on: #33475b;--on-bg: #e6ebf0;--below: #a8430b;--below-bg: #fce8da}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:Instrument Sans,system-ui,sans-serif;font-size:14px;line-height:1.4}h1{margin:0;font-size:24px;font-weight:700}h2{margin:0;font-size:16px;font-weight:700}p{margin:0}a{color:var(--accent)}strong,.strong{font-weight:600}.muted{color:var(--ink-2)}.small{font-size:12.5px}.error{color:var(--below);font-weight:600}.ok,.t-above{color:var(--above);font-weight:600}.t-on{color:var(--on);font-weight:600}.t-below{color:var(--below);font-weight:600}.num{text-align:right;font-variant-numeric:tabular-nums}.topbar{background:var(--surface);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1296px;margin:0 auto;padding:0 32px;min-height:64px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 32px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}.nav{display:flex;flex-wrap:wrap;gap:4px;flex-grow:1}.nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;font-weight:500;color:var(--ink-2);text-decoration:none}.nav a.active{font-weight:600;color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}.who{display:flex;align-items:center;gap:8px}.chip{padding:6px 12px;background:var(--on-bg);border-radius:999px;font-size:13px;font-weight:600;color:var(--on)}.page{max-width:1296px;margin:0 auto;padding:24px 32px 48px}.narrow{max-width:520px;margin:0 auto}.centered{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.centered-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px}.stack{display:flex;flex-direction:column;gap:12px}.stack-sm{display:flex;flex-direction:column;gap:6px}.stack-lg{display:flex;flex-direction:column;gap:20px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-gap{display:flex;align-items:center;gap:8px}.row-gap-lg{display:flex;flex-wrap:wrap;gap:8px 28px}.wrap{flex-wrap:wrap;align-items:flex-end}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.btn:hover{border-color:var(--ink-2)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#0b1f33}.btn-quiet{border-color:transparent;background:transparent;color:var(--ink-2)}.btn-wide{width:100%;min-height:48px;font-size:16px}.btn-icon{width:44px;padding:0}:focus-visible{outline:3px solid #1a56c4;outline-offset:2px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:13px;font-weight:600}input,select,textarea{width:100%;min-height:48px;padding:0 12px;border:1px solid #5f6c7b;border-radius:8px;font:inherit;font-size:16px;color:var(--ink);background:var(--surface)}input[inputmode=numeric]{font-size:20px;font-weight:700}input[type=date]{min-height:44px;font-size:14px;width:auto}.segmented{display:flex;flex-wrap:wrap;gap:6px}.segmented button{min-height:44px;padding:0 14px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--on);font:inherit;font-weight:500;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.period-label{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 6px 0 14px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);font-weight:600}.period-label input{border:0;min-height:40px;width:44px;padding:0 8px;color:transparent;cursor:pointer}.period-label input::-webkit-datetime-edit{display:none}.divider{display:flex;align-items:center;gap:12px;color:var(--ink-2);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}.pill-above{color:var(--above);background:var(--above-bg)}.pill-on{color:var(--on);background:var(--on-bg)}.pill-below{color:var(--below);background:var(--below-bg)}.notice{padding:12px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface)}.notice-warn{border-color:var(--below)}.stat{display:flex;flex-direction:column;padding:10px 12px;background:var(--ground);border-radius:8px}.stat-value{font-size:24px;font-weight:700}.scorebox{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--ground);border-radius:8px;min-height:76px}.scorebox>div{display:flex;flex-direction:column}.score{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.plain-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.plain-list li{padding:6px 0;border-top:1px solid var(--line)}.tiles{display:flex;flex-wrap:wrap;gap:16px}.tile{flex:1 1 240px;display:flex;flex-direction:column;gap:8px}.bandbar{display:flex;gap:2px;height:14px;border-radius:4px;overflow:hidden}.kv{display:flex;justify-content:space-between;font-size:13px}.big{display:flex;flex-direction:column}.big-n{font-size:34px;font-weight:700;line-height:1.15}.big-label{font-size:13px;font-weight:600}.split{display:flex;flex-wrap:wrap;gap:16px}.split-main{flex:3 1 520px;min-width:0}.split-side{flex:2 1 340px;min-width:0}.chart{width:100%;height:auto;font-family:inherit}.attn{display:flex;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px}.attn-warn{border-color:var(--below)}.attn strong{min-width:78px}.scroll-x{overflow-x:auto}.trow{display:grid;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid #eef1f4}.trow>[role=cell],.trow>[role=columnheader]{min-width:0;overflow-wrap:anywhere}.thead{padding:8px 4px;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink-2);align-items:end}.score-cell{font-weight:700;font-size:15px}.strip{display:flex;gap:4px}.strip-head{width:55px;text-align:center;font-weight:600}.cell{width:55px;padding:5px 0;text-align:center;border-radius:6px;border:1px solid transparent;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.cell-above{color:var(--above);background:var(--above-bg)}.cell-on{color:var(--on);background:var(--on-bg)}.cell-below{color:var(--below);background:var(--below-bg)}.cell-leave{color:var(--ink-2);border-color:var(--line-strong)}.cell-missed{color:var(--below);border-color:var(--below)}.cell-pending{color:var(--ink-2);border:1px dashed var(--line-strong)}.cell-empty{color:var(--ink-2)}.cell-late{border-color:var(--below)}.cell-noted{position:relative}.cell-noted:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:currentColor}@media (max-width: 640px){.topbar-inner,.page{padding-left:16px;padding-right:16px}.topbar-inner{gap:0 12px;padding-top:6px}.brand{flex:1;min-width:0;white-space:nowrap}.chip-role{display:none}.period-label{flex:1 1 0;min-width:0;padding-left:10px;gap:4px;font-size:13px;white-space:nowrap}.period-label span{overflow:hidden;text-overflow:ellipsis}.nav{order:3;flex-basis:100%}.page{padding-top:16px}}a.chip{text-decoration:none;display:inline-flex;align-items:center;min-height:32px}a.btn{text-decoration:none}.pill-admin{color:#fff;background:var(--accent)}.label{font-size:13px;font-weight:600}.stack-xs{display:flex;flex-direction:column;gap:4px}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-wrong{color:var(--below)}.btn-dashed{border-style:dashed;border-color:#5f6c7b}.period-text{padding:0 14px}.dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.dialog::backdrop{background:#131c2673}.dialog>.row-between{margin-bottom:12px}.leave-line{padding-top:12px;border-top:1px solid var(--line)}.fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:4px}.fieldset legend{padding:0;font-size:13px;font-weight:600}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.check{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.check input{width:20px;min-height:20px;height:20px;padding:0;accent-color:var(--accent);flex:none}.check input:checked+span{font-weight:600}.cat-row{display:grid;grid-template-columns:minmax(0,1fr) 124px 44px;gap:8px;align-items:center}.cat-row input:first-child{font-weight:600}.qc-cols{grid-template-columns:100px 118px minmax(200px,1fr) 72px}.err-cols{grid-template-columns:50px 180px 80px 110px minmax(0,1fr) minmax(0,1fr)}.people-cols{grid-template-columns:minmax(150px,1.1fr) minmax(170px,1.2fr) 90px minmax(160px,1.2fr) 100px 80px 76px}.bar-row{display:grid;grid-template-columns:104px minmax(0,1fr) 36px;gap:10px;align-items:center}.bar-track{display:block;height:18px;background:#eef1f4;border-radius:4px}.bar-fill{display:block;height:18px;border-radius:4px;background:var(--accent);min-width:0}.bar-button{min-height:44px;padding:0 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.bar-button:hover{border-color:var(--line-strong)}.bar-button[aria-pressed=true]{border-color:var(--accent);background:var(--ground)}.bar-button[aria-pressed=true] .bar-fill{background:#d9742b}.cell-button{cursor:pointer;font-family:inherit}.cell-button:hover{outline:2px solid var(--accent);outline-offset:1px}.facts{margin:0;display:flex;flex-direction:column}.facts>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #eef1f4}.facts dt{color:var(--ink-2)}.facts dd{margin:0;font-weight:600;text-align:right}.history li{display:flex;flex-direction:column}@media print{.topbar,.no-print,.segmented,.btn{display:none!important}body{background:#fff}.card{break-inside:avoid}}.linkcard{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:var(--ink);padding:14px 20px}.linkcard:hover{border-color:var(--ink-2)}.linkcard-due{border-color:var(--below)}.btn-small{min-height:32px;padding:0 10px;font-size:13px;flex:none}.attn{align-items:center}.attn-text{flex:1}.is-loading{opacity:.55;transition:opacity .15s;pointer-events:none}textarea{min-height:64px;padding:10px 12px;font-size:15px;resize:vertical}.reason-box{padding:12px;border:1px solid var(--below);border-radius:8px;background:#fffaf6}.chart-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--ink-2)}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.heat{border-collapse:separate;border-spacing:3px;font-size:12.5px;font-variant-numeric:tabular-nums}.heat th{font-weight:600;color:var(--ink-2);text-align:center;padding:4px 6px;white-space:nowrap}.heat th.rowh{text-align:left;color:var(--ink)}.heat td{min-width:64px;padding:7px 6px;text-align:center;border-radius:6px;font-weight:600}.heat td.total{background:transparent;color:var(--ink);border-left:1px solid var(--line);border-radius:0}.share{color:var(--ink-2);font-weight:500}.reason-list li{display:grid;grid-template-columns:92px 120px 64px minmax(0,1fr);gap:10px;align-items:baseline}@media (max-width: 640px){.reason-list li{grid-template-columns:80px minmax(0,1fr) 56px}.reason-list li>:last-child{grid-column:1 / -1}}.bar-row-wide{grid-template-columns:minmax(110px,190px) minmax(0,1fr) 72px;min-height:30px}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.member-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line);border-radius:10px}.pill-btn{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;font-size:13px;padding:5px 12px}.pill-btn strong{margin-left:4px}.pill-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.bar-compact{min-height:34px}.pid{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px}.stack-0{display:flex;flex-direction:column;min-width:0}.link-btn{align-self:flex-start;border:0;background:none;padding:4px 8px;color:var(--accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.link-btn:hover{text-decoration:underline}.nav-badge{color:#b42318;font-weight:700}