:root{--bg: #e9f2fb;--ink: #173a5c;--ink-soft: #3f6590;--card: #ffffff;--card-tint: #f4faff;--line: #d7e7f5;--line-soft: #e6f0fa;--text: #294160;--muted: #6a83a0;--muted-2: #95a9c0;--accent: #2f80d6;--accent-soft: #7fb4e6;--green: #34c08a;--green-deep: #2a8b66;--amber: #c98a35;--red: #e07a86}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:linear-gradient(180deg,#eaf3fc,#e3eefa);background-attachment:fixed;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.app{max-width:1400px;margin:0 auto;padding:22px 16px 48px}.hdr{background:linear-gradient(135deg,#d6eafc,#c2dcf6 55%,#b6d4f3);color:#143458;border-radius:16px 16px 0 0;padding:20px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid #c4dcf3;border-bottom:none}.hdr-titles h1{margin:0;font-size:20px;font-weight:750;letter-spacing:.2px;color:#123455}.hdr-titles .sub{margin:7px 0 0;max-width:720px;font-size:12.5px;line-height:1.55;color:#466e98}.hdr-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0;max-width:100%}.badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.4px;padding:6px 11px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge-fresh{color:#2a8b66;background:#d6f3e6;border-color:#a6e2c8}.badge-aging{color:#a9772a;background:#fbeccd;border-color:#f0d49a}.badge-stale{color:#c05661;background:#fbdde1;border-color:#f1b3ba}.badge-none{color:#5f7da0;background:#dceaf7;border-color:#bcd5ee}.btn{font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:9px;border:1px solid #b9d6ef;background:#fff;color:#1f4571;cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s,opacity .12s}.btn:hover:not(:disabled){background:#f0f7ff;border-color:#9cc6ea}.btn-primary{background:linear-gradient(135deg,#6fb1ea,#4f97df);color:#fff;border-color:#4f97df;box-shadow:0 1px 2px #2f80d640}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#62a8e6,#438bd6)}.btn:disabled{opacity:.5;cursor:not-allowed}.meta{background:#d4e7f8;color:#1f4571;display:flex;flex-wrap:wrap;gap:26px;padding:11px 22px;border:1px solid #c4dcf3;border-top:none;border-radius:0 0 16px 16px}.layout{display:grid;grid-template-columns:210px 1fr;gap:16px;margin-top:16px;align-items:start}@media (max-width: 760px){.layout{grid-template-columns:1fr}}.catnav{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 10px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto}@media (max-width: 760px){.catnav{position:static;max-height:44vh}}.catnav-title{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#345b82;padding:4px 8px 8px}.catgroup{margin-bottom:8px}.catgroup-title{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted-2);padding:8px 8px 4px}.catitem{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:none;border:1px solid transparent;border-radius:9px;padding:7px 9px;font-size:12px;cursor:pointer;transition:background .12s,border-color .12s}.catitem-name{line-height:1.25}.catitem-count{flex-shrink:0;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted-2);background:#eef5fc;border-radius:999px;padding:1px 7px}.catitem.live{color:#294160}.catitem.planned{color:#8497ad}.catitem.planned .catitem-count{color:#aab9cb}.catitem:hover{background:#f0f7ff}.catitem.active{background:#e3f0fb;border-color:#bcd9f4;color:#143458;font-weight:600}.catitem.active .catitem-count{background:#d2e6f8;color:#2f6fb0}.panel{min-width:0}.data-split{display:grid;grid-template-columns:1fr 280px;gap:16px;align-items:start}@media (max-width: 1000px){.data-split{grid-template-columns:1fr}}.data-main{min-width:0}.data-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:12px}.side-card h3{margin-bottom:10px}.trends-top{background:linear-gradient(135deg,#f4faff,#e9f2fc)}.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0;align-items:center}.kv dt{color:var(--muted-2);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.4px}.kv dd{margin:0;text-align:right;color:#294160;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.data-side .cov-row{grid-template-columns:72px 1fr 50px;gap:8px;font-size:11px}.data-side .cov-name{font-weight:600}.brandbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.brandbar-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-right:2px}.brandpill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid #c4ddf2;background:#fff;color:#2c5180;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s}.brandpill:hover:not(:disabled){background:#eef6ff}.brandpill.on{background:linear-gradient(135deg,#6fb1ea,#4f97df);border-color:#4f97df;color:#fff}.brandpill.on .brandpill-n{color:#eaf3fc;background:#ffffff38}.brandpill-n{font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--muted-2);background:#143c6e0f;border-radius:999px;padding:0 6px}.brandpill:disabled{opacity:.4;cursor:not-allowed}.brandpill.clear{border-style:dashed;color:var(--muted)}.meta-item{display:flex;align-items:baseline;gap:8px}.meta-label{font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#5f82a8}.meta-value{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#173a5c}.tabs{display:flex;flex-wrap:wrap;gap:4px;background:#f3f9ff;border:1px solid var(--line);border-radius:12px 12px 0 0;padding:0 12px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:12px 14px;font-size:12.5px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--muted);cursor:pointer}.tab:hover{color:var(--accent)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.content{padding:16px 0 0;display:flex;flex-direction:column;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:0 2px 10px #2f6eb40f}.card h3{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#345b82}.card h4{margin:18px 0 6px;font-size:13px;color:#2c5180}.muted{color:var(--muted);font-size:13px;line-height:1.55}.empty{text-align:center;padding:46px 24px;background:linear-gradient(180deg,#fff,#f4faff)}.empty-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.6px;color:#3f78c0;background:#dcebfb;border:1px solid #b6d4f1;padding:5px 12px;border-radius:999px;margin-bottom:14px}.empty h2{margin:0 0 10px;font-size:20px;color:#1d4470}.empty p{max-width:640px;margin:0 auto;color:var(--muted);font-size:13.5px;line-height:1.6}.empty .attempt{margin-top:16px;font-size:12.5px}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:#e8f1fb;color:#2c5180;padding:1px 5px;border-radius:4px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stat{background:linear-gradient(180deg,#fff,#f4faff);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.stat-label{font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted-2)}.stat-value{margin-top:6px;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:#1d4470}.ok-pill{font-size:13px;color:var(--green-deep);background:#d6f3e6;border:1px solid #a6e2c8;padding:2px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.coverage{display:flex;flex-direction:column;gap:7px}.cov-row{display:grid;grid-template-columns:120px 1fr 90px;align-items:center;gap:10px;font-size:12.5px}.cov-name{color:#34557e;font-weight:600}.cov-bar{height:8px;background:#e3eef9;border-radius:999px;overflow:hidden}.cov-fill{display:block;height:100%;background:linear-gradient(90deg,#7fb4e6,#4f97df);border-radius:999px}.cov-num{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.periods-empty{margin-top:12px;padding:20px;text-align:center;color:var(--muted-2);font-size:13px;border:1px dashed var(--line);border-radius:10px;background:#f4faff}.trends-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.trends-span{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}.trends-note{margin:0;font-size:12px}.periods{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:14px}.period{border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:linear-gradient(180deg,#fff,#f7fbff);opacity:1;transform:translateY(0);transition:transform .24s cubic-bezier(.23,1,.32,1),opacity .24s cubic-bezier(.23,1,.32,1)}.period:nth-child(2){transition-delay:40ms}.period:nth-child(3){transition-delay:80ms}@starting-style{.period{opacity:0;transform:translateY(6px)}}.period.inactive{border-style:dashed;background:#f7fbff}.period-key{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#34557e}.period-key .period-name{font-weight:600;letter-spacing:.3px;color:var(--muted-2);text-transform:none;white-space:nowrap}.period-delta{margin-top:9px;font-size:22px;font-weight:750;line-height:1}.period-delta .delta-arrow{font-size:13px;vertical-align:2px}.delta-up{color:#c05661}.delta-down{color:var(--green-deep)}.delta-flat{color:#34557e}.period-vals{margin-top:7px;font-size:12px;color:var(--muted)}.period-base{margin-top:7px;font-size:11px;line-height:1.45;color:var(--muted-2)}.period-wait{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}.period-progress{display:block;margin-top:10px;height:6px}.spark-wrap{margin-top:16px;opacity:1;transition:opacity .28s cubic-bezier(.23,1,.32,1) .12s}@starting-style{.spark-wrap{opacity:0}}.spark{display:block;width:100%;height:56px}.spark-area{fill:#4f97df1a;stroke:none}.spark-line{fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.spark-dot{stroke:var(--accent-soft);stroke-width:6;stroke-linecap:round}.spark-dot.last{stroke:var(--accent);stroke-width:8}.spark-axis{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:5px;font-size:10.5px;color:var(--muted-2)}.spark-cap{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:.2px}@media (max-width: 700px){.spark-cap{display:none}}.health-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:12px;border:1px solid;font-size:12.5px;line-height:1.55;opacity:1;transform:translateY(0);transition:transform .22s cubic-bezier(.23,1,.32,1),opacity .22s cubic-bezier(.23,1,.32,1)}@starting-style{.health-banner{opacity:0;transform:translateY(-4px)}}.health-banner .dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:currentColor;margin-top:5px}.health-banner.failing{color:#8e3f4a;background:#fbdde1;border-color:#f1b3ba}.health-banner.overdue{color:#8a6224;background:#fbeccd;border-color:#f0d49a}.health-banner strong{font-weight:700}.health-banner a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}.health-banner code{background:#ffffff8c;color:inherit}@media (prefers-reduced-motion: reduce){.period,.spark-wrap,.health-banner{transition:opacity .2s ease}@starting-style{.period,.health-banner{transform:none}}}.universe-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter{font-size:12.5px;padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;width:280px;max-width:100%;color:var(--text)}.filter:focus{outline:none;border-color:var(--accent-soft);box-shadow:0 0 0 3px #7fb4e640}.table-wrap{margin-top:12px;overflow-x:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:12.5px}thead th{position:sticky;top:0;text-align:left;background:#e3f0fb;color:#34557e;font-weight:700;letter-spacing:.3px;padding:9px 11px;border-bottom:1px solid var(--line);white-space:nowrap}tbody td{padding:8px 11px;border-bottom:1px solid var(--line-soft);vertical-align:top}tbody tr:nth-child(2n){background:#f7fbff}tbody tr:hover{background:#eef6ff}td.mono{font-variant-numeric:tabular-nums}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.prose p,.prose li{font-size:13.5px;line-height:1.65;color:#33506f}.prose ul{margin:6px 0 0;padding-left:18px}.foot{margin-top:22px;text-align:center;font-size:11.5px;color:var(--muted-2)}.matrix-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.matrix-titles h3{margin:0}.matrix-sub{margin:6px 0 0;max-width:640px;font-size:12px}.matrix-state{margin-top:14px}.matrix-accum{margin-top:14px;text-align:left;line-height:1.55}.gran-toggle{display:inline-flex;gap:4px;padding:4px;background:#f3f9ff;border:1px solid var(--line);border-radius:999px;flex-shrink:0}.gran-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:none;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;padding:6px 13px;border-radius:999px;transition:color .12s,background .12s cubic-bezier(.23,1,.32,1),transform .12s cubic-bezier(.23,1,.32,1)}.gran-pill:active{transform:scale(.97)}.gran-pill.on{color:#fff;border-color:#4f97df;background:linear-gradient(135deg,#6fb1ea,#4f97df)}@media (hover: hover) and (pointer: fine){.gran-pill:not(.on):hover{color:var(--accent);background:#eaf3fc}}.gran-abbr{display:none}@media (max-width: 560px){.matrix-head{flex-direction:column;align-items:stretch}.gran-toggle{width:100%}.gran-pill{flex:1;padding:7px 6px;text-align:center}.gran-full{display:none}.gran-abbr{display:inline}}.matrix-kpis{margin-top:14px}.kpi-up{color:#c05661}.kpi-down{color:var(--green-deep)}.kpi-flat{color:#34557e}.kpi-mover{display:flex;flex-direction:column;gap:2px;font-size:15px;font-weight:700}.kpi-where{font-size:11px;font-weight:600;color:var(--muted)}.kpi-fresh{font-size:10px;padding:2px 8px}.matrix-wrap{--mtx-grouph: 33px;margin-top:14px;overflow:auto;max-height:70vh;border:1px solid var(--line);border-radius:12px;background:var(--card);-webkit-overflow-scrolling:touch;opacity:1;transform:translateY(0);transition:opacity .24s cubic-bezier(.23,1,.32,1),transform .24s cubic-bezier(.23,1,.32,1)}@starting-style{.matrix-wrap{opacity:0;transform:translateY(6px)}}.matrix{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.matrix thead th{position:sticky;z-index:2;background:#e3f0fb;color:#34557e;font-weight:700;white-space:nowrap;padding:6px 10px;border-bottom:1px solid var(--line)}.matrix-group-row th{top:0;text-align:center}.matrix-sub-row th{top:var(--mtx-grouph);text-align:right;font-weight:600;color:var(--muted)}.matrix-grouphead .grouphead-title{display:block}.matrix-grouphead .grouphead-sub{display:block;font-weight:600;font-size:9.5px;color:var(--muted-2);text-transform:none;letter-spacing:0}.matrix-avghead,.matrix .sub-all,.matrix .col-all{background:#dcebfb}.matrix .col-period{position:sticky;left:0;z-index:2;background:#eef5fc;text-align:left;min-width:132px}.matrix-corner{z-index:3}.matrix-period{font-weight:600;color:#294160;white-space:nowrap;padding:7px 12px;border-bottom:1px solid var(--line-soft)}.matrix-period .live-dot{display:inline-block;margin-right:6px;vertical-align:1px}.matrix-period .period-tag{margin-left:7px;font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#2f6fb0;background:#d2e6f8;border-radius:999px;padding:1px 6px}.matrix .col-avg{min-width:88px;border-left:1px solid var(--line)}.matrix-subhead{min-width:74px}.matrix .col-group-start{border-left:2px solid var(--line)}.matrix tbody tr:nth-child(2n){background:transparent}.matrix-cell{padding:6px 10px;text-align:right;border-bottom:1px solid var(--line-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.matrix-cell .cell-arrow{font-size:8.5px;margin-right:2px;vertical-align:1px}.cell-up{color:#c05661;background:#fbeef0}.cell-down{color:var(--green-deep);background:#e7f6ee}.cell-flat{color:#34557e}.cell-na{color:var(--muted-2)}.matrix-row.live .matrix-period,.matrix-row.live .cell-na,.matrix-row.live .cell-flat{background:#eaf4ff}.matrix-row.live .col-period{background:#dcebfb;box-shadow:inset 3px 0 0 var(--accent)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:mtx-pulse 2.4s cubic-bezier(.23,1,.32,1) infinite}@keyframes mtx-pulse{0%,to{opacity:1}50%{opacity:.4}}.matrix tbody tr:hover{background:transparent}@media (hover: hover) and (pointer: fine){.matrix-row:not(.live):hover .matrix-cell,.matrix-row:not(.live):hover .matrix-period{background:#f3f9ff}.matrix-row:not(.live):hover .col-period{background:#e8f2fc}}.matrix-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px;font-size:11.5px;color:var(--muted)}.matrix-legend .live-dot{display:inline-block;vertical-align:-1px;margin-right:4px}.lg-swatch{width:11px;height:11px;border-radius:3px;display:inline-block;vertical-align:-1px;margin-right:5px}.lg-swatch.up{background:#fbeef0;border:1px solid #e6b7bd}.lg-swatch.down{background:#e7f6ee;border:1px solid #a6e2c8}.lg-sep{color:var(--muted-2)}@media (prefers-reduced-motion: reduce){.live-dot{animation:none}.matrix-wrap{transition:opacity .2s ease}.gran-pill{transition:color .12s,background .12s}.gran-pill:active{transform:none}@starting-style{.matrix-wrap{transform:none}}}