:root{--bg:oklch(0.165 0.022 264);--bg-2:oklch(0.198 0.024 264);--surface:oklch(0.232 0.026 264);--surface-2:oklch(0.283 0.028 264);--border:oklch(0.318 0.026 264);--border-2:oklch(0.42 0.03 264);--ink:oklch(0.975 0.006 264);--muted:oklch(0.78 0.022 264);--faint:oklch(0.665 0.022 264);--brand:oklch(0.62 0.175 262);--brand-2:oklch(0.52 0.16 262);--brand-ink:oklch(0.84 0.11 262);--brand-glow:oklch(0.62 0.175 262/0.4);--signal:oklch(0.82 0.16 72);--signal-ink:oklch(0.9 0.11 78);--up:oklch(0.8 0.16 152);--down:oklch(0.7 0.21 25);--checking:oklch(0.82 0.14 92);--r:14px;--r-sm:10px;--maxw:1200px;--ease:cubic-bezier(0.22,1,0.36,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--z-sticky:30;--z-backdrop:80;--z-modal:90;--z-tooltip:100;--font-sans-stack:system-ui,-apple-system,"Segoe UI","Leelawadee UI","Noto Sans Thai","Sarabun",Tahoma,sans-serif;--font-mono-stack:ui-monospace,"Cascadia Code","Segoe UI Mono",Consolas,"Liberation Mono",monospace}:root[data-theme=light]{--bg:oklch(0.985 0.004 264);--bg-2:oklch(0.965 0.006 264);--surface:oklch(1 0 0);--surface-2:oklch(0.955 0.008 264);--border:oklch(0.9 0.012 264);--border-2:oklch(0.83 0.018 264);--ink:oklch(0.24 0.02 264);--muted:oklch(0.42 0.022 264);--faint:oklch(0.50 0.02 264);--brand:oklch(0.55 0.18 262);--brand-2:oklch(0.47 0.16 262);--brand-ink:oklch(0.45 0.17 262);--brand-glow:oklch(0.55 0.18 262/0.28);--signal:oklch(0.62 0.15 64);--signal-ink:oklch(0.52 0.13 64);--up:oklch(0.55 0.15 152);--down:oklch(0.54 0.22 25);--checking:oklch(0.62 0.14 85)}:root[data-theme=light] body{background-image:radial-gradient(1100px 520px at 82% -12%,oklch(.55 .18 262/.07),transparent 64%),radial-gradient(760px 420px at 2% -8%,oklch(.82 .16 72/.05),transparent 62%)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans-stack);line-height:1.5;min-height:100dvh;background-image:radial-gradient(1100px 520px at 82% -12%,oklch(.62 .175 262/.16),transparent 64%),radial-gradient(760px 420px at 2% -8%,oklch(.82 .16 72/.05),transparent 62%);background-attachment:fixed}.mono{font-family:var(--font-mono-stack);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.top{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);background:color-mix(in oklch,var(--bg) 78%,transparent);border-bottom:1px solid var(--border)}.top-in{gap:18px;height:66px}.brand,.top-in{display:flex;align-items:center}.brand{gap:11px;min-width:0}.mark{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:block}.wordmark{display:flex;align-items:baseline;gap:9px;min-width:0}.wordmark .nm{font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--ink)}.wordmark .bar{width:2px;height:15px;background:var(--signal);border-radius:2px;align-self:center}.wordmark .sub{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--brand-ink);text-transform:uppercase}.top-spacer{flex:1 1}.top-tools{display:flex;align-items:center;gap:12px}.search-trigger{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 10px 0 13px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:13px;font-family:inherit;cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}.search-trigger:hover{border-color:var(--border-2);background:var(--surface-2);color:var(--ink)}.search-trigger svg{width:15px;height:15px;opacity:.85}.search-trigger .kbd{margin-left:2px}.kbd{font-family:var(--font-mono-stack);font-size:11px;line-height:1;padding:3px 6px;border-radius:6px;color:var(--muted);background:color-mix(in oklch,var(--bg) 60%,black 8%);border:1px solid var(--border-2)}.top-clock{font-weight:500}.summary-pill,.top-clock{font-size:13px;color:var(--ink)}.summary-pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-weight:600;white-space:nowrap}.summary-pill .sdot{width:8px;height:8px}.hero{padding:56px 0 30px;position:relative}.hero-eyebrow{gap:9px;margin-bottom:18px;font-size:12.5px;color:var(--muted)}.hero-eyebrow,.hero-eyebrow .live{display:inline-flex;align-items:center}.hero-eyebrow .live{gap:6px;font-weight:600;color:var(--up);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.hero-eyebrow .live .sdot{width:7px;height:7px;background:var(--up)}.hero h1{font-size:clamp(2.1rem,1.4rem + 2.6vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.04;text-wrap:balance;max-width:19ch}.hero h1 em{font-style:normal;color:var(--brand-ink)}.hero p{margin-top:16px;color:var(--muted);max-width:56ch;font-size:16px;line-height:1.55}.hero p kbd{font-family:var(--font-mono-stack);font-size:.82em;padding:2px 6px;border-radius:5px;background:var(--surface);border:1px solid var(--border-2);color:var(--ink)}.pulse{margin-top:30px;padding:16px 18px;border-radius:var(--r);background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);align-items:center;gap:18px}.pulse,.pulse-dots{display:flex;flex-wrap:wrap}.pulse-dots{gap:7px;flex:1 1;min-width:200px}.pdot{width:10px;height:10px;border-radius:3px;background:var(--border-2);transition:transform .2s var(--ease),background .2s var(--ease)}.pdot[data-s=up]{background:var(--up)}.pdot[data-s=down]{background:var(--down);box-shadow:0 0 8px var(--down)}.pdot[data-s=checking]{background:var(--checking);animation:pulseGlow 1.1s ease-in-out infinite}.pdot:hover{transform:scale(1.35)}.pulse-stat{display:flex;align-items:center;gap:18px;font-size:13px;color:var(--muted);white-space:nowrap}.pulse-stat b{color:var(--ink);font-weight:600}.pulse-stat .sep{width:1px;height:22px;background:var(--border)}.section{padding:26px 0}.section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px;flex-wrap:wrap}.section-head h2{font-size:15px;font-weight:600;letter-spacing:-.005em;color:var(--ink)}.section-head .meta{font-size:12.5px;color:var(--faint)}.section-head .filters{margin-left:auto;display:flex;gap:6px}.fchip{font-size:12.5px;font-family:inherit;padding:5px 12px;border-radius:999px;cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--muted);transition:all .16s var(--ease)}.fchip:hover,.fchip[aria-pressed=true]{border-color:var(--border-2);color:var(--ink)}.fchip[aria-pressed=true]{background:var(--surface-2)}.fchip[aria-pressed=true] .fc-dot{opacity:1}.fc-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;opacity:.7;vertical-align:middle}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(296px,1fr));grid-gap:14px;gap:14px}.card{position:relative;display:flex;flex-direction:column;gap:13px;padding:18px;border-radius:var(--r);overflow:hidden;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);transition:transform .24s var(--ease),border-color .24s var(--ease),box-shadow .24s var(--ease)}.card:before{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(420px 160px at 16% -20%,color-mix(in oklch,var(--chip),transparent 78%),transparent 70%);transition:opacity .24s var(--ease)}.card:hover{transform:translateY(-3px);border-color:color-mix(in oklch,var(--chip),var(--border) 42%);box-shadow:0 18px 40px -22px oklch(0 0 0/.75)}.card:hover:before{opacity:1}.card:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.card-top{display:flex;align-items:center;gap:12px}.chip{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;font-weight:700;font-size:16px;color:oklch(.99 0 0);letter-spacing:-.01em;background:linear-gradient(150deg,var(--chip),color-mix(in oklch,var(--chip),black 30%));box-shadow:inset 0 1px 0 oklch(1 0 0/.18),0 4px 12px -5px color-mix(in oklch,var(--chip),transparent 30%)}.card-name{min-width:0;flex:1 1}.card-name b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-name span{display:block;font-size:12px;color:var(--faint);margin-top:1px}.card-desc{color:var(--muted);font-size:13px;line-height:1.5;min-height:2.95em}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:2px}.host{font-size:11.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.go{font-size:12px;color:var(--brand-ink);font-weight:600;opacity:0;transform:translateX(-4px);transition:all .24s var(--ease);flex-shrink:0}.card:hover .go{opacity:1;transform:none}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11px;padding:3px 9px;border-radius:6px;background:color-mix(in oklch,var(--surface-2) 80%,transparent);color:var(--muted);border:1px solid var(--border)}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;flex-shrink:0}.sdot{width:9px;height:9px;border-radius:50%;background:var(--faint);position:relative;flex-shrink:0}.status[data-s=up]{color:var(--up)}.status[data-s=up] .sdot{background:var(--up)}.status[data-s=up] .sdot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--up);opacity:.55;animation:ping 2s var(--ease) infinite}.status[data-s=down]{color:var(--down)}.status[data-s=down] .sdot{background:var(--down);box-shadow:0 0 8px var(--down)}.status[data-s=checking]{color:var(--checking)}.status[data-s=checking] .sdot{background:var(--checking);animation:pulseGlow 1s ease-in-out infinite}.lat{color:var(--faint);font-weight:500}@keyframes ping{0%{transform:scale(.8);opacity:.55}80%,to{transform:scale(2.1);opacity:0}}@keyframes pulseGlow{50%{opacity:.4}}.infra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));grid-gap:12px;gap:12px}.irow{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:12px;background:var(--surface);border:1px solid var(--border);transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.irow:hover{border-color:var(--border-2);background:var(--surface-2);transform:translateY(-2px)}.irow:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.ichip{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-weight:700;font-size:13px;color:oklch(.99 0 0);background:linear-gradient(150deg,var(--chip),color-mix(in oklch,var(--chip),black 30%));box-shadow:inset 0 1px 0 oklch(1 0 0/.16)}.irow .body{min-width:0;flex:1 1}.irow .body b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.irow .body span{font-size:11px;color:var(--faint)}.stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));grid-gap:14px;gap:14px}.layer{padding:17px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.layer h3{font-size:11px;font-weight:700;color:var(--brand-ink);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.layer ul{list-style:none;display:flex;flex-direction:column;gap:8px}.layer li{font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:9px}.layer li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand);flex-shrink:0}.foot{padding:36px 0 48px;margin-top:24px;border-top:1px solid var(--border);color:var(--faint);font-size:12.5px;display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}.foot .mono{color:var(--muted)}.cmd-backdrop{position:fixed;inset:0;z-index:var(--z-backdrop);background:oklch(.12 .02 264/.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;animation:fade .16s var(--ease)}.cmd{width:min(620px,100%);max-height:70vh;display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--border-2);border-radius:16px;box-shadow:0 32px 80px -28px oklch(0 0 0/.8);overflow:hidden;z-index:var(--z-modal);animation:pop .2s var(--ease-out)}.cmd-in{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid var(--border)}.cmd-in svg{width:18px;height:18px;color:var(--faint);flex-shrink:0}.cmd-in input{flex:1 1;background:none;border:none;outline:none;color:var(--ink);font-family:inherit;font-size:15.5px}.cmd-in input::placeholder{color:var(--faint)}.cmd-in .esc{font-size:11px}.cmd-list{overflow-y:auto;padding:8px;scrollbar-width:thin}.cmd-empty{padding:28px 16px;text-align:center;color:var(--faint);font-size:14px}.cmd-group{padding:10px 10px 5px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.cmd-item{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:10px;cursor:pointer;scroll-margin:8px}.cmd-item[data-active=true]{background:color-mix(in oklch,var(--brand) 22%,var(--surface))}.cmd-item .ichip{width:30px;height:30px}.cmd-item .ci-body{flex:1 1;min-width:0}.cmd-item .ci-body b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-item .ci-body span{font-size:11.5px;color:var(--faint)}.cmd-item .ci-enter{font-size:11px;color:var(--brand-ink);opacity:0}.cmd-item[data-active=true] .ci-enter{opacity:1}.cmd-foot{display:flex;align-items:center;gap:16px;padding:9px 15px;border-top:1px solid var(--border);font-size:11.5px;color:var(--faint)}.cmd-foot .k{display:inline-flex;align-items:center;gap:5px}.cmd-foot .kbd{font-size:10px;padding:2px 5px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(-8px) scale(.985)}}.rise{opacity:0;transform:translateY(12px);animation:rise .5s var(--ease-out) forwards}@keyframes rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto}.rise{opacity:1;transform:none}}@media (max-width:760px){.search-trigger .kbd,.top-clock{display:none}}@media (max-width:560px){.wrap{padding:0 16px}.hero{padding:38px 0 22px}.wordmark .sub{display:none}.summary-pill{padding:0 11px}.pulse-stat{font-size:12px;gap:12px}.section-head .filters{width:100%;margin-left:0}}.kpi-page{padding:28px 0 60px}.kpi-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.kpi-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ink);margin-bottom:8px}.kpi-head h1{font-size:clamp(1.6rem,1.2rem + 1.5vw,2.4rem);font-weight:700;letter-spacing:-.02em}.kpi-sub{margin-top:8px;color:var(--muted);font-size:14px}.kpi-actions{display:flex;gap:10px;align-items:center}.kpi-btn{font-family:inherit;font-size:13px;font-weight:600;padding:9px 16px;border-radius:10px;cursor:pointer;border:1px solid var(--brand-2);background:var(--brand);color:oklch(.99 0 0);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.kpi-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px -10px var(--brand-glow)}.kpi-btn.ghost{background:var(--surface);border-color:var(--border);color:var(--ink)}.kpi-btn.ghost:hover{border-color:var(--border-2);background:var(--surface-2);box-shadow:none}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:14px;gap:14px}.kpi-card{position:relative;display:flex;flex-direction:column;gap:9px;padding:18px 18px 18px 21px;border-radius:var(--r);background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);overflow:hidden}.kpi-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--rag,var(--border-2))}.kpi-card[data-status=green]{--rag:var(--up)}.kpi-card[data-status=amber]{--rag:var(--signal)}.kpi-card[data-status=red]{--rag:var(--down)}.kpi-card[data-status=pending]{--rag:var(--border-2);opacity:.92}.kpi-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.kpi-status{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:var(--rag)}.kpi-sdot{width:8px;height:8px;border-radius:50%;background:var(--rag);flex-shrink:0}.kpi-card[data-status=pending] .kpi-status,.kpi-freq{color:var(--faint)}.kpi-freq{font-size:11px;padding:2px 8px;border-radius:6px;border:1px solid var(--border);background:color-mix(in oklch,var(--surface-2) 70%,transparent)}.kpi-label{font-size:15.5px;font-weight:600;letter-spacing:-.01em;margin-top:2px}.kpi-def{font-size:12.5px;color:var(--muted);line-height:1.45;min-height:2.7em}.kpi-metric{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:4px}.kpi-value{font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--ink)}.kpi-card[data-status=pending] .kpi-value{color:var(--faint);font-weight:600;font-size:22px}.kpi-spark-wrap{color:var(--rag);flex-shrink:0}.kpi-spark{display:block}.kpi-foot{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding-top:10px;border-top:1px solid var(--border)}.kpi-target{font-size:12px;font-weight:600;color:var(--muted)}.kpi-src{font-size:11px;color:var(--faint)}.kpi-note{font-size:11px;color:var(--signal-ink)}.kpi-pagefoot{margin-top:26px;padding-top:18px;border-top:1px solid var(--border);color:var(--faint);font-size:12px;line-height:1.6}.kpi-login{min-height:100dvh;display:grid;place-items:center;padding:24px}.kpi-login-card{width:min(380px,100%);display:flex;flex-direction:column;gap:12px;padding:30px;border-radius:var(--r);background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border)}.kpi-login-card h1{font-size:22px;font-weight:700}.kpi-login-input{font-family:inherit;font-size:15px;padding:11px 14px;border-radius:10px;background:var(--bg);border:1px solid var(--border-2);color:var(--ink);outline:none}.kpi-login-input:focus{border-color:var(--brand)}.kpi-login-err{font-size:12.5px;color:var(--down)}@media print{body{background:white!important;background-image:none!important;color:black}.no-print{display:none!important}.kpi-page{padding:0;max-width:none}.kpi-eyebrow{color:#444}.kpi-head h1,.kpi-label,.kpi-value{color:black}.kpi-def,.kpi-sub,.kpi-target{color:#333}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card{background:white!important;border:1px solid #ccc;page-break-inside:avoid;break-inside:avoid}.kpi-freq,.kpi-note,.kpi-pagefoot,.kpi-src{color:#555}}.kpi-card-link{text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.kpi-card-link:hover{transform:translateY(-3px);border-color:color-mix(in oklch,var(--rag),var(--border) 40%);box-shadow:0 18px 40px -24px oklch(0 0 0/.7)}.kpi-card-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.kpi-drill{font-size:11.5px;font-weight:600;color:var(--brand-ink);opacity:0;transform:translateX(-4px);transition:all .2s var(--ease);margin-top:2px}.kpi-card-link:hover .kpi-drill{opacity:1;transform:none}.kpi-crumb{color:var(--brand-ink)}.kpi-crumb:hover{text-decoration:underline}.kpi-detail-hero{display:flex;flex-wrap:wrap;align-items:center;gap:24px 40px;padding:22px 24px;border-radius:var(--r);background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-left:4px solid var(--rag,var(--border-2));margin-bottom:22px}.kpi-detail-hero[data-status=green]{--rag:var(--up)}.kpi-detail-hero[data-status=amber]{--rag:var(--signal)}.kpi-detail-hero[data-status=red]{--rag:var(--down)}.kpi-detail-hero[data-status=pending]{--rag:var(--border-2)}.kpi-hero-metric{display:flex;flex-direction:column;gap:8px}.kpi-hero-metric .kpi-value{font-size:46px}.kpi-hero-meta{display:flex;gap:32px;flex-wrap:wrap}.kpi-hero-meta>div{display:flex;flex-direction:column;gap:3px}.kpi-hero-meta b{font-size:15px;font-weight:600;color:var(--ink)}.kpi-hero-meta span{font-size:11px;color:var(--faint)}.kpi-pending-banner{padding:12px 16px;border-radius:var(--r-sm);background:color-mix(in oklch,var(--signal) 12%,var(--surface));border:1px solid color-mix(in oklch,var(--signal) 30%,var(--border));color:var(--signal-ink);font-size:13px;margin-bottom:22px}.kpi-section{margin-top:26px}.kpi-section h2{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-ink);margin-bottom:14px}.kpi-chart{position:relative;padding:8px 4px 0}.kpi-chart-target{position:absolute;left:0;right:0;border-top:1px dashed color-mix(in oklch,var(--muted) 60%,transparent);pointer-events:none}.kpi-chart-target span{position:absolute;right:0;top:-9px;font-size:10px;color:var(--muted);background:var(--bg);padding:0 4px}.kpi-bars{display:flex;align-items:flex-end;gap:6px;height:160px}.kpi-bar-col{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.kpi-bar-track{width:100%;max-width:46px;flex:1 1;display:flex;align-items:flex-end}.kpi-bar-fill{width:100%;border-radius:5px 5px 0 0;background:var(--brand);transition:height .4s var(--ease-out);min-height:2px}.kpi-bar-fill[data-ok="1"]{background:var(--up)}.kpi-bar-fill[data-ok="0"]{background:var(--down)}.kpi-bar-fill[data-empty="1"]{background:var(--border-2)}.kpi-bar-lbl{font-size:10.5px;color:var(--faint);white-space:nowrap}.kpi-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-sm)}.kpi-table{width:100%;border-collapse:collapse;font-size:13px}.kpi-table th{text-align:left;font-weight:600;color:var(--faint);font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;padding:10px 14px;background:var(--surface)}.kpi-table td,.kpi-table th{border-bottom:1px solid var(--border)}.kpi-table td{padding:9px 14px;color:var(--muted)}.kpi-table tr:last-child td{border-bottom:none}.kpi-empty{color:var(--faint);font-size:13px;padding:14px;text-align:center}.kpi-links{display:flex;gap:10px;flex-wrap:wrap}@media print{.kpi-detail-hero{background:white!important;border:1px solid #ccc}.kpi-detail-hero .kpi-value,.kpi-hero-meta b{color:black}.kpi-section h2{color:#333}.kpi-table th{background:#f4f4f4;color:#333}.kpi-table td{color:#222}.kpi-bar-fill{print-color-adjust:exact;-webkit-print-color-adjust:exact}.kpi-chart-target span{background:white}}.kpi-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 22px}.kpi-tab{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;color:var(--muted);background:var(--surface);border:1px solid var(--border);transition:color .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease);white-space:nowrap}.kpi-tab:hover{border-color:var(--border-2)}.kpi-tab:hover,.kpi-tab[aria-current=page]{color:var(--ink);background:var(--surface-2)}.kpi-tab[aria-current=page]{border-color:color-mix(in oklch,var(--brand),var(--border) 40%);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--brand),transparent 70%)}.kpi-tab-dot{width:8px;height:8px;border-radius:50%;background:var(--tab-rag,var(--faint));flex-shrink:0}.kpi-tab[data-status=green]{--tab-rag:var(--up)}.kpi-tab[data-status=amber]{--tab-rag:var(--signal)}.kpi-tab[data-status=red]{--tab-rag:var(--down)}.kpi-tab[data-status=pending]{--tab-rag:var(--border-2)}@media (max-width:560px){.kpi-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}}.kpi-draft-badge{font-size:9.5px;font-weight:700;letter-spacing:.04em;padding:1px 6px;margin-right:6px;border-radius:5px;background:color-mix(in oklch,var(--signal) 22%,var(--surface));color:var(--signal-ink);border:1px solid color-mix(in oklch,var(--signal) 40%,var(--border))}.kpi-raw>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--brand-ink);padding:8px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kpi-raw>summary:hover{text-decoration:underline}.kpi-raw-note{font-size:12px;color:var(--muted);margin:6px 0 10px;line-height:1.6}.kpi-raw-json{font-family:var(--font-mono-stack);font-size:11.5px;line-height:1.5;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:14px 16px;overflow-x:auto;max-height:460px}.kpi-explain{margin:18px 0 22px;padding:16px 18px;border-radius:var(--r);background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border)}.kpi-explain-what{font-size:14.5px;color:var(--muted);line-height:1.6}.kpi-explain-read{margin-top:8px;font-size:15px;font-weight:600;color:var(--ink)}.kpi-explain-read[data-status=green]{color:var(--up)}.kpi-explain-read[data-status=red]{color:var(--down)}.kpi-explain-read[data-status=amber]{color:var(--signal-ink)}.kpi-bd-summary{font-size:13px;color:var(--muted);margin-bottom:12px}.kpi-bd-summary .ok{color:var(--up)}.kpi-bd-summary .bad{color:var(--down)}.kpi-bd{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.kpi-bd-row{display:flex;align-items:center;gap:14px;padding:11px 15px;border-bottom:1px solid var(--border)}.kpi-bd-row:last-child{border-bottom:none}.kpi-bd-row:nth-child(2n){background:color-mix(in oklch,var(--surface) 45%,transparent)}.kpi-bd-name{flex:1 1 auto;min-width:110px;font-weight:600;font-size:14px;color:var(--ink)}.kpi-bd-pill{flex:0 0 auto;font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:999px;white-space:nowrap}.kpi-bd-pill.ok{background:color-mix(in oklch,var(--up) 16%,var(--surface));color:var(--up);border:1px solid color-mix(in oklch,var(--up) 32%,var(--border))}.kpi-bd-pill.bad{background:color-mix(in oklch,var(--down) 16%,var(--surface));color:var(--down);border:1px solid color-mix(in oklch,var(--down) 32%,var(--border))}.kpi-bd-pill.na{background:var(--surface-2);color:var(--faint);border:1px solid var(--border)}.kpi-bd-pill.warn{background:color-mix(in oklch,var(--signal) 16%,var(--surface));color:var(--signal-ink);border:1px solid color-mix(in oklch,var(--signal) 32%,var(--border))}.kpi-bd-note{display:block;margin-top:3px;font-weight:400;font-size:12px;line-height:1.45;color:var(--faint)}.kpi-bd-bar{flex:0 0 150px;height:8px;border-radius:999px;background:var(--border);overflow:hidden}.kpi-bd-bar-fill{height:100%;border-radius:999px;background:var(--up);transition:width .4s var(--ease-out)}.kpi-bd-bar-fill[data-ok="0"]{background:var(--down)}.kpi-bd-val{flex:0 0 56px;text-align:right;font-weight:600;font-size:13.5px;color:var(--ink)}.kpi-bd-dates{flex:0 0 auto;font-size:12px;color:var(--faint);white-space:nowrap}@media (max-width:620px){.kpi-bd-bar{display:none}.kpi-bd-dates{flex-basis:100%}}@media print{.kpi-bd-row:nth-child(2n){background:#f6f6f6}.kpi-explain{background:white!important;border:1px solid #ccc}}.kpi-bd-item{border-bottom:1px solid var(--border)}.kpi-bd-item:last-child{border-bottom:none}.kpi-bd-item>summary{list-style:none;cursor:pointer}.kpi-bd-item>summary::-webkit-details-marker{display:none}.kpi-bd-item>summary.kpi-bd-row{border-bottom:none}.kpi-bd-item[open]>summary{background:color-mix(in oklch,var(--surface-2) 55%,transparent)}.kpi-bd-more{flex:0 0 86px;text-align:right;font-size:11.5px;font-weight:700;color:var(--down);white-space:nowrap}.kpi-bd-more.empty{color:transparent}.kpi-bd-events{padding:6px 15px 14px;display:flex;flex-direction:column;gap:6px;background:color-mix(in oklch,var(--surface) 55%,transparent)}.kpi-bd-event{font-size:12.5px;color:var(--muted);padding:6px 12px;border-radius:8px;background:color-mix(in oklch,var(--down) 9%,var(--surface))}.kpi-bd-event:before{content:"●";color:var(--down);margin-right:9px;font-size:8px;vertical-align:middle}@media print{.kpi-bd-event{background:#fbeaea}}.kpi-bd-evnote{font-size:11px;color:var(--faint);line-height:1.5;margin-top:4px;padding:0 4px}.kpi-month{font-family:inherit;font-size:13px;font-weight:600;padding:9px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--ink);cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease)}.kpi-month:hover{border-color:var(--border-2);background:var(--surface-2)}.site-tabs{display:flex;gap:6px;flex-wrap:wrap}.site-tab{display:inline-flex;align-items:center;font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;color:var(--muted);background:var(--surface);border:1px solid var(--border);white-space:nowrap;transition:color .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease)}.site-tab:hover{border-color:var(--border-2);color:var(--ink);background:var(--surface-2)}.site-tab[aria-current=page]{color:var(--ink);background:var(--surface-2);border-color:color-mix(in oklch,var(--brand),var(--border) 40%);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--brand),transparent 70%)}.hero-eyebrow .live.doc{color:var(--signal-ink)}.arch-counts{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:13px;color:var(--muted)}.arch-counts b{color:var(--ink);font-size:17px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-right:3px}.arch-counts .sep{width:1px;height:16px;background:var(--border)}.arch-flow{display:grid;grid-gap:10px;gap:10px}.arch-layer{display:grid;grid-template-columns:190px 1fr;grid-gap:18px;gap:18px;align-items:start;padding:16px 18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);position:relative}.arch-layer+.arch-layer:before{content:"";position:absolute;left:42px;top:-10px;height:10px;width:2px;background:linear-gradient(var(--border-2),var(--brand))}.arch-layer-label{display:flex;gap:12px;align-items:flex-start}.arch-layer-num{font-size:12px;font-weight:700;color:var(--brand-ink);background:color-mix(in oklch,var(--brand) 16%,var(--surface));border:1px solid color-mix(in oklch,var(--brand) 34%,var(--border));border-radius:8px;padding:3px 7px;flex-shrink:0}.arch-layer-label b{display:block;font-size:14.5px;color:var(--ink)}.arch-layer-label span{display:block;font-size:12px;color:var(--faint);margin-top:2px;line-height:1.5}.arch-layer-items{display:flex;flex-wrap:wrap;gap:8px}.arch-node{padding:8px 12px;border-radius:var(--r-sm);background:var(--bg-2);border:1px solid var(--border);min-width:0}.arch-node b{display:block;font-size:13px;color:var(--ink);font-weight:600}.arch-node span{display:block;font-size:11.5px;color:var(--faint);margin-top:2px}.arch-apps{display:grid;grid-gap:10px;gap:10px}.arch-app{padding:16px 18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border)}.arch-app-head{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.arch-dot{width:10px;height:10px;border-radius:3px;background:var(--chip);flex-shrink:0}.arch-app-id{min-width:0;flex:1 1}.arch-app-id b{font-size:15px;color:var(--ink)}.arch-app-id span{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.5}.arch-host{font-size:11.5px;color:var(--faint);word-break:break-all}.arch-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:14px 0 0}.arch-specs dt{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.04em}.arch-specs dd{margin:3px 0 0;font-size:13px;color:var(--ink);line-height:1.5}.arch-app .tags{margin-top:12px}.arch-table-wrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--border);background:var(--surface)}.arch-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}.arch-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-weight:700;background:var(--bg-2);white-space:nowrap}.arch-table td,.arch-table th{padding:12px 16px;border-bottom:1px solid var(--border)}.arch-table td{color:var(--muted);vertical-align:top}.arch-table tr:last-child td{border-bottom:0}.arch-table td b{color:var(--ink);font-weight:600}.arch-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.arch-list li{padding:12px 16px 12px 34px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);font-size:13.5px;color:var(--muted);position:relative;line-height:1.6}.arch-list li:before{content:"";position:absolute;left:16px;top:19px;width:6px;height:6px;border-radius:50%;background:var(--brand)}.arch-hosts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:10px;gap:10px}.arch-hostcard{padding:16px 18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border)}.arch-hostcard b{font-size:15px;color:var(--ink)}.arch-hostcard>span{display:block;font-size:12px;color:var(--brand-ink);margin-top:3px}.arch-hostcard p{margin:9px 0 0;font-size:13px;color:var(--muted);line-height:1.6}@media (max-width:720px){.arch-layer{grid-template-columns:1fr;gap:12px}.arch-layer+.arch-layer:before{left:28px}.arch-specs{grid-template-columns:1fr;gap:10px}.site-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}}.flow-list{display:grid;grid-gap:10px;gap:10px}.flow{padding:15px 18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border)}.flow-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.flow-head b{font-size:14.5px;color:var(--ink)}.flow-cadence{font-size:11px;color:var(--brand-ink);padding:2px 9px;border-radius:999px;background:color-mix(in oklch,var(--brand) 14%,var(--surface));border:1px solid color-mix(in oklch,var(--brand) 30%,var(--border))}.flow-chain{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;counter-reset:none}.flow-step{display:inline-flex;align-items:center}.flow-step+.flow-step:before{content:"→";color:var(--faint);font-size:13px;margin-right:6px;flex-shrink:0}.flow-step>span{display:inline-block;font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:var(--r-sm);border:1px solid var(--k-border,var(--border));background:var(--k-bg,var(--bg-2));color:var(--k-ink,var(--ink))}.flow-step[data-kind=external]{--k-bg:color-mix(in oklch,var(--signal) 12%,var(--surface));--k-border:color-mix(in oklch,var(--signal) 30%,var(--border));--k-ink:var(--signal-ink)}.flow-step[data-kind=app]{--k-bg:color-mix(in oklch,var(--brand) 14%,var(--surface));--k-border:color-mix(in oklch,var(--brand) 32%,var(--border));--k-ink:var(--brand-ink)}.flow-step[data-kind=auto]{--k-bg:var(--surface-2);--k-border:var(--border-2);--k-ink:var(--ink)}.flow-step[data-kind=store]{--k-bg:color-mix(in oklch,var(--up) 12%,var(--surface));--k-border:color-mix(in oklch,var(--up) 28%,var(--border));--k-ink:var(--up)}.flow-step[data-kind=out]{--k-bg:var(--bg-2);--k-border:var(--border);--k-ink:var(--muted)}.flow-note{margin:11px 0 0;font-size:12.5px;color:var(--muted);line-height:1.65}.flow-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:11.5px;color:var(--faint)}.flow-legend span{display:inline-flex;align-items:center;gap:6px}.flow-legend span:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--k-bg,var(--bg-2));border:1px solid var(--k-border,var(--border))}.flow-legend span[data-kind=external]{--k-bg:color-mix(in oklch,var(--signal) 12%,var(--surface));--k-border:color-mix(in oklch,var(--signal) 30%,var(--border))}.flow-legend span[data-kind=app]{--k-bg:color-mix(in oklch,var(--brand) 14%,var(--surface));--k-border:color-mix(in oklch,var(--brand) 32%,var(--border))}.flow-legend span[data-kind=auto]{--k-bg:var(--surface-2);--k-border:var(--border-2)}.flow-legend span[data-kind=store]{--k-bg:color-mix(in oklch,var(--up) 12%,var(--surface));--k-border:color-mix(in oklch,var(--up) 28%,var(--border))}.api-search{display:flex;align-items:center;gap:10px;margin-top:22px;max-width:620px;padding:10px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.api-search:focus-within{border-color:color-mix(in oklch,var(--brand),var(--border) 40%);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand),transparent 86%)}.api-search svg{width:16px;height:16px;color:var(--faint);flex-shrink:0}.api-search input{flex:1 1;min-width:0;background:none;border:0;outline:none;color:var(--ink);font:inherit;font-size:13.5px}.api-search input::placeholder{color:var(--faint)}.api-search button{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:12px;cursor:pointer}.api-search button:hover{color:var(--ink);border-color:var(--border-2)}.api-list{display:grid;grid-gap:8px;gap:8px}.api-app{border-radius:var(--r);background:var(--surface);border:1px solid var(--border);overflow:hidden}.api-app>summary{display:flex;align-items:center;gap:11px;padding:14px 18px;cursor:pointer;list-style:none;flex-wrap:wrap}.api-app>summary::-webkit-details-marker{display:none}.api-app>summary:hover{background:var(--surface-2)}.api-app>summary b{font-size:14.5px;color:var(--ink)}.api-host{font-size:11.5px;color:var(--faint);flex:1 1;word-break:break-all}.api-count{font-size:11.5px;color:var(--muted);background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px;white-space:nowrap}.api-group{padding:0 18px 6px}.api-group h4{display:flex;align-items:center;gap:8px;margin:12px 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:700}.api-group h4 span{font-size:10.5px;color:var(--muted);background:var(--bg-2);border-radius:999px;padding:1px 7px;text-transform:none;letter-spacing:0}.api-group ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px}.api-group li{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--r-sm);background:var(--bg-2);flex-wrap:wrap}.api-group code{font-family:var(--font-mono-stack);font-size:12.5px;color:var(--ink);word-break:break-all}.api-app:last-child{margin-bottom:0}.verbs{display:inline-flex;gap:4px;flex-shrink:0}.verb{font-family:var(--font-mono-stack);font-size:10px;font-weight:700;letter-spacing:.03em;padding:2px 6px;border-radius:5px;border:1px solid var(--v-border,var(--border));background:var(--v-bg,var(--surface));color:var(--v-ink,var(--muted))}.verb[data-m=GET]{--v-ink:var(--up);--v-bg:color-mix(in oklch,var(--up) 12%,var(--surface));--v-border:color-mix(in oklch,var(--up) 30%,var(--border))}.verb[data-m=POST]{--v-ink:var(--brand-ink);--v-bg:color-mix(in oklch,var(--brand) 16%,var(--surface));--v-border:color-mix(in oklch,var(--brand) 34%,var(--border))}.verb[data-m=PATCH],.verb[data-m=PUT]{--v-ink:var(--signal-ink);--v-bg:color-mix(in oklch,var(--signal) 14%,var(--surface));--v-border:color-mix(in oklch,var(--signal) 32%,var(--border))}.verb[data-m=DELETE]{--v-ink:var(--down);--v-bg:color-mix(in oklch,var(--down) 12%,var(--surface));--v-border:color-mix(in oklch,var(--down) 30%,var(--border))}@media (max-width:560px){.api-host{flex-basis:100%}}