:root{color-scheme:light;--canvas:#edf5f4;--card:#fff;--alt:#e6f1ef;--ink:#071b37;--muted:#526a70;--border:#b7cbc7;--action:#006d77;--cyan:#37cdcb;--error:#c23c59;--radius:12px;font-family:"IBM Plex Sans TC","Noto Sans TC","Microsoft JhengHei UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-size:15px}.skip-link{position:fixed;left:12px;top:-60px;z-index:20;background:var(--ink);color:#fff;padding:12px}.skip-link:focus{top:12px}.shell{min-height:100vh}.header{height:72px;padding:0 28px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.92);display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand img{width:36px;height:36px}.brand span{font-weight:800;font-size:24px;letter-spacing:.04em}.brand small{padding-left:10px;border-left:1px solid var(--border);color:var(--muted);font-weight:600}.header-status{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:600}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(55,205,203,.15)}button,a,input,select{font:inherit}.text-button,.nav-item,.icon-button{border:0;background:transparent;color:var(--ink);cursor:pointer}.text-button{min-height:44px;padding:0 12px;text-decoration:underline}.gate{max-width:700px;margin:12vh auto;padding:40px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 50px rgba(7,27,55,.08)}.gate[data-view=loading]{display:flex;align-items:center;gap:20px}.gate h1{font-size:32px;margin:8px 0 12px}.gate p{color:var(--muted);line-height:1.7}.spinner{width:32px;height:32px;border:3px solid var(--alt);border-top-color:var(--action);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--action);margin:0}.eyebrow.danger{color:var(--error)}.primary-action,.secondary-action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:8px;padding:0 18px;font-weight:700;cursor:pointer;text-decoration:none}.primary-action{border:1px solid var(--action);background:var(--action);color:#fff}.secondary-action{border:1px solid var(--border);background:var(--card);color:var(--ink)}.primary-action:focus-visible,.secondary-action:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(55,205,203,.45);outline-offset:2px}.quiet{font-size:13px}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 72px)}.rail{padding:24px 16px;border-right:1px solid var(--border);background:var(--card)}.nav-item{display:block;width:100%;min-height:44px;text-align:left;border-radius:8px;padding:0 14px;font-weight:700;color:var(--muted)}.nav-item:hover{background:var(--alt);color:var(--ink)}.nav-item[aria-current=page]{background:var(--alt);color:var(--action);box-shadow:inset 3px 0 var(--action)}.main{padding:34px 40px;max-width:1440px;width:100%;margin:0 auto}.live-status{min-height:22px;color:var(--muted)}.page-heading{display:flex;justify-content:space-between;align-items:end;margin:8px 0 24px}.page-heading h1{font-size:34px;margin:7px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric,.notice-card,.table-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.metric{padding:22px;min-height:156px}.metric span{display:block;color:var(--muted);font-weight:700}.metric strong{display:block;font-size:42px;margin:14px 0 6px;font-variant-numeric:tabular-nums}.metric small{color:var(--muted)}.notice-card{margin-top:20px;padding:20px}.notice-card p{margin:6px 0 0;color:var(--muted);line-height:1.6}.filters{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto;gap:12px;align-items:end;margin-bottom:16px}.filters label span{display:block;font-size:13px;font-weight:700;margin:0 0 6px}.filters input,.filters select{width:100%;height:44px;border:1px solid var(--border);border-radius:8px;padding:0 12px;background:var(--card);color:var(--ink)}.table-card{overflow:hidden}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:12px;letter-spacing:.06em;color:var(--muted);background:var(--alt)}tbody tr:hover{background:rgba(230,241,239,.5)}tbody tr:last-child td{border-bottom:0}.account-name{display:block;font-weight:700}.account-meta{display:block;color:var(--muted);font-size:12px;margin-top:3px}.table-action{border:0;background:transparent;color:var(--action);font-weight:700;text-decoration:underline;cursor:pointer;min-height:36px}.empty-state{padding:36px;text-align:center;color:var(--muted)}.drawer{position:fixed;z-index:30;top:0;right:0;width:min(520px,100vw);height:100vh;background:var(--card);border-left:1px solid var(--border);box-shadow:-18px 0 50px rgba(7,27,55,.16);padding:28px;overflow:auto}.drawer-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.drawer-heading h2{margin:6px 0 20px}.icon-button{width:44px;height:44px;border:1px solid var(--border);border-radius:8px;font-size:26px}.detail-section{padding:18px 0;border-top:1px solid var(--border)}.detail-section h3{font-size:15px;margin:0 0 12px}.detail-list{display:grid;gap:10px}.detail-row{display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.detail-row strong{color:var(--ink);text-align:right}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:980px){.metric-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.rail{display:flex;border-right:0;border-bottom:1px solid var(--border);padding:10px;overflow:auto}.nav-item{width:auto;min-width:max-content}.main{padding:24px}.filters{grid-template-columns:1fr 160px}.filters .primary-action{grid-column:1/-1}}@media(max-width:620px){.header{padding:0 16px}.brand small,.header-status{display:none}.main{padding:20px 14px}.metric-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.table-card{overflow-x:auto}th,td{white-space:nowrap}.gate{margin:8vh 14px;padding:28px}.drawer{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}}
@media(max-width:620px){.page-heading{align-items:stretch;flex-direction:column}.page-heading .secondary-action{align-self:flex-start;margin-top:14px}}