:root{--bg: #f4f5f7;--card: #ffffff;--thead: #f9f9fb;--line: #e6e6ec;--line-soft: #eff0f4;--fg: #2a2d34;--muted: #6b7682;--primary: #005f9e;--primary-dark: #00437b;--link: #0d6aa8;--overdue: #c81922;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--radius: 10px;--radius-sm: 6px;--shadow-1: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .03);--shadow-2: 0 4px 12px rgba(16, 24, 40, .07), 0 2px 4px rgba(16, 24, 40, .04);--ease: cubic-bezier(.2, .7, .3, 1);--fast: .14s;--slow: .42s}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}body{font:14px/1.5 Open Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.wrap{max-width:1560px;margin:0 auto;padding:var(--s5)}[hidden]{display:none!important}.kpi-value,.bar-value,.legend-count,.legend-pct,.donut-total{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.page-head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s5);padding-bottom:var(--s4);border-bottom:1px solid var(--line);flex-wrap:wrap}.page-head h1{font-size:22px;font-weight:600;letter-spacing:-.015em;margin:0}.page-head .project{color:var(--muted);font-size:14px;padding-left:var(--s3);border-left:1px solid var(--line)}.page-head .grow{flex:1 1 auto}button{font:inherit;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);color:var(--fg);padding:9px var(--s4);min-height:40px;cursor:pointer;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease)}button:hover{background:var(--thead);border-color:#d8dae1}button:active{transform:translateY(1px) scale(.99)}button:focus-visible{outline:none;box-shadow:0 0 0 3px #005f9e40;border-color:var(--primary)}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover{background:#0a6dad;border-color:#0a6dad}button[disabled],button.is-busy{cursor:default;opacity:.7}button[disabled]:active,button.is-busy:active{transform:none}button.is-busy:before{content:"";display:inline-block;width:13px;height:13px;margin-right:var(--s2);vertical-align:-2px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:var(--s5);color:var(--muted)}.state.error{color:var(--overdue);border-color:#c8192266;background:#fff8f8}.empty{color:var(--muted);font-size:13px;margin:var(--s2) 0 0}.updbar{display:flex;align-items:center;gap:var(--s3);background:#fff8e1;border:1px solid #f0d68a;border-radius:var(--radius);padding:var(--s3) var(--s4);margin-bottom:var(--s4);animation:slide-down var(--slow) var(--ease) both}.updbar span{flex:1 1 auto}.skeleton{display:grid;gap:var(--s4)}.sk-row{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.sk-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);height:96px;position:relative;overflow:hidden}.sk-box.tall{height:260px}.sk-box.wide{height:220px;grid-column:1 / -1}.sk-box:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(16,24,40,.05),transparent);animation:shimmer 1.6s infinite}@keyframes shimmer{to{transform:translate(100%)}}.loading-note{color:var(--muted);font-size:13px;margin:0 0 var(--s3)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:var(--s3);margin-bottom:var(--s4)}.kpi{--accent: var(--muted);position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:var(--s4);overflow:hidden;transition:box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease)}.kpi:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.kpi-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12.5px;font-weight:600;letter-spacing:.01em;min-height:20px}.kpi-value{font-size:32px;font-weight:650;line-height:1.15;letter-spacing:-.025em;margin-top:var(--s1)}.kpi-bar{margin-top:var(--s3);height:3px;border-radius:2px;background:var(--line-soft);overflow:hidden}.kpi-bar>span{display:block;height:100%;border-radius:2px;background:var(--accent);transform-origin:left center;animation:grow-x var(--slow) var(--ease) both}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:0 0 auto}.cards{display:grid;grid-template-columns:1fr;gap:var(--s3);margin-bottom:var(--s4)}@media (min-width: 1000px){.cards{grid-template-columns:1fr 1fr 1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:var(--s4) var(--s5);min-width:0;transition:box-shadow var(--fast) var(--ease)}.card:hover{box-shadow:var(--shadow-2)}.card h2{font-size:15px;font-weight:650;letter-spacing:-.01em;margin:0 0 var(--s3)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s3);flex-wrap:wrap}.card-head h2{margin:0}.hint{color:var(--muted);font-size:12px}.card>.hint{margin:-6px 0 var(--s4)}.chart{min-width:0}.filters{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.filters .filter{color:var(--muted);font-size:13px}.filters select{font:inherit;font-size:13px;font-weight:600;padding:7px 30px 7px 10px;min-height:36px;border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--card);color:var(--fg);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%236b7682' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.filters select:hover{border-color:#d8dae1}.filters select:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #005f9e33}.bar-label{font-size:12px;fill:var(--fg)}.bar-value{font-size:12px;font-weight:650;fill:var(--fg)}.bar-track{fill:var(--line-soft)}.bar-fill{transform-origin:left center;animation:grow-x var(--slow) var(--ease) both}@keyframes grow-x{0%{transform:scaleX(0)}}.bar-row{cursor:default}.bar-row .bar-hit{fill:transparent}.bar-row:hover .bar-track{fill:#e6e8ee}.bar-row:hover .bar-fill{filter:brightness(1.06)}.donut-wrap{display:flex;gap:var(--s4) var(--s5);align-items:center;justify-content:center;flex-wrap:wrap}.donut{flex:0 0 auto;max-width:100%;animation:fade-in var(--slow) var(--ease) both}.donut .seg{stroke-linecap:butt;transition:stroke-dasharray var(--slow) var(--ease),opacity var(--fast) var(--ease),stroke-width var(--fast) var(--ease)}.donut-wrap.dim .seg{opacity:.35}.donut-wrap.dim .seg.active{opacity:1;stroke-width:34}.donut-total{font-size:30px;font-weight:650;letter-spacing:-.02em;fill:var(--fg)}.donut-cap{font-size:10.5px;font-weight:600;fill:var(--muted);letter-spacing:.08em;text-transform:uppercase}.legend{list-style:none;margin:0;padding:0;flex:1 1 180px;min-width:0}.legend li{display:flex;align-items:center;gap:var(--s2);padding:6px var(--s2);border-radius:var(--radius-sm);font-size:13px;cursor:default;transition:background var(--fast) var(--ease)}.legend li:hover{background:var(--thead)}.legend-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-count{font-weight:650}.legend-pct{color:var(--muted);min-width:36px;text-align:right}.table-wrap{max-height:68vh;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);animation:fade-in var(--slow) var(--ease) both}table.topics{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:13px}table.topics th{position:sticky;top:0;z-index:1;background:var(--thead);text-align:left;font-weight:600;color:var(--muted);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;padding:0;border-bottom:1px solid var(--line);white-space:nowrap}table.topics th button.sort{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:11px var(--s3);min-height:40px;border-radius:0;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}table.topics th button.sort:hover{background:#eef0f4;color:var(--fg)}table.topics th button.sort:active{transform:none}table.topics th button.sort.active{color:var(--fg)}.arrow{display:inline-block;margin-left:var(--s1);opacity:.9}table.topics td{padding:11px var(--s3);border-bottom:1px solid var(--line-soft);vertical-align:top;overflow-wrap:anywhere}table.topics tbody tr{transition:background var(--fast) var(--ease)}table.topics tbody tr:hover td{background:#f7f8fa}table.topics tbody tr:last-child td{border-bottom:0}table.topics th.nowrap,table.topics td.nowrap{white-space:nowrap}table.topics td.muted{color:var(--muted)}table.topics td.title{font-weight:600}table.topics td.overdue{color:var(--overdue);font-weight:650}.with-dot{display:inline-flex;align-items:flex-start;gap:7px}.with-dot .dot{margin-top:5px}.tags{display:flex;flex-wrap:wrap;gap:var(--s1)}.tag{background:#eceef3;color:#4a515c;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600;line-height:1.6;white-space:nowrap}table.topics tr.selectable{cursor:pointer}table.topics tr.selected td{background:#eaf2f8}table.topics tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--primary)}.row-link{border:0;background:none;padding:0;min-height:0;font:inherit;font-weight:600;color:var(--link);text-align:left;cursor:pointer;border-radius:3px}.row-link:hover{background:none;text-decoration:underline}.row-link:active{transform:none}.scrim{position:fixed;inset:0;background:#10182847;z-index:20;animation:fade-in-plain var(--fast) var(--ease) both}@keyframes fade-in-plain{0%{opacity:0}}.details{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100%;z-index:21;background:var(--card);border-left:1px solid var(--line);box-shadow:var(--shadow-2);overflow-y:auto;animation:slide-in var(--slow) var(--ease) both}@keyframes slide-in{0%{transform:translate(24px);opacity:0}}.d-bar{display:flex;justify-content:flex-end;padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:1}.d-close{min-height:36px;min-width:36px;padding:0;border:0;background:none;color:var(--muted);font-size:16px;border-radius:var(--radius-sm)}.d-close:hover{background:var(--thead);color:var(--fg)}.d-body{padding:var(--s4) var(--s5)}.d-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.d-ident{color:var(--link);font-size:12px;font-weight:700;letter-spacing:.04em}.d-status{border-radius:999px;padding:3px 12px;font-size:12px;font-weight:650;white-space:nowrap}.d-title{font-size:19px;font-weight:650;line-height:1.3;letter-spacing:-.015em;margin:var(--s2) 0 var(--s4)}.d-thumb{display:block;width:100%;min-height:120px;background:var(--thead);border-radius:var(--radius-sm);border:1px solid var(--line);margin-bottom:var(--s4);transition:filter var(--slow) var(--ease)}.d-thumb.blurry{filter:blur(1px)}.ic{flex:0 0 auto;display:block}.ic-cal{fill:none;stroke:var(--fg);stroke-width:1.5;stroke-linecap:round}.d-due.overdue .ic-cal{stroke:var(--overdue)}.with-icon{display:inline-flex;align-items:center;gap:var(--s2)}.d-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s3)}.d-due{display:inline-flex;align-items:center;gap:var(--s2);font-size:14px}.d-due.overdue{color:var(--overdue);font-weight:650}.d-cal{opacity:.75}a.d-3d,button.d-3d{display:inline-flex;align-items:center;gap:var(--s2);background:var(--primary);border:1px solid var(--primary);color:#fff;text-decoration:none;font-weight:650;font-size:13px;padding:9px var(--s4);min-height:40px;border-radius:var(--radius-sm);transition:background var(--fast) var(--ease),transform var(--fast) var(--ease)}a.d-3d:hover{background:#0a6dad}a.d-3d:active{transform:translateY(1px) scale(.99)}a.d-3d:focus-visible{outline:none;box-shadow:0 0 0 3px #005f9e40}button.d-3d[disabled]{background:var(--thead);border-color:var(--line);color:var(--muted)}.d-3d-icon{font-size:15px;line-height:1}.d-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;font-size:14px;padding-bottom:var(--s4);border-bottom:1px solid var(--line)}.d-note{color:var(--muted);font-size:12.5px;margin:var(--s3) 0 0}.d-desc{margin:var(--s4) 0 0;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.d-section{padding:var(--s4) var(--s5) var(--s6);border-top:1px solid var(--line)}.d-section-title{font-size:15px;font-weight:650;margin:0 0 var(--s4)}.d-field{margin-bottom:var(--s4)}.d-label{color:var(--muted);font-size:12px;margin-bottom:5px}.d-chips{display:flex;flex-wrap:wrap;gap:var(--s1)}.d-chip{background:#eceef3;color:var(--fg);border-radius:var(--radius-sm);padding:5px 10px;font-size:13px}.d-empty{color:var(--muted);font-size:13px}.d-stamps{color:var(--muted);font-size:12px;line-height:1.7;border-top:1px solid var(--line-soft);padding-top:var(--s3)}.tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tab{flex:1 1 0;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:var(--muted);padding:var(--s3)}.tab:hover{background:var(--thead)}.tab:active{transform:none}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab .tab-ic{fill:currentColor}.tab-count{font-weight:650;font-size:15px;font-variant-numeric:tabular-nums}.tab-content{padding:var(--s4) var(--s5) var(--s6)}.tab-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--s3)}.tab-empty{color:var(--muted);font-size:13px;text-align:center;padding:var(--s5) 0}.comments,.refs{list-style:none;margin:0;padding:0}.comment{padding:var(--s3) 0;border-bottom:1px solid var(--line-soft)}.comment:last-child{border-bottom:0}.comment-head{display:flex;align-items:center;gap:var(--s2)}.avatar{width:26px;height:26px;border-radius:50%;background:#dfe3ea;color:#4a515c;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.comment-author{font-weight:650}.comment-text{margin:var(--s2) 0 var(--s1);line-height:1.6;overflow-wrap:anywhere}.comment-date{color:var(--muted);font-size:12px}.comment-shot{display:block;padding:0;margin:var(--s2) 0;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--thead);max-width:180px;cursor:zoom-in}.comment-shot img{display:block;width:100%}.views{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--s2)}.view{padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--thead);min-height:86px;cursor:zoom-in}.view img{display:block;width:100%;height:100%;object-fit:cover}.view.missing{cursor:default}.ref{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) 0;border-bottom:1px solid var(--line-soft);overflow-wrap:anywhere}.ref:last-child{border-bottom:0}.ref .ic{fill:var(--muted);width:18px;height:18px}.ref a{color:var(--link)}.lightbox{position:fixed;inset:0;z-index:30;background:#14181feb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);padding:var(--s5);animation:fade-in-plain var(--fast) var(--ease) both}.lb-bar{display:flex;align-items:center;gap:var(--s3)}.lb-close{min-height:40px;min-width:40px;padding:0;border:0;background:#ffffff1f;color:#fff;font-size:16px}.lb-close:hover{background:#ffffff38}.lb-img{max-width:min(1100px,92vw);max-height:78vh;border-radius:var(--radius-sm);background:#fff}.footnote{color:var(--muted);font-size:12px;margin:var(--s3) 0 0}.version{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}}.kpi{animation:fade-in var(--slow) var(--ease) both}.kpi:nth-child(1){animation-delay:0ms}.kpi:nth-child(2){animation-delay:30ms}.kpi:nth-child(3){animation-delay:60ms}.kpi:nth-child(4){animation-delay:90ms}.kpi:nth-child(5){animation-delay:.12s}.kpi:nth-child(6){animation-delay:.15s}.kpi:nth-child(7){animation-delay:.18s}.kpi:nth-child(8){animation-delay:.21s}.card{animation:fade-in var(--slow) var(--ease) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
