:root{font-family:Noto Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182033;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app-shell{width:min(1500px,calc(100vw - 32px));margin:0 auto;padding:18px 0 64px}.eyebrow{margin:0 0 8px;color:#395fcd;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h2,p{margin-top:0}h2{margin-bottom:16px;font-size:1.45rem}.drop-zone{display:grid;gap:8px;place-items:center;min-height:190px;border:3px dashed #9eb0d5;border-radius:22px;background:#fff;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.drop-zone.dragging{border-color:#395fcd;background:#eef3ff;transform:translateY(-1px)}.drop-zone input{display:none}.drop-zone strong{font-size:1.4rem}.drop-zone span{color:#697386}.error-banner,.placeholder-card,.empty-state{margin:16px 0;padding:14px 16px;border-radius:14px;background:#fff}.error-banner{border:1px solid #e06262;color:#a51818;background:#fff4f4}.tabs{position:sticky;top:0;z-index:20;display:flex;gap:16px;align-items:center;justify-content:space-between;margin:0;padding:12px 0;background:#f4f7fb}.tabs-left,.tabs-right{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tabs-left{min-width:0}.tabs-right{justify-content:flex-end}.tabs button{padding:10px 18px;border:1px solid #bcc8e0;border-radius:999px;color:#243044;background:#fff;cursor:pointer}.tabs button:disabled,.modal-close:disabled{cursor:not-allowed;opacity:.55}.tabs .upload-button,.tabs .reload-button{border-color:#395fcd;color:#395fcd;font-weight:700}.tab-status{min-width:0;padding:9px 12px;overflow:hidden;color:#5b6475;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.latest-date{margin:0 22px;color:#243044;font-size:1.12rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}.tabs button.active{border-color:#395fcd;color:#fff;background:#395fcd}.report-section,.placeholder-card{padding:22px;border:1px solid #d9e2f5;border-radius:18px;background:#fff;box-shadow:0 18px 48px #18203314}.table-scroll{max-height:calc(100vh - 220px);overflow:auto}.report-table{width:max-content;min-width:100%;border-collapse:collapse;table-layout:auto}.report-table th,.report-table td{min-width:96px;padding:10px 12px;border:1px solid #2f3542;text-align:center;vertical-align:middle;white-space:nowrap}.report-table th{position:sticky;top:0;z-index:5;background:#eaf0fb;font-weight:700}.fab-table thead tr:first-child th{top:0;z-index:6}.fab-table thead tr:nth-child(2) th{top:42px}.fab-table th:nth-child(2),.fab-table td.work-content{min-width:280px}.fab-table th:nth-child(2){text-align:center}.work-content{text-align:left;white-space:normal}.metric-cell{min-width:170px}.system-sticky-head{position:sticky;top:64px;z-index:15;margin:-22px -22px 16px;padding:22px 22px 12px;border-bottom:1px solid #d9e2f5;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 12px 22px #18203314}.system-summary{display:grid;grid-template-columns:auto minmax(360px,1fr);gap:14px;align-items:stretch;margin-bottom:16px}.summary-metrics{display:grid;gap:12px;align-content:stretch}.summary-metric{display:grid;gap:2px;min-width:150px;padding:12px 14px;border:1px solid #d9e2f5;border-radius:14px;background:#fbfcff}.summary-metric span{color:#5b6475;font-size:.88rem}.summary-metric strong{font-size:1.45rem}.system-summary-progress{display:grid;gap:9px;min-width:0;padding:14px;border:1px solid #d9e2f5;border-radius:16px;background:#fff}.system-bars{display:grid;gap:12px}.system-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.system-shortcuts a{padding:7px 12px;border:1px solid #bcc8e0;border-radius:999px;color:#243044;background:#fff;font-size:.92rem;font-weight:700;text-decoration:none}.system-shortcuts a:hover,.system-shortcuts a:focus{filter:brightness(1.08);outline:2px solid #182033;outline-offset:2px}.system-bar-card{display:grid;gap:9px;scroll-margin-top:360px;padding:14px;border:1px solid #d9e2f5;border-radius:16px;background:#fff}.system-bar-card.spotlight{animation:system-spotlight 1.1s ease-out}.system-bar-header{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;justify-content:space-between}.system-bar-header div{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline}.system-bar-header strong{min-width:52px;font-size:1.15rem}.system-bar-header span,.system-share,.system-breakdown{color:#5b6475}.system-percent{color:#182033;font-size:1.5em;font-weight:700}.system-progress-frame{display:flex;width:100%;height:18px;overflow:hidden;border:1px solid #111827;background:#fff}.system-remaining{height:100%;background:#e9edf5}.system-type-breakdown{display:grid;gap:8px;padding:10px 12px;border-radius:12px;background:#f7f9fd}.system-type-row{display:grid;grid-template-columns:minmax(170px,240px) minmax(180px,1fr);gap:12px;align-items:center}.system-type-label{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}.system-type-label strong{min-width:38px}.system-type-label span{color:#5b6475;font-size:.9rem}.system-type-progress{display:flex;width:100%;height:12px;overflow:hidden;border:1px solid #7d8797;background:#fff}.system-breakdown{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.92rem}@media(max-width:720px){.system-summary,.system-type-row{grid-template-columns:1fr}}.progress-frame{width:100%;height:13px;margin-top:7px;border:1px solid #111827;background:#fff}.progress-fill{height:100%;transform-origin:left center;animation:progress-grow .72s ease-out both}.progress-fill-red{background:#d93025}.progress-fill-blue{background:#395fcd}.progress-fill-green{background:#2e7d32}.total-row{font-weight:700;background:#fbfcff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#0a122094}.upload-modal{width:min(720px,100%);padding:24px;border:1px solid #d9e2f5;border-radius:22px;background:#fff;box-shadow:0 24px 80px #0a122059}.modal-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.modal-header h2{margin-bottom:0}.modal-close{width:38px;height:38px;border:1px solid #bcc8e0;border-radius:999px;color:#243044;background:#fff;cursor:pointer;font-size:1.5rem;line-height:1}.drop-zone.loading{cursor:wait}.busy-spinner{width:38px;height:38px;border:4px solid #d9e2f5;border-top-color:#395fcd;border-radius:50%;animation:spin .8s linear infinite}@keyframes progress-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes system-spotlight{0%{border-color:#395fcd;box-shadow:0 0 #395fcd52;transform:translateY(10px)}45%{border-color:#395fcd;box-shadow:0 0 0 8px #395fcd24}to{border-color:#d9e2f5;box-shadow:none;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}