:root{color-scheme:light;font:15px/1.6 system-ui,sans-serif;color:#25313b;background:#f4f6f8;--red:#ad1325}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{background:white;border-top:5px solid var(--red);border-bottom:1px solid #dfe4ea;padding:18px 0}header small{color:var(--red);font-weight:700}h1{margin:4px 0;font-size:29px}.wrap{max-width:1280px;margin:auto;padding:0 24px}main{padding-top:22px!important;padding-bottom:40px!important}section,#adminpanel{background:white;border:1px solid #dfe4ea;border-radius:10px;padding:22px;margin-bottom:20px}h2,h3{margin:0 0 12px}.grid,.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0}.metric{border:1px solid #dfe4ea;border-radius:7px;padding:12px;background:#fafbfc}.metric strong{display:block;font-size:24px}.line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}form.line{justify-content:flex-start}label{display:block;font-weight:600}input,select,button{font:inherit;border-radius:6px}input:not([type=checkbox]),select{display:block;border:1px solid #aab5c1;padding:8px 10px;margin:5px 0 12px;max-width:100%;background:white;color:#25313b}button{background:var(--red);border:1px solid var(--red);color:white;padding:7px 14px;cursor:pointer}.secondary{background:white;color:#28343f;border-color:#aab5c1}button:disabled{opacity:.55;cursor:default}.muted,#message{color:#495767}a{color:var(--red)}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:660px}th,td{text-align:left;padding:9px;border-bottom:1px solid #e0e5eb;vertical-align:top}th{background:#f0f3f6}.done{color:#13613b}.active{color:#1a50a0}.late{color:#795200;background:#fff4cd}.review{color:#5c4b67}#preview{padding:12px;background:#f7f8fa;border-left:3px solid var(--red)}@media(max-width:650px){.wrap{padding:0 12px}section,#adminpanel{padding:14px}.grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}
.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dfe4ea;margin:14px 0 24px;padding-bottom:12px}.tabs button,.chart-button{background:white;color:#25313b;border-color:#b3bec9}.tabs button[aria-pressed=true]{background:var(--red);color:white;border-color:var(--red)}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));align-items:end;gap:10px}.filters input,.filters select{width:100%;margin-bottom:0}.filters button{min-height:42px}.chart{padding:16px}.chart-line{display:grid;grid-template-columns:98px 1fr 45px;gap:10px;align-items:center;margin:10px 0}.bar{display:flex;min-height:14px;border-radius:4px;overflow:hidden;background:#eef1f4;min-width:100px}.bar i{display:block;min-height:14px}.bar .complete,.dot.complete{background:#218151}.bar .unfinished,.dot.unfinished{background:#3471b7}.bar .overdue,.dot.overdue{background:#e1aa24}.bar .unknown,.dot.unknown{background:#a095ae}.bar .na,.dot.na{background:#c7cdd4}.legend{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}.plain{color:#25313b;background:transparent;border:0;text-align:left;padding:0;text-decoration:underline;text-underline-offset:3px}.focus-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid #e0e5eb}.metric button{color:inherit;background:transparent;border:0;padding:0;text-align:left}.metric button:hover,.plain:hover{color:var(--red)}.count-links{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:6px;font-size:12px}

#screen {position:fixed;inset:0;z-index:10;overflow:auto;background:#14161c;color:#f7f8fb;padding:clamp(16px,3vw,52px);font-size:clamp(16px,1.2vw,24px)}
#screen h2 {font-size:clamp(26px,3vw,52px);margin:0;border-left:8px solid #d92f44;padding-left:.5em}
#screen h3 {margin:0 0 .65em}
#screen .metrics {grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));margin:1em 0}
#screen .chart,#screen .metric {background:#222631;border:1px solid #424857;color:#f7f8fb}
#screen .chart {padding:1em;margin-bottom:1em}
#screen .plain,#screen .metric strong {color:inherit}
#screen .metric strong {font-size:clamp(42px,5vw,92px);line-height:1.1}
#screen .metric:nth-child(2) strong {color:#ff8694}
#screen .metric:nth-child(3) strong {color:#ffd36a}
#screen-ring {display:flex;flex-wrap:wrap;align-items:center;gap:1em}
#screen .ring {width:clamp(125px,13vw,220px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:clamp(26px,3vw,55px);font-weight:800;background:radial-gradient(circle,#222631 59%,transparent 60%),conic-gradient(#35b980 var(--rate),#505969 0)}
.ring-legend {display:grid;gap:.25em}
#screen .rank {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 3ch;gap:.5em;align-items:center;width:100%;text-align:left;margin-bottom:.45em}
#screen .bar {background:#434956;height:14px}
#screen-days {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:.25em}
#screen-days button {display:flex;flex-direction:column;align-items:center;gap:.25em;font-weight:750;min-width:0;padding:0}
.day-fill {display:block;width:58%;background:#548fff;border-radius:5px 5px 0 0}

#dashboard-frame{width:100%;height:82vh;border:1px solid #dbe4ee;border-radius:8px;background:#fff}