:root{color:#242a2b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;letter-spacing:0;background:#f7f9f9;font-family:Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #269482}button:disabled{cursor:wait;opacity:.65}.topbar{background:#fff;border-bottom:1px solid #dfe6e5;align-items:center;gap:40px;height:76px;padding:0 5%;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:750;text-decoration:none;display:flex}.brand-mark{color:#fff;background:#17685b;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.workspace{color:#647370;font-size:13px}.environment{color:#647370;white-space:nowrap;border-left:1px solid #dfe6e5;margin-left:auto;padding-left:24px;font-size:12px}main{max-width:1180px;margin:auto;padding:56px 32px 0}.page-heading,.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{color:#267365;margin:0 0 10px;font-size:11px;font-weight:700}h1{margin:0 0 8px;font-size:30px;font-weight:650;line-height:1.4}.muted{color:#697773;margin:0;font-size:13px}button{color:#314b43;cursor:pointer;background:#fff;border:1px solid #ccd8d4;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:122px;height:40px;font-size:13px;display:flex}button:hover:not(:disabled){background:#edf4f1}.summary{border-top:1px solid #dfe6e5;border-bottom:1px solid #dfe6e5;grid-template-columns:repeat(3,1fr);margin:36px 0 44px;padding:30px 0;display:grid}.summary>div{border-right:1px solid #dfe6e5;flex-direction:column;gap:10px;padding:0 30px;display:flex}.summary>div:first-child{padding-left:0}.summary>div:last-child{border:0}.metric-label{color:#596963;align-items:center;gap:8px;min-height:20px;font-size:13px;display:flex}.summary strong{font-size:34px;font-weight:600;line-height:44px}.summary .connection{color:#17685b;font-size:24px}.summary .failed{color:#b33c38}h2{flex-wrap:wrap;align-items:center;gap:12px;margin:0;font-size:18px;font-weight:600;display:flex}.tag{color:#746332;background:#f3eedc;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:500}.section-heading{margin-bottom:20px}.section-heading a{color:#5a6b65;white-space:nowrap;align-items:center;gap:4px;font-size:12px;text-decoration:none;display:flex}.section-heading a:hover{text-decoration:underline}.table-scroll{background:#fff;border-top:1px solid #dfe6e5;border-bottom:1px solid #dfe6e5;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#65746e;background:#f0f4f2;padding:14px 20px;font-size:12px;font-weight:500}td{border-top:1px solid #e9eeeb;padding:20px;font-size:13px}.member{align-items:center;gap:12px;font-weight:600;display:flex}.avatar{color:#356353;background:#e7f0ea;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}tr:nth-child(2) .avatar{color:#79543f;background:#f3e9e1}tr:nth-child(3) .avatar{color:#545687;background:#ecebf6}.status{border-radius:4px;padding:4px 9px;font-size:11px;display:inline-block}.active{color:#246b50;background:#eaf5ee}.invited{color:#8d6929;background:#faf1dc}.empty{text-align:center;color:#697773;height:180px}.error{color:#a03830;background:#fff0ee;align-items:center;gap:10px;margin-bottom:16px;padding:14px;font-size:13px;display:flex}.sync-note{color:#6b7b72;align-items:center;gap:7px;min-height:20px;margin:16px 0;font-size:12px;display:flex}footer{color:#7a8882;border-top:1px solid #dfe6e5;justify-content:space-between;gap:20px;margin-top:70px;padding:22px 0;font-size:11px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}@media (width<=640px){.topbar{gap:16px;height:64px;padding:0 20px}.workspace{display:none}main{padding:32px 20px 0}h1{font-size:24px}.page-heading{flex-wrap:wrap;align-items:flex-start}.summary{margin:28px 0;padding:22px 0}.summary>div{padding:0 12px}.summary strong{font-size:28px}.summary .connection{font-size:18px}.summary .muted{font-size:11px}.section-heading{align-items:flex-start}h2{gap:6px;font-size:16px}footer{margin-top:40px}}
