:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#202c3d;background:#f5f7fa;font-synthesis:none;--accent:#246856;--line:#e6eaf0;--muted:#657286}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;font-weight:600;transition:background .15s,box-shadow .15s}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #72b7a1;outline-offset:3px}button.primary{background:var(--accent);color:white;padding:11px 17px;white-space:nowrap;box-shadow:0 2px 3px #142e2010}button.primary:hover:not(:disabled){background:#1a5143}.quiet{background:transparent;color:#47566b;padding:8px 10px}.quiet:hover:not(:disabled){background:#eef2f6}.danger{color:#b64646}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin-bottom:10px;overflow-wrap:anywhere}h2{font-size:18px;letter-spacing:-.3px;margin-bottom:5px}h3{font-size:17px;margin-bottom:8px}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted);margin-bottom:12px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.5px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--accent);color:white;border-radius:9px;width:34px;height:34px;font-size:21px}.brand-web{font-size:9px;letter-spacing:1.5px;border:1px solid #d9e1e6;padding:3px 5px;border-radius:4px;color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;width:fit-content}.demo{background:#fff3d9;color:#865f19;border:1px solid #f1dfb6}.active{color:#27725d;background:#edf7f1}.revoked{background:#f0f2f5;color:#697385}.topbar{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1180px)/2))}.account{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:12px}.workspace{max-width:1236px;padding:38px 28px 20px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.page-heading p{margin:0}.demo-banner{display:flex;gap:14px;align-items:center;padding:17px 20px;background:#fffcf4;border:1px solid #eee3c9;border-radius:10px;margin-bottom:24px;color:#79623c;font-size:12px}.demo-banner strong{font-size:13px;color:#6d552c}.demo-banner p{margin:3px 0 0}.info-icon{border:1px solid #c4aa74;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-family:Georgia,serif;font-weight:bold;flex-shrink:0}.metrics{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:18px;margin-bottom:26px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:9px;box-shadow:0 2px 4px #12264003}.metric>.muted{font-size:12px}.metric strong{font-size:30px;font-weight:650;line-height:1.3}.metric strong.metric-label{font-size:19px;margin:7px 0 0}.metric-note{font-size:11px;color:#8490a0}.panel{background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 3px 6px #12264003}.panel-heading{padding:23px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading p{font-size:12px;margin:0}.count{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:2px 6px;vertical-align:middle;margin-left:6px;color:var(--muted)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#fafbfd;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#7b8796;font-size:11px;font-weight:500;padding:13px 24px;white-space:nowrap}td{padding:18px 24px;border-bottom:1px solid #f0f2f5;font-size:12px}tr:last-child td{border-bottom:0}.person{display:flex;gap:11px;align-items:center;min-width:150px}.person strong{max-width:200px;overflow-wrap:anywhere}.avatar{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:9px;background:#eef2f7;color:#687992;font-weight:600}.actions{display:flex;gap:3px;white-space:nowrap}.actions button{font-size:11px;padding:7px}.empty{text-align:center;padding:40px 20px 50px}.empty-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:#79968c;margin:0 auto 18px;font-size:25px;background:#f8faf9}.empty p{color:#85909e;font-size:12px;margin:0}.subtle{color:#8a95a3;font-size:11px}.operation{padding:15px 24px;border-top:1px solid #f0f2f5;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:15px}.operation-id{display:block;color:#9aa3af;font-size:10px;font-family:monospace;margin-top:3px}.history-empty{padding:0 24px 24px;font-size:12px;margin:0}footer{display:flex;justify-content:space-between;gap:15px;color:#909aa7;font-size:10px;padding:5px 0 10px}.notice{padding:13px 15px;border-radius:8px;background:#f1f5f8;font-size:12px;color:#64758b}.notice.error{background:#fff0ef;color:#ab4242;border:1px solid #f3d8d6}.panel>#feedback{margin:0 24px 20px}.stack{display:flex;flex-direction:column;gap:18px}.stack p{margin:0}.stack label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}input,textarea{border:1px solid #dce2e9;border-radius:8px;background:white;padding:12px 13px;width:100%;outline:none;color:#223047}input:focus,textarea:focus{border-color:#5d9d86;box-shadow:0 0 0 3px #32876612}input::placeholder{color:#a3abb6;font-weight:400}dialog{border:1px solid var(--line);border-radius:16px;padding:26px;width:440px;max-width:calc(100vw - 32px);box-shadow:0 20px 80px #12264024}dialog::backdrop{background:#182e4555;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-heading h2{margin:0}textarea{min-height:100px;resize:vertical;font-family:monospace;font-size:12px}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.welcome{background:#edf3f0;padding:45px 56px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #dfe8e1}.welcome-copy{max-width:410px;margin:60px 0}.welcome h1{font-size:44px;letter-spacing:-1.8px;color:#234b40;line-height:1.13;margin:22px 0}.welcome-copy>p{font-size:15px;color:#6a837b;margin-bottom:40px;max-width:340px}.welcome-feature{display:flex;gap:16px;align-items:center;margin-top:20px;color:#547367;font-size:13px}.welcome-feature>span{border:1px solid #cddfd6;font-size:10px;border-radius:6px;padding:5px 8px;color:#7c9b8f}.welcome-foot{font-size:11px;color:#8da397}.login-side{background:white;display:grid;place-items:center;padding:48px 32px}.login-card{max-width:360px;width:100%}.login-card>h2{font-size:27px;margin-top:24px;letter-spacing:-.8px}.login-card>.muted{font-size:13px;margin-bottom:28px}.login-card>.notice.error{margin-bottom:18px}.login-card .primary{display:flex;justify-content:space-between;margin-top:6px}.login-note{font-size:11px;text-align:center;color:#94a0ad;margin:22px 0 28px}.login-card>.notice:last-child{font-size:11px;line-height:1.7;background:#f7f9fb}.welcome .eyebrow{color:#799a8d}[hidden]{display:none!important}@media(min-width:1500px){.welcome{padding:60px 90px}.welcome-copy{max-width:500px}.welcome h1{font-size:56px}}@media(max-width:1000px){.metrics{grid-template-columns:1fr 1fr}.metric:first-child{grid-column:span 2}.welcome{padding:35px}.welcome h1{font-size:36px}.workspace{padding:28px 20px}}@media(max-width:640px){.topbar{padding:0 18px;height:65px}.brand{font-size:15px;gap:7px}.brand-mark{width:29px;height:29px;font-size:18px}.account{gap:8px}.account>span{display:none}.workspace{padding:24px 14px}.page-heading{align-items:flex-start;flex-direction:column;gap:13px}h1{font-size:27px}.metrics{gap:10px}.metric{padding:17px}.metric-note{font-size:10px}.panel-heading{padding:19px 17px;align-items:flex-start;flex-direction:column}.panel-heading>.primary{width:100%}.panel-heading .subtle{display:none}.demo-banner{padding:14px;align-items:flex-start}.panel{margin-bottom:18px}td,th{padding-left:17px;padding-right:17px}.operation{padding:14px 17px}footer{flex-direction:column;gap:5px}.login-layout{display:block}.welcome{padding:24px;background:#edf3f0;border-bottom:1px solid #dfe8e1}.welcome-copy,.welcome-foot{display:none}.login-side{padding:36px 24px;min-height:calc(100vh - 82px)}.login-card{max-width:380px}}
.workspace-nav{display:flex;gap:8px;margin-bottom:26px}.workspace-nav a{padding:9px 15px;border-radius:8px;color:var(--muted);font-weight:600}.workspace-nav a[aria-current=page]{background:#e8f2ed;color:var(--accent)}.server-card{padding:0 24px 20px}.server-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.server-heading h3,.server-address{overflow-wrap:anywhere}.server-address{font-family:monospace;color:var(--muted);margin-bottom:20px}.server-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 22px}.server-facts dt{color:var(--muted);font-size:11px;margin-bottom:6px}.server-facts dd{margin:0;overflow-wrap:anywhere;font-size:13px}.server-result{background:#f5f8fa;padding:15px;border-radius:9px;font-size:12px}.server-result p{margin:7px 0 0;color:var(--muted)}.server-actions{display:flex;gap:10px;margin:20px 0 12px}.server-card>.subtle{margin:0}.binding-steps{margin:0;padding:0 24px 24px 46px}.binding-steps li{padding:0 0 16px 5px}.binding-steps span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.server-form-row{display:grid;grid-template-columns:1fr 1.5fr;gap:15px}.server-feedback{margin-bottom:20px}#server-dialog{max-height:calc(100dvh - 24px);overflow-y:auto}@media(max-width:640px){.server-card{padding:0 17px 20px}.server-heading{flex-direction:column;margin-bottom:18px}.server-address{margin-bottom:0}.server-facts{grid-template-columns:1fr 1fr}.server-actions{flex-direction:column}.server-actions button{width:100%}.server-form-row{grid-template-columns:1fr}.workspace-nav{margin-bottom:20px}.binding-steps{padding-right:17px}}
.access-qr { display:block; width:260px; max-width:100%; height:auto; margin:auto; background:white; }
.access-qr[hidden] { display:none; }