:root{color-scheme:light dark;--bg: #f8f9fa;--surface: #ffffff;--surface-alt: #f1f3f4;--hover: rgb(60 64 67 / .08);--border: #dadce0;--text: #202124;--text-dim: #5f6368;--accent: #1a73e8;--accent-strong: #1765cc;--accent-text: #1967d2;--accent-soft: #e8f0fe;--on-accent: #ffffff;--ok: #1e8e3e;--ok-soft: #e6f4ea;--warn: #e37400;--warn-dot: #f9ab00;--warn-soft: #fef7e0;--down: #d93025;--down-soft: #fce8e6;--maint: #9334e6;--maint-soft: #f3e8fd;--idle: #80868b;--shadow: 0 1px 2px 0 rgb(60 64 67 / .3), 0 1px 3px 1px rgb(60 64 67 / .15);--topbar-h: 56px;--sidebar-w: 240px;--radius: 8px}@media(prefers-color-scheme:dark){:root{--bg: #202124;--surface: #292a2d;--surface-alt: #35363a;--hover: rgb(232 234 237 / .08);--border: #3c4043;--text: #e8eaed;--text-dim: #9aa0a6;--accent: #8ab4f8;--accent-strong: #aecbfa;--accent-text: #8ab4f8;--accent-soft: rgb(138 180 248 / .16);--on-accent: #202124;--ok: #81c995;--ok-soft: rgb(129 201 149 / .16);--warn: #fdd663;--warn-dot: #fdd663;--warn-soft: rgb(253 214 99 / .14);--down: #f28b82;--down-soft: rgb(242 139 130 / .16);--maint: #c58af9;--maint-soft: rgb(197 138 249 / .16);--idle: #9aa0a6;--shadow: 0 1px 2px 0 rgb(0 0 0 / .3), 0 1px 3px 1px rgb(0 0 0 / .15)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Roboto,Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,sans-serif}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{flex:none}.icon-button{display:grid;place-items:center;width:40px;height:40px;padding:0;background:transparent;border:0;border-radius:50%;color:var(--text-dim);cursor:pointer}.icon-button:hover{background:var(--hover)}.topbar{position:fixed;inset:0 0 auto;height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 16px 0 8px;background:var(--surface);border-bottom:1px solid var(--border);z-index:20}.topbar__toggle{display:none}.topbar__brand{display:inline-flex;align-items:center;gap:10px;padding-left:12px;color:var(--text);font-size:18px;text-decoration:none}.topbar__logo{display:grid;place-items:center;width:28px;height:28px;background:var(--accent);border-radius:6px;color:var(--on-accent);font-size:15px;font-weight:700}.topbar__spacer{flex:1}.topbar__meta{color:var(--text-dim);font-size:13px}.avatar{display:grid;place-items:center;width:32px;height:32px;background:var(--accent);border-radius:50%;color:var(--on-accent);font-size:14px;font-weight:500}.sidebar{position:fixed;top:var(--topbar-h);bottom:0;left:0;width:var(--sidebar-w);padding:8px 8px 16px 0;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;z-index:15}.sidebar__link{display:flex;align-items:center;gap:16px;height:40px;padding:0 16px 0 24px;border-radius:0 20px 20px 0;color:var(--text);text-decoration:none}.sidebar__link .icon{color:var(--text-dim)}.sidebar__link:hover{background:var(--hover)}.sidebar__link[aria-current=page]{background:var(--accent-soft);color:var(--accent-text);font-weight:500}.sidebar__link[aria-current=page] .icon{color:var(--accent-text)}.scrim{display:none}.main{padding:calc(var(--topbar-h) + 24px) 24px 48px calc(var(--sidebar-w) + 24px)}@media(max-width:860px){.topbar__toggle{display:grid}.topbar__brand{padding-left:0}.sidebar{transform:translate(-100%);transition:transform .16s ease;box-shadow:var(--shadow)}.sidebar[data-open=true]{transform:none}.scrim{display:block;position:fixed;inset:var(--topbar-h) 0 0 0;background:#20212466;border:0;z-index:14}.main{padding-left:16px;padding-right:16px}}@media(max-width:560px){.topbar__meta{display:none}}.breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:var(--text-dim);font-size:13px}.breadcrumb a{color:var(--accent-text);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.page__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}.page__title{margin:0 0 4px;font-size:22px;font-weight:400}.page__subtitle{margin:0 0 20px;color:var(--text-dim);font-size:13px}.page__head .page__subtitle{margin-bottom:0}.pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;white-space:nowrap}.pill__dot{width:10px;height:10px;border-radius:50%;background:var(--idle)}.pill--healthy .pill__dot{background:var(--ok)}.pill--degraded .pill__dot{background:var(--warn-dot)}.pill--down .pill__dot{background:var(--down)}.pill--maintenance .pill__dot{background:var(--maint)}.pill--healthy{color:var(--ok)}.pill--degraded{color:var(--warn)}.pill--down{color:var(--down)}.pill--maintenance{color:var(--maint)}.pill--unknown,.pill--archived{color:var(--text-dim)}.kpis{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 16px}@media(min-width:1000px){.kpis{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}@media(max-width:560px){.kpis{gap:8px}.kpi{padding:10px 12px}.kpi__value{font-size:24px}}.kpi{display:grid;gap:4px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer}.kpi:hover{background:var(--surface-alt)}.kpi[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.kpi__label{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);font-size:13px}.kpi__dot{width:8px;height:8px;border-radius:50%;background:var(--idle)}.kpi[data-tone=healthy] .kpi__dot{background:var(--ok)}.kpi[data-tone=degraded] .kpi__dot{background:var(--warn-dot)}.kpi[data-tone=down] .kpi__dot{background:var(--down)}.kpi[data-tone=maintenance] .kpi__dot{background:var(--maint)}.kpi__value{font-size:28px;line-height:1.2;font-variant-numeric:tabular-nums}.kpi[data-empty=true] .kpi__value{color:var(--text-dim)}.kpi[data-tone=down][data-empty=false] .kpi__value{color:var(--down)}.kpi[data-tone=degraded][data-empty=false] .kpi__value{color:var(--warn)}.alert{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 16px;padding:12px 16px;border-radius:var(--radius);font-size:13px}.alert--warn{background:var(--warn-soft);border:1px solid rgb(249 171 0 / .45)}.notice{margin:0 0 16px;padding:16px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--warn-dot);border-radius:var(--radius)}.notice__title{font-weight:500}.notice p{margin:6px 0 0;color:var(--text-dim);font-size:13px}.notice--error{border-left-color:var(--down)}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 16px;border-bottom:1px solid var(--border)}.toolbar__search{flex:1 1 220px;max-width:420px}.toolbar__count{margin-left:auto;color:var(--text-dim);font-size:13px}.checkbox{display:inline-flex;align-items:center;gap:8px;color:var(--text-dim);font-size:13px;cursor:pointer}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{height:44px;padding:0 16px;color:var(--text-dim);font-size:13px;font-weight:500;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}.table td{padding:10px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table__row{cursor:pointer}.table__row:hover{background:var(--hover)}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table__name{color:var(--accent-text);font-weight:500;text-decoration:none}.table__name:hover{text-decoration:underline}.table__sub{max-width:44ch;overflow:hidden;color:var(--text-dim);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.table__fresh{display:grid;gap:2px;white-space:nowrap}.table__empty{padding:32px 16px;color:var(--text-dim);text-align:center}@media(max-width:720px){.col-optional{display:none}.table__sub{max-width:28ch}}@media(max-width:560px){.col-medium{display:none}}.muted{color:var(--text-dim);font-size:13px}code{font-family:Roboto Mono,ui-monospace,Cascadia Code,Consolas,monospace;font-size:.9em}a{color:var(--accent-text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 16px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--accent-text);font-weight:500;text-decoration:none;cursor:pointer}.button:hover:not(:disabled){background:var(--accent-soft)}.button:disabled{opacity:.5;cursor:default}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button--primary:hover:not(:disabled){background:var(--accent-strong);box-shadow:var(--shadow)}.button--danger{color:var(--down)}.button--danger:hover:not(:disabled){background:var(--down-soft)}.button--small{min-height:32px;padding:0 12px;font-size:13px}.card__foot{display:flex;flex-wrap:wrap;gap:4px 16px;padding-top:12px;border-top:1px solid var(--border)}.freshness{color:var(--text-dim);font-size:12px}.freshness--stale{color:var(--warn);font-weight:500}.chip{display:inline-block;padding:2px 8px;background:var(--surface-alt);border-radius:12px;color:var(--text-dim);font-size:12px;font-weight:500;white-space:nowrap}.chip--bad{background:var(--down-soft);color:var(--down)}.badge{margin-left:8px;padding:2px 8px;background:var(--surface-alt);border-radius:12px;color:var(--text-dim);font-size:12px;font-weight:500}.badge--on{background:var(--maint-soft);color:var(--maint)}.stats{display:flex;flex-wrap:wrap;gap:16px 32px;margin:0 0 16px}.stats--wide{gap:16px 48px}.stats dt{color:var(--text-dim);font-size:12px}.stats dd{margin:2px 0 0;font-size:22px;font-variant-numeric:tabular-nums}.panel{margin:0 0 16px;padding:16px 24px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.panel__title{display:flex;align-items:center;margin:0 0 12px;font-size:16px;font-weight:500}.panel__subtitle{margin:20px 0 8px;font-size:14px;font-weight:500}.panel__error{margin:0 0 12px;color:var(--down);font-size:13px}.fields{display:grid;gap:16px;margin:0 0 16px}.field{display:grid;gap:4px}.field>span{font-size:13px;color:var(--text-dim)}.field small{color:var(--text-dim);font-size:12px}.field--inline{display:flex;align-items:center;gap:8px}input,select{min-height:36px;padding:0 12px;background:var(--surface);color:inherit;border:1px solid var(--border);border-radius:4px;font:inherit;min-width:0}input:hover,select:hover{border-color:var(--text-dim)}input:focus,select:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);outline:none}input[type=checkbox]{width:16px;height:16px;min-height:0;padding:0;accent-color:var(--accent);box-shadow:none}.actions{display:flex;flex-wrap:wrap;gap:8px}.inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.inline-form input{flex:1 1 160px}.preview-link{display:grid;gap:2px;margin-top:12px}.rows{list-style:none;margin:0;padding:0;display:grid}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 4px;border-bottom:1px solid var(--border)}.rows>.row:last-child{border-bottom:0}.rows--tight .row{padding-block:6px}.row--audit{align-items:flex-start}.links{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:16px}.toggle{min-height:32px;padding:0 12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;color:var(--text-dim);cursor:pointer;font-size:13px;font-weight:500}.toggle--on{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.track{display:flex;gap:4px;flex-wrap:wrap}.track__cell{flex:1 1 72px;padding:8px 6px;background:var(--surface-alt);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-size:13px;text-align:center}button.track__cell{cursor:pointer}.track__cell--reached{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:500}.track__evidence{margin-top:12px;font-size:13px}.track__evidence ul{margin:6px 0 0;padding-left:20px}.diff{flex-basis:100%;font-size:13px}.diff summary{cursor:pointer;color:var(--accent-text)}.diff__body{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.diff pre{margin:4px 0 0;padding:8px 12px;background:var(--surface-alt);border-radius:4px;overflow-x:auto;font-size:12px}.gate{min-height:100svh;display:grid;place-items:center;padding:24px}.gate__card{width:min(24rem,100%);padding:36px 32px 28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.gate__title{margin:0 0 4px;font-size:24px;font-weight:400}.gate__subtitle{margin:0 0 24px;color:var(--text-dim);font-size:14px}.gate__action{display:flex;margin:0 0 16px}