:root{--font-sans:"Inter", "Noto Sans TC", "PingFang TC", system-ui, -apple-system, sans-serif;--font-data:"JetBrains Mono", "Noto Sans TC", monospace;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--ink:#e6edf3;--muted:#7d8590;--line:#30363d;--panel:#161b22;--panel-raised:#1c2128;--brand:#39d353;--brand-dark:#238636;--brand-soft:#39d3531f;--brand-glow:#39d35340;--danger:#f85149;--danger-soft:#f851491f;--warning:#d29922;--warning-soft:#d299221f;--info:#58a6ff;--info-soft:#58a6ff1f;--success:#39d353;--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-sidebar:#0d1117;--bg-input:#0d1117;--bg-table-header:#161b22;--border-default:#30363d;--border-muted:#21262d;--border-brand:var(--brand);--code-bg:#1c2128;--code-color:#79c0ff;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:42px;--text-display:clamp(28px, 4vw, 42px);--leading-tight:1.2;--leading-normal:1.6;--leading-relaxed:1.8;--leading-code:1.5;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--container-max:1440px;--page-padding:var(--space-10) var(--space-12);--page-padding-mobile:var(--space-6) var(--space-4);--sidebar-width:244px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:999px;--shadow-sm:0 1px 0 var(--border-default);--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-glow-brand:0 0 12px var(--brand-glow);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-page:.3s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{height:100vh;color:var(--muted);background:var(--bg-sidebar);z-index:50;flex-direction:column;padding:26px 20px;display:flex;position:sticky;top:0}.brand-block{align-items:center;gap:12px;margin-bottom:42px;display:flex}.brand-block div{gap:2px;display:grid}.brand-block span{color:var(--muted);font-size:12px}.brand-block strong{color:var(--ink);font-weight:var(--weight-semibold)}.brand-mark{border:1px solid var(--border-default);width:38px;height:38px;font-weight:var(--weight-extrabold);background:var(--brand-soft);place-items:center;display:grid;color:var(--brand)!important;font-size:18px!important}.sidebar nav{gap:8px;display:grid}.sidebar nav a{border-radius:var(--radius-md);color:var(--muted);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);padding:11px 12px;font-size:14px;text-decoration:none}.sidebar nav a:hover,.sidebar nav a.router-link-active{color:var(--ink);background:var(--brand-soft)}.sidebar-footer{border-top:1px solid var(--border-default);gap:12px;margin-top:auto;padding-top:20px;display:grid}.connection-state{color:var(--muted);font-size:12px}.connection-state.online{color:var(--brand)}.text-button{color:var(--muted);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:0;padding:0;font-size:12px}.text-button:hover{color:var(--ink)}.main-content{min-width:0}.page-container{width:min(var(--container-max), 100%);padding:var(--page-padding);margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.page-header h1{font-family:var(--font-sans);font-size:var(--text-display);line-height:var(--leading-tight);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--ink);margin:6px 0 8px}.page-header p{max-width:720px;color:var(--muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.eyebrow{color:var(--brand);font-size:var(--text-xs);font-weight:var(--weight-extrabold);letter-spacing:.16em;text-transform:uppercase}.auth-gate{background:linear-gradient(145deg,#161b22 0%,#0d1117 52%,#1c2128 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{border:1px solid var(--border-default);width:min(520px,100%);box-shadow:var(--shadow-lg);background:#161b22f0;padding:44px}.auth-card h1{font:600 36px/var(--leading-tight) var(--font-sans);color:var(--ink);margin:12px 0}.auth-card p{color:var(--muted);line-height:var(--leading-relaxed)}.auth-card form,.operation-card{gap:16px;display:grid}label{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-bold);gap:7px;display:grid}input,select,textarea{border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--ink);background:var(--bg-input);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.primary-button,.secondary-button,.danger-button{border-radius:var(--radius-md);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:0;padding:11px 16px}.primary-button{color:var(--bg-primary);background:var(--brand)}.primary-button:hover{background:var(--brand-dark);box-shadow:var(--shadow-glow-brand)}.primary-button:active{transform:scale(.98)}.secondary-button{border:1px solid var(--border-default);color:var(--ink);background:0 0}.secondary-button:hover{border-color:var(--border-muted);background:var(--panel-raised)}.danger-button{color:#fff;background:var(--danger)}.danger-button:hover{background:#d73a35;box-shadow:0 0 12px #f851494d}button:disabled{opacity:.5;cursor:not-allowed}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.metric-grid.compact{margin-top:22px}.metric-card{border:1px solid var(--border-default);border-left:4px solid var(--border-default);background:var(--panel);min-height:154px;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;justify-content:space-between;padding:22px;display:flex}.metric-card:hover{border-color:var(--border-muted);box-shadow:var(--shadow-sm)}.metric-card.primary{color:var(--ink);border-left-color:var(--brand);background:linear-gradient(135deg, var(--panel) 0%, #39d35308 100%)}.metric-card.primary strong{color:var(--brand)}.metric-card.warning{border-left-color:var(--warning)}.metric-card.warning strong{color:var(--warning)}.metric-card span{color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-bold)}.metric-card strong{font:600 42px/var(--leading-tight) var(--font-data)}.metric-card small{color:var(--muted);opacity:.65;font-size:var(--text-xs)}.section-card,.table-card{border:1px solid var(--border-default);background:var(--panel)}.section-card{padding:24px}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}summary.section-heading{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--duration-fast) var(--ease-out)}summary.section-heading:hover{opacity:.8}summary.section-heading::-webkit-details-marker{display:none}summary.section-heading{list-style:none}summary.section-heading>*{pointer-events:none}.section-heading h2{color:var(--ink);font-size:18px;font-weight:var(--weight-semibold);margin:4px 0 0}.section-heading>span{color:var(--muted);font-size:var(--text-sm)}.text-link,.row-link,.back-link{color:var(--brand);font-size:13px;font-weight:var(--weight-bold);transition:opacity var(--duration-fast) var(--ease-out);text-decoration:none}.text-link:hover,.row-link:hover,.back-link:hover{opacity:.8}.attention-list,.card-list{display:grid}.attention-row,.list-card{border-top:1px solid var(--border-muted);transition:background var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;gap:16px;padding:15px 0;text-decoration:none;display:flex}.attention-row:hover,.list-card:hover{background:var(--panel-raised);margin:0 calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4)}.attention-row>div:first-child,.list-card>div:first-child{gap:4px;display:grid}.attention-row span,.list-card span{color:var(--muted);font-size:var(--text-sm)}.alert-summary{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.alert-summary span,.alert-count{border-radius:var(--radius-sm);color:var(--danger);background:var(--danger-soft);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:4px 7px}.status-badge{border-radius:var(--radius-full);width:fit-content;color:var(--muted);background:var(--panel-raised);border:1px solid var(--border-default);font-size:var(--text-xs);font-weight:var(--weight-bold);align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.status-badge:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge[data-status=active],.status-badge[data-status=healthy],.status-badge[data-status=succeeded]{color:var(--brand);background:var(--brand-soft);border-color:var(--brand)}.status-badge[data-status=failed],.status-badge[data-status=degraded],.status-badge[data-status=reconciliation_required]{color:var(--danger);background:var(--danger-soft);border-color:var(--danger)}.status-badge[data-status=trialing],.status-badge[data-status=pending]{color:var(--warning);background:var(--warning-soft);border-color:var(--warning)}.filter-bar{border:1px solid var(--border-default);background:var(--panel);grid-template-columns:minmax(260px,1.5fr) repeat(2,minmax(150px,.6fr)) auto;align-items:end;gap:12px;margin-bottom:16px;padding:16px;display:grid}.checkbox-field{white-space:nowrap;align-items:center;padding-bottom:11px;display:flex}.checkbox-field input{width:auto}.record-count{color:var(--muted);font-size:var(--text-sm)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1000px}th{color:var(--muted);background:var(--bg-table-header);text-align:left;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;font-weight:var(--weight-bold);border-bottom:1px solid var(--border-default);padding:13px 16px}td{border-top:1px solid var(--border-muted);vertical-align:middle;font-size:var(--text-sm);color:var(--ink);padding:15px 16px}.user-cell{align-items:center;gap:11px;min-width:250px;display:flex}.user-cell img,.avatar-placeholder{object-fit:cover;border-radius:50%;width:38px;height:38px}.avatar-placeholder{color:var(--brand);background:var(--brand-soft);font-weight:var(--weight-extrabold);place-items:center;font-size:14px;display:grid}.user-cell>div,.stacked-cell{gap:3px;display:grid}.user-cell span,.user-cell code,.muted{color:var(--muted);font-size:var(--text-xs)}.user-cell code{font-family:var(--font-data);background:var(--code-bg);color:var(--code-color);border-radius:var(--radius-sm);padding:2px 6px;font-size:11px}.mini-stats{color:var(--muted);font-size:var(--text-xs);flex-wrap:wrap;gap:4px 10px;display:flex}.pagination{border-top:1px solid var(--border-default);font-size:var(--text-sm);justify-content:flex-end;align-items:center;gap:12px;padding:14px;display:flex}.detail-grid,.operation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px;display:grid}.operation-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.detail-list{margin:0;display:grid}.detail-list div{border-top:1px solid var(--border-muted);grid-template-columns:130px 1fr;gap:14px;padding:12px 0;display:grid}.detail-list dt{color:var(--muted);font-size:var(--text-sm)}.detail-list dd{overflow-wrap:anywhere;font-size:var(--text-sm);margin:0}.back-link{margin-bottom:20px;display:inline-block}.list-card-meta{align-items:center;gap:8px;display:flex}.danger-text{font-weight:var(--weight-bold);color:var(--danger)!important}.danger-zone{border-top:3px solid var(--danger);position:relative}.danger-zone:before{content:"";background:var(--danger);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:absolute;top:20px;right:20px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.field-help{color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.operation-result{border-left:3px solid var(--brand);background:var(--brand-soft);margin-bottom:18px;padding:15px 18px}.operation-result.error{border-color:var(--danger);background:var(--danger-soft)}.operation-result pre{white-space:pre-wrap;font-size:var(--text-xs);font-family:var(--font-mono);background:var(--code-bg);color:var(--code-color);border-radius:var(--radius-md);margin:8px 0 0;padding:12px}.loading-state{min-height:260px;color:var(--muted);font-size:var(--text-sm);place-content:center;gap:9px;display:grid}.loading-bar{background:linear-gradient(90deg, var(--border-default), var(--brand), var(--border-default));background-size:200%;border-radius:9px;width:170px;height:5px;animation:1.2s infinite loading}.loading-bar.short{width:110px}@keyframes loading{to{background-position:-200% 0}}.error-notice{border:1px solid var(--danger);background:var(--danger-soft);justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.error-notice p{color:var(--ink);font-size:var(--text-sm);margin:4px 0 0}.empty-state{color:var(--muted);text-align:center;font-size:var(--text-sm);padding:24px}.section-note{color:var(--warning);background:var(--warning-soft);border-left:3px solid var(--warning);font-size:var(--text-sm);border-radius:6px;margin:0 0 12px;padding:12px 16px;line-height:1.6}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-body{flex-direction:column;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--border-default);background:var(--bg-sidebar);align-items:center;gap:16px;height:56px;padding:0 20px;display:none}.hamburger-button{color:var(--muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:0;place-items:center;padding:8px;display:grid}.hamburger-button:hover{background:var(--panel-raised);color:var(--ink)}.hamburger-button span{background:currentColor;border-radius:2px;width:20px;height:2px;display:block}.hamburger-button span:before,.hamburger-button span:after{content:"";background:currentColor;border-radius:2px;width:20px;height:2px;position:absolute}.hamburger-button span{position:relative}.hamburger-button span:before{transform:translateY(-6px)}.hamburger-button span:after{transform:translateY(6px)}.topbar-brand{font-weight:var(--weight-semibold);color:var(--ink);align-items:center;gap:8px;font-size:16px;display:flex}.topbar-brand .brand-mark{width:28px;height:28px;font-size:14px!important}.topbar-nav{gap:4px;display:none}.topbar-nav a{border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-sm);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);padding:6px 12px;text-decoration:none}.topbar-nav a:hover,.topbar-nav a.router-link-active{color:var(--ink);background:var(--brand-soft)}.topbar-status{align-items:center;gap:12px;margin-left:auto;display:flex}.sidebar-overlay{z-index:40;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);background:#00000080;position:fixed;inset:0}.sidebar-overlay.show{opacity:1;pointer-events:auto}.page-enter-active,.page-leave-active{transition:var(--duration-page) var(--ease-out)}.page-enter-from{opacity:0;transform:translateY(12px)}.page-leave-to{opacity:0}.page-leave-active{transition:var(--duration-fast) var(--ease-in-out)}@media (width<=1023px){.metric-grid{grid-template-columns:repeat(2,1fr)}.operation-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}.topbar{display:flex}.sidebar{width:280px;transition:transform var(--duration-normal) var(--ease-out);z-index:100;position:fixed;top:56px;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-footer{display:grid}.topbar-status{display:flex}}@media (width>=1024px){.topbar,.topbar-nav,.topbar-status{display:flex}.sidebar-footer{display:grid}}@media (width<=767px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:flex}.page-container{padding:var(--page-padding-mobile)}.page-header,.detail-grid{grid-template-columns:1fr}.page-header{display:grid}.metric-grid,.filter-bar{grid-template-columns:1fr}.checkbox-field{padding:5px 0}.auth-card{padding:28px}.topbar-nav,.sidebar-footer{display:none}.table-scroll{overflow-x:visible}table{min-width:unset}table thead{display:none}table,table tbody,table tr,table td{width:100%;display:block}table tr{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--panel);margin-bottom:12px;padding:16px}table td{border-top:none;padding:4px 0}table td:before{content:attr(data-label);font-size:var(--text-xs);color:var(--muted);margin-bottom:4px;display:block}table td:first-child:before{content:none}}