:root{--ink:#1b2e4b;--muted:#61728d;--accent:#245cc7;--accent-soft:#eaf1ff;--paper:#f4f7fc;--line:#dce4ef;--nav:#122a4d;--white:#fff;--amber:#8b601e;--red:#ad3939;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:7px;font-weight:600;transition:background .15s,box-shadow .15s}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #79a7f4;outline-offset:3px}button.primary{background:var(--accent);color:white;padding:12px 18px}button.primary:hover{background:#194aa8}.secondary{background:white;border:1px solid #c8d5e8;padding:11px 15px;color:var(--ink)}.secondary:hover{background:#eef4ff}.text-button{background:none;color:var(--accent);padding:6px 0}.danger{background:#fff1ef;color:var(--red);padding:11px 14px}.quiet{background:none;color:#c6d7ef;padding:10px 0}.icon-button{font-size:26px;width:36px;height:36px;background:#edf2fa;color:var(--ink)}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.15px;font-weight:600;line-height:1.2;margin-bottom:12px}h2{font-size:18px;font-weight:600;letter-spacing:-.3px}h3{font-size:15px;font-weight:600}.muted{color:var(--muted);line-height:1.65}.small{font-size:12px;line-height:1.6}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--accent);margin-bottom:13px}.wordmark{font-size:19px;font-weight:750;letter-spacing:1.5px;color:#f5f8ff;text-decoration:none}.wordmark span{color:#81b4ff;padding:0 5px}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:white;padding:35px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-label{font-size:10px;letter-spacing:1.8px;color:#91a9cb;margin:57px 13px 14px}nav{display:grid;gap:7px}.nav{text-align:left;padding:13px 14px;background:none;color:#b9cce8;font-size:13px;font-weight:500}.nav:hover{background:#1b3b66}.nav.active{background:#234b80;color:#fff;box-shadow:inset 3px 0 #83b6ff}.sidebar-bottom{margin-top:auto;padding:24px 11px 0;font-size:12px;color:#bed0e9;border-top:1px solid #2b4568}.sidebar-bottom p{font-size:11px;color:#8da7cc;margin:8px 0 20px 14px}.status-dot{display:inline-block;width:6px;height:6px;background:#8cbcff;border-radius:50%;margin-right:6px}.topbar{height:77px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfcff;font-size:12px;color:var(--muted)}.topbar>div{display:flex;align-items:center;gap:22px}.slash{padding:0 12px;color:#bdcadc}.badge{display:inline-flex;font-size:10px;font-weight:650;border-radius:5px;padding:5px 8px;letter-spacing:.3px;white-space:nowrap}.badge.demo{background:#f6edd8;color:var(--amber)}.badge.live,.badge.enabled{background:var(--accent-soft);color:var(--accent)}.badge.neutral,.badge.disabled{background:#edf2f9;color:var(--muted)}.workspace{max-width:1420px;margin:auto;padding:32px 42px 0}.banner{display:flex;gap:15px;align-items:center;background:#f8f0dd;border:1px solid #eadcbb;color:#765c2d;padding:13px 17px;border-radius:8px;font-size:12px;margin-bottom:32px}.banner strong{white-space:nowrap}.banner .text-button{margin-left:auto;white-space:nowrap;color:#765c2d;font-size:12px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:16px 0 26px}.page-heading p:last-child{margin-bottom:0}.page-heading>.primary{white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.metrics article{background:white;border:1px solid var(--line);border-radius:10px;padding:24px}.metrics span{display:block;font-size:12px;color:var(--muted)}.metrics strong{display:block;font-size:39px;font-weight:550;letter-spacing:-1px;margin:15px 0 8px}.metrics small{font-size:11px;color:var(--muted)}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:25px;margin-bottom:24px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.card-top h2{margin:0}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.server-address{font-size:20px;letter-spacing:-.4px;overflow-wrap:anywhere;margin:28px 0}dl{margin:0 0 20px}dl>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf2f9;font-size:12px}dt{color:var(--muted)}dd{margin:0;text-align:right}.start-card{background:#edf3ff}.steps{list-style:none;padding:0;margin:25px 0 0}.steps li{display:flex;gap:17px;margin:24px 0}.steps li>span{font-size:11px;color:var(--accent);font-weight:650;border:1px solid #b7ccee;border-radius:50%;width:30px;height:30px;flex-shrink:0;display:grid;place-items:center}.steps strong{font-size:13px}.steps p{font-size:12px;color:var(--muted);line-height:1.6;margin:6px 0 0}.activity-item{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding:14px 0;font-size:12px}.activity-item:first-child{border-top:0}.activity-item .when{margin-left:auto;color:var(--muted);white-space:nowrap}.activity-item strong{font-weight:500}.table-card{padding:0;overflow:hidden}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px 24px}.table-toolbar h2{margin:0}.table-toolbar input{width:240px;margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-weight:600;padding:14px 23px;background:#f7f9fd;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:20px 23px;border-bottom:1px solid #edf2f9;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:12px}.avatar{height:35px;width:35px;display:grid;place-items:center;border-radius:8px;background:#eaf1fc;color:#345e9d;font-weight:650}.person strong{display:block;font-size:13px;font-weight:600}.person small{display:block;color:var(--muted);margin-top:5px}.empty{text-align:center;padding:50px 20px 60px}.empty-icon{font-size:25px;background:#edf3ff;border-radius:15px;width:55px;height:55px;display:grid;place-items:center;margin:0 auto 20px;color:var(--accent)}.empty p{font-size:13px;color:var(--muted)}label{display:block;font-size:12px;font-weight:600;margin:20px 0 8px}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #cbd6e8;border-radius:6px;background:white;color:var(--ink);line-height:1.45}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}input::placeholder{color:#8a9ab2}.settings-form{max-width:750px}.field-help{font-size:11px;color:var(--muted);line-height:1.6;margin-top:9px}.inline-note{background:#f8f3e8;color:#785f31;border:1px solid #eee2c7;border-radius:7px;padding:14px;font-size:12px;line-height:1.65;margin:22px 0}.code-line{display:block;background:#f0f5fd;border:1px solid var(--line);padding:14px;border-radius:6px;overflow-wrap:anywhere;margin-bottom:20px}code,pre,textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}footer{padding:26px 0;margin-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#7486a1;font-size:10px;letter-spacing:.3px}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:#1c3d70;color:#fff;padding:14px 22px;border-radius:8px;box-shadow:0 8px 30px #16345c26;z-index:100;font-size:13px}.error{color:var(--red);font-size:12px;line-height:1.6}.login-view{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:var(--nav);color:white;padding:50px 60px;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:43px;letter-spacing:-1.3px;line-height:1.25}.login-story .eyebrow{color:#8bbcff}.login-story p:not(.eyebrow){line-height:1.8;color:#b5c9e8}.muted-light{color:#90aace;font-size:11px}.login-panel{display:flex;align-items:center;justify-content:center;padding:50px}.login-panel form{max-width:360px;width:100%}.login-panel h2{font-size:30px;margin-bottom:14px}.login-panel button.primary{width:100%;display:flex;justify-content:space-between;margin-top:22px}.login-panel .small{margin-top:25px}dialog{border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:0;max-height:90vh;box-shadow:0 20px 100px #15345d30;width:min(720px,calc(100vw - 30px))}dialog::backdrop{background:#0d203c77;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--line);background:#f8faff}.dialog-heading h2{margin:0;font-size:23px}.dialog-heading .eyebrow{margin-bottom:8px}.dialog-content{padding:4px 28px 20px}.dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid var(--line);background:#f8faff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check-line{display:flex;gap:11px;align-items:flex-start;font-weight:400}.check-line small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:4px}.enable-line{background:#edf4ff;border:1px solid #d8e5fa;border-radius:7px;padding:15px;margin:22px 0}.permissions-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 12px}.permissions-heading h3{margin:0}.permissions-heading button{font-size:11px}.tool-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-options label{border:1px solid var(--line);border-radius:7px;padding:13px;margin:0;cursor:pointer}.tool-options strong{font-size:12px}.tool-options label:has(input:checked){border-color:#86a9e3;background:#f5f8ff}.action-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.action-buttons button{font-size:12px}.result{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f5fd;padding:15px;border-radius:7px;font-size:11px;line-height:1.7}.token-dialog textarea{font-size:11px}.token-dialog .dialog-content>p:first-child{margin-top:18px;line-height:1.7;font-size:13px}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media(min-width:1500px){.workspace{padding-top:40px}.page-heading{margin-bottom:35px}.metrics article{padding:30px}.card{padding:30px}.table-card{padding:0}}
@media(max-width:1050px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:30px 15px}.wordmark{font-size:16px}.workspace{padding:25px 25px 0}.topbar{padding:0 25px}.overview-grid{grid-template-columns:1fr}.banner{flex-wrap:wrap;gap:7px 12px}.banner .text-button{margin-left:0}.metrics{gap:12px}.metrics article{padding:19px}.login-story{padding:40px}.login-story h1{font-size:34px}}
@media(max-width:700px){.shell{display:block}.sidebar{position:relative;height:auto;padding:20px}.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:20px;gap:4px}.nav{white-space:nowrap;font-size:11px;padding:10px}.nav.active{box-shadow:inset 0 -2px #83b6ff}.topbar{height:58px;padding:0 20px}.admin-label{display:none}.workspace{padding:20px 18px 0}.page-heading{align-items:flex-start;flex-direction:column;gap:18px}h1{font-size:29px}.metrics{gap:8px}.metrics article{padding:13px}.metrics strong{font-size:31px}.metrics span{font-size:11px;min-height:28px}.metrics small{font-size:10px;line-height:1.5;display:block}.card{padding:20px}.table-card{padding:0}.table-toolbar{padding:18px;gap:10px}.table-toolbar input{width:170px}th,td{padding:15px}.banner{line-height:1.6}.banner span{display:block}.login-view{grid-template-columns:1fr}.login-story{padding:25px;min-height:270px}.login-story h1{font-size:28px;margin:22px 0 12px}.login-story .eyebrow,.login-story .muted-light{display:none}.login-story p{font-size:12px;margin:0}.login-panel{padding:40px 25px}.form-row,.tool-options{grid-template-columns:1fr}.dialog-heading{padding:20px}.dialog-content{padding:4px 20px 20px}.dialog-footer{padding:16px 20px}.permissions-heading{align-items:flex-start}.activity-item{flex-wrap:wrap}.activity-item .when{margin-left:0}footer{gap:15px}}