: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-shrink:0}.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;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)}