:root{--c-page:#f3f1ec;--c-surface:#fff;--c-surface-sub:#f8f7f4;--c-border:#dedad2;--c-border-sub:#e7e3db;--c-divider:#eeebe4;--c-text:#1a1d21;--c-text-body:#2b2f35;--c-text-muted:#5b6068;--c-text-faint:#6b7079;--c-nav:#1a2638;--c-nav-raised:#26354b;--c-nav-border:#3a4b63;--c-nav-text:#f3f1ec;--c-nav-muted:#aeb8c6;--c-accent:#1e3a5c;--c-accent-hover:#10243c;--c-accent-tint:#e9edf3;--c-accent-dash:#9aa8bc;--c-on-accent:#fff;--l-green-dot:#2f7a4b;--l-green-bg:#e7f1ea;--l-green-text:#1f5a36;--l-yellow-dot:#d9a21b;--l-yellow-bg:#fbf0d6;--l-yellow-text:#6e4e00;--l-yellow-border:#e9cf8e;--l-red-dot:#c0362c;--l-red-bg:#fbe3df;--l-red-text:#8e1f17;--h-green-bg:#2f7a4b;--h-green-text:#fff;--h-yellow-bg:#e9b53a;--h-yellow-text:#3d2b00;--h-red-bg:#b42e24;--h-red-text:#fff;--c-mock-bg:#3a2f12;--c-mock-text:#f2d48a;--font-sans:"Noto Sans TC", system-ui, sans-serif;--font-serif:"Noto Serif TC", serif;--fs-brand:22px;--fs-h1:30px;--fs-h2:18px;--fs-kpi:30px;--fs-body:14px;--fs-body-lg:16px;--fs-label:13px;--fs-small:12px;--fs-tiny:11px;--lh-body:1.6;--nav-height:72px;--page-pad-top:28px;--page-pad-x:40px;--page-pad-bottom:24px;--card-pad:20px;--gap-card:18px;--gap-sm:8px;--gap-md:12px;--row-min-height:48px;--tap-min:44px;--r-card:12px;--r-control:8px;--r-button:10px;--r-pill:999px;--r-tag:6px}@media (width<=640px){:root{--fs-brand:18px;--fs-h2:16px;--fs-kpi:22px;--page-pad-top:16px;--page-pad-x:16px;--page-pad-bottom:16px;--card-pad:16px}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--c-page);color:var(--c-text-body);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body)}a{color:var(--c-accent)}a:hover{color:var(--c-accent-hover)}.num{font-variant-numeric:tabular-nums}.topnav{min-height:var(--nav-height);background:var(--c-nav);color:var(--c-nav-text);padding:0 var(--page-pad-x);flex-wrap:wrap;align-items:center;gap:24px;display:flex}.topnav__brand{flex-direction:column;line-height:1.2;display:flex}.topnav__brand-name{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-brand);letter-spacing:2px}.topnav__brand-sub{color:var(--c-nav-muted);font-size:var(--fs-small)}.topnav__links{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.topnav__link{color:var(--c-nav-muted);border-radius:var(--r-control);min-height:var(--tap-min);align-items:center;padding:8px 12px;text-decoration:none;display:inline-flex}.topnav__link:hover{color:var(--c-nav-text)}.topnav__link.is-active{background:var(--c-nav-raised);color:var(--c-nav-text);border:1px solid var(--c-nav-border)}.topnav__user{align-items:center;gap:var(--gap-md);margin-left:auto;display:flex}.topnav__user-name{color:var(--c-nav-text);font-weight:500}.topnav__user-role{color:var(--c-nav-muted);font-size:var(--fs-small)}.btn--nav{background:var(--c-nav-raised);color:var(--c-nav-text);border:1px solid var(--c-nav-border)}.btn--nav:hover:not(:disabled){background:var(--c-nav-border)}.page{padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom);gap:var(--gap-card);flex-direction:column;max-width:1440px;display:flex}.page__title{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-h1);color:var(--c-text);margin:0}.page__desc{color:var(--c-text-muted);margin:0}.cols{gap:var(--gap-card);grid-template-columns:320px 1fr;align-items:start;display:grid}@media (width<=960px){.cols{grid-template-columns:1fr}}.stack{gap:var(--gap-card);flex-direction:column;display:flex}.row{gap:var(--gap-sm);flex-wrap:wrap;align-items:center;display:flex}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);padding:var(--card-pad);gap:var(--gap-md);flex-direction:column;display:flex}.card__title{font-size:var(--fs-h2);color:var(--c-text);margin:0;font-weight:700}.card__head{justify-content:space-between;align-items:center;gap:var(--gap-md);flex-wrap:wrap;display:flex}.sub{background:var(--c-surface-sub);border:1px solid var(--c-border-sub);border-radius:var(--r-control);gap:var(--gap-sm);flex-direction:column;padding:12px 14px;display:flex}.muted{color:var(--c-text-muted)}.small{font-size:var(--fs-small)}.label{color:var(--c-text-muted);font-size:var(--fs-label)}.table-wrap{overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:var(--fs-body)}.table th{text-align:left;color:var(--c-text-muted);font-weight:500;font-size:var(--fs-label);border-bottom:1px solid var(--c-border);white-space:nowrap;padding:8px 10px}.table td{border-bottom:1px solid var(--c-divider);vertical-align:middle;height:var(--row-min-height);padding:8px 10px}.table tr.is-clickable{cursor:pointer}.table tr.is-clickable:hover td{background:var(--c-surface-sub)}.table tr.is-dim td{color:var(--c-text-faint)}.btn{font:inherit;min-height:var(--tap-min);border-radius:var(--r-button);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--c-accent-dash)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover)}.btn--sm{min-height:36px;font-size:var(--fs-label);padding:0 12px}.input,.select{font:inherit;min-height:var(--tap-min);border:1px solid var(--c-border);border-radius:var(--r-control);background:var(--c-surface);color:var(--c-text);padding:0 12px}.input:focus,.select:focus,.btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}.field{flex-direction:column;gap:4px;display:flex}.pill{border-radius:var(--r-pill);font-size:var(--fs-small);white-space:nowrap;align-items:center;gap:6px;padding:2px 10px;font-weight:500;display:inline-flex}.pill__dot{border-radius:50%;width:8px;height:8px}.pill--green{background:var(--l-green-bg);color:var(--l-green-text)}.pill--green .pill__dot{background:var(--l-green-dot)}.pill--yellow{background:var(--l-yellow-bg);color:var(--l-yellow-text)}.pill--yellow .pill__dot{background:var(--l-yellow-dot)}.pill--red{background:var(--l-red-bg);color:var(--l-red-text)}.pill--red .pill__dot{background:var(--l-red-dot)}.badge{border-radius:var(--r-tag);font-variant-numeric:tabular-nums;background:var(--c-surface-sub);min-width:32px;color:var(--c-text);border:1px solid var(--c-border-sub);justify-content:center;align-items:center;padding:2px 8px;font-weight:700;display:inline-flex}.badge--red{background:var(--l-red-bg);color:var(--l-red-text);border-color:#0000}.tag{border-radius:var(--r-tag);font-size:var(--fs-small);background:var(--c-accent-tint);color:var(--c-accent);white-space:nowrap;align-items:center;padding:1px 8px;display:inline-flex}.tag--warn{background:var(--l-red-bg);color:var(--l-red-text);font-weight:700}.tags{flex-wrap:wrap;gap:4px;display:flex}.alert{border-radius:var(--r-control);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.alert--error{background:var(--l-red-bg);color:var(--l-red-text)}.alert--warn{background:var(--l-yellow-bg);color:var(--l-yellow-text);border:1px solid var(--l-yellow-border)}.alert--ok{background:var(--l-green-bg);color:var(--l-green-text)}.alert__detail{font-size:var(--fs-small)}.alert__detail summary{cursor:pointer}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{font:inherit;font-size:var(--fs-label);border-radius:var(--r-pill);border:1px solid var(--c-border);background:var(--c-surface);min-height:36px;color:var(--c-text-body);cursor:pointer;padding:0 12px}.chip.is-on{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}.list{flex-direction:column;gap:4px;display:flex}.list__item{font:inherit;text-align:left;min-height:var(--tap-min);border-radius:var(--r-control);color:var(--c-text-body);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.list__item:hover{background:var(--c-surface-sub)}.list__item.is-active{background:var(--c-accent-tint);border-color:var(--c-accent-dash);color:var(--c-accent);font-weight:500}.center{min-height:calc(100vh - var(--nav-height));padding:var(--page-pad-x);justify-content:center;align-items:center;display:flex}.center .card{width:100%;max-width:420px}