:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1c283d;background:#f5f6f9;font-synthesis:none;font-size:14px;line-height:1.5;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:1px solid transparent;border-radius:8px;padding:10px 16px;min-height:42px;background:#233b61;color:#fff;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}button:hover{background:#182d4d}button:disabled{cursor:not-allowed;opacity:.48}button:disabled:hover{background:#233b61}input,select{width:100%;border:1px solid #dce1e9;border-radius:8px;padding:10px 12px;min-height:43px;background:#fff;color:#1c283d;outline:none}input::placeholder{color:#59687d}input:focus,select:focus{border-color:#5174ac;box-shadow:0 0 0 3px #e6edf7}input:disabled,select:disabled{background:#f8f9fb;color:#969eaa}button:focus-visible,a:focus-visible{outline:3px solid #7794bf;outline-offset:3px}label{display:block;font-weight:600;font-size:13px;margin-bottom:7px}h1,h2,h3,p{margin:0}h1{font-size:31px;line-height:1.2;font-weight:650;letter-spacing:-1px}h2{font-size:16px;font-weight:650;letter-spacing:-.2px}h3{font-size:15px}a{color:inherit}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:214px;background:#15243c;color:#d3dced;padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;font-size:21px;font-weight:700;letter-spacing:.8px}.brand-mark{display:grid;place-items:center;border:1px solid #6684b1;background:#273d5d;width:38px;height:40px;border-radius:9px;font-size:22px}.brand-sub{font-size:11px;letter-spacing:2px;display:block;font-weight:500;color:#90a5c3;line-height:1.1}.nav-label{margin:54px 12px 13px;color:#8194b1;letter-spacing:1.4px;font-size:10px;font-weight:600}.nav-current{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid #334662;border-radius:8px;background:#263952;color:#fff;font-weight:500}.sidebar-foot{font-size:12px;color:#879ab6;margin-top:auto;padding:18px 10px 0;border-top:1px solid #2c3b53;line-height:1.7}
main{max-width:1420px;margin-left:214px;padding:44px 44px 24px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#59687d;font-weight:600;margin-bottom:14px}.subtitle{color:#59687d;margin-top:9px}.badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e1e5ec;padding:6px 12px;border-radius:20px;color:#59687d;font-size:12px;white-space:nowrap}.badge.connected{color:#23734e;border-color:#c8e5d7;background:#f3fbf6}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.card{background:#fff;border:1px solid #e2e6ed;border-radius:12px;box-shadow:0 2px 3px #182a4210}.connection{padding:23px 25px;display:grid;grid-template-columns:1fr minmax(280px,1.15fr);align-items:center;gap:10px 28px}.connection p:not(.message){color:#59687d;font-size:12px;margin-top:5px}.connection .message{grid-column:1/-1;margin:0}.input-action{display:flex;gap:9px;align-items:center}.input-action input{min-width:0}.input-action button{display:flex;gap:20px;align-items:center}#connected-actions{display:flex;gap:20px;justify-content:flex-end;align-items:center}.connected-label{font-size:13px;color:#23734e}.space-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:26px 0 20px}.space-picker{width:290px;margin-right:auto}.space-toolbar .message{flex-basis:100%;margin:0}.secondary{background:#fff;color:#34465e;border-color:#dce1e9;font-weight:500}.secondary:hover{background:#f2f5f9}.secondary:disabled:hover{background:#fff}.text-button{background:transparent;color:#415e85;font-size:12px;padding-inline:8px}.text-button:hover{background:#eaf0f7}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(285px,1fr);gap:22px;align-items:start}.card-heading{padding:23px 25px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-heading p{font-size:12px;color:#59687d;margin-top:5px}.credentials-card{min-height:388px}.credentials-card .card-heading{border-bottom:1px solid #edf0f5}.icon-button{display:grid;place-items:center;padding:8px;min-height:34px;width:34px;background:#fff;color:#758399;border:1px solid #e5e9f0}.icon-button:hover{background:#f0f3f8}.icon-button:disabled:hover{background:#fff}.empty-state{text-align:center;padding:48px 24px 30px}.empty-icon{margin:0 auto 15px;background:#f3f6fa;color:#8498b4;display:grid;place-items:center;width:50px;height:50px;border-radius:14px}.empty-icon svg{width:24px;height:24px}.empty-state h3{color:#61718a;font-size:14px;font-weight:550}.empty-state p{color:#59687d;font-size:12px;max-width:290px;margin:7px auto 0}.empty-state button{margin-top:14px}.create-card form{padding:0 25px 23px}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset small{display:block;color:#59687d;font-size:11px;margin:6px 0 23px}fieldset .full-width{width:100%;margin-top:1px}.security-note{display:flex;gap:8px;align-items:center;justify-content:center;background:#fafbfd;border-top:1px solid #edf0f5;padding:15px 16px;font-size:11px;color:#59687d;border-radius:0 0 12px 12px}.security-note svg{width:15px;height:15px}.message{font-size:12px;margin-top:12px;color:#a43e3e;overflow-wrap:anywhere}.message:empty{display:none}.message.success{color:#23734e}.message.neutral{color:#59687d}.list-message{margin:15px 24px}.list-footer{text-align:center;padding:0 20px 20px}.list-footer:has(button[hidden]){display:none}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{color:#59687d;font-weight:500;font-size:11px;padding:13px 23px;background:#fcfcfd;border-bottom:1px solid #edf0f5}td{padding:16px 23px;border-bottom:1px solid #edf0f5;vertical-align:middle}td:first-child{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:500;overflow-wrap:anywhere}td:nth-child(2){color:#59687d;white-space:nowrap}td:last-child{width:25px;color:#8295ae;padding-left:0}td svg{width:15px;height:15px}.page-footer{display:flex;align-items:center;gap:9px;margin-top:32px;font-size:11px;color:#59687d}.page-footer a{margin-left:auto;text-decoration:none}.page-footer a:hover{color:#34465e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:230px;top:-100px;z-index:10;background:#fff;padding:10px}.skip:focus{top:10px}dialog{width:min(440px,calc(100% - 32px));border:1px solid #e2e6ed;border-radius:14px;padding:28px;color:#1c283d;box-shadow:0 24px 90px #15243c40}dialog::backdrop{background:#10203866}.dialog-heading{margin-bottom:24px}.dialog-heading p{font-size:12px;color:#59687d;margin-top:6px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.noscript{position:fixed;bottom:0;background:#fff0df;padding:12px;width:100%;text-align:center}
.create-mode,.credential-kind{display:flex;padding:3px;background:#f2f4f8;border-radius:9px}.create-mode{margin:0 25px 22px}.credential-kind{margin-bottom:20px}.mode-button,.kind-button{flex:1;min-height:34px;padding:6px 10px;background:transparent;color:#59687d;font-size:12px}.mode-button:hover,.kind-button:hover{background:#e6ebf2}.mode-button.active,.kind-button.active{background:#fff;color:#233b61;box-shadow:0 1px 3px #15243c18}.credential-key-detail{display:block;margin-top:4px;color:#59687d;font:11px/1.4 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.download-button{min-height:32px;padding:5px 9px;font-size:11px}.create-card textarea{display:block;width:100%;border:1px solid #dce1e9;border-radius:8px;padding:10px 12px;background:#fff;color:#1c283d;outline:none;resize:vertical;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.create-card textarea:focus{border-color:#5174ac;box-shadow:0 0 0 3px #e6edf7}.create-card textarea:disabled{background:#f8f9fb;color:#969eaa}.bulk-preview{margin-top:22px;border-top:1px solid #edf0f5;padding-top:18px}.bulk-preview-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.bulk-preview-heading span{font-size:11px;color:#59687d}.bulk-entries{list-style:none;padding:0;margin:0 0 16px;max-height:230px;overflow:auto;border:1px solid #e5e9f0;border-radius:8px}.bulk-entries li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-bottom:1px solid #edf0f5;font-size:11px}.bulk-entries li:last-child{border-bottom:0}.bulk-key{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;min-width:0}.bulk-status{color:#59687d;white-space:nowrap}.bulk-status.created{color:#23734e}.bulk-status.conflict,.bulk-status.failed{color:#a43e3e}.bulk-preview .full-width{width:100%}
.login-view{min-height:calc(100vh - 90px);display:grid;place-items:center}.login-card{width:min(420px,100%);padding:34px}.login-copy{color:#59687d;margin:10px 0 26px}.login-card label{margin-top:17px}.login-card button{margin-top:24px}.session-actions{display:flex;align-items:center;gap:10px}.logged-out .sidebar{display:none}.logged-out main{margin-left:0;max-width:none}.logged-out .login-view{max-width:1420px;margin:auto}
@media(min-width:1600px){main{margin-inline:auto;padding-left:258px;max-width:1550px}}@media(max-width:1100px){.sidebar{width:178px;padding-inline:18px}main{margin-left:178px;padding:34px 25px}.connection{grid-template-columns:1fr;gap:16px}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(275px,1fr)}.card-heading,.connection{padding-inline:20px}.create-card form{padding-inline:20px}td,th{padding-inline:16px}}@media(max-width:800px){.sidebar{position:static;width:auto;flex-direction:row;align-items:center;padding:16px 22px;gap:24px}.brand{font-size:18px}.brand-mark{height:34px;width:33px;font-size:19px}.brand-sub{font-size:9px}.nav-label,.sidebar-foot{display:none}.nav-current{margin-left:auto;padding:8px 13px;font-size:12px}.nav-current svg{width:16px;height:16px}main{margin-left:0;padding:28px 22px}.workspace{grid-template-columns:minmax(0,1.15fr) minmax(265px,1fr)}.skip{left:15px}.page-header{margin-bottom:23px}h1{font-size:27px}}@media(max-width:620px){main{padding:25px 16px}.workspace{grid-template-columns:1fr;gap:18px}.page-header{align-items:flex-start}.badge{font-size:10px;padding:5px 8px;margin-top:26px}.connection{padding:20px 17px}.input-action{flex-wrap:wrap}.input-action input{flex:1;min-width:140px}.input-action button{gap:10px}.space-picker{width:100%;margin-right:0}.space-toolbar{gap:10px}.space-toolbar #new-space-button{margin-left:auto}.credentials-card{min-height:310px}.empty-state{padding-top:32px}.page-footer{flex-wrap:wrap;gap:6px}.page-footer a{flex-basis:100%;margin:5px 0 0}.eyebrow{font-size:9px}.subtitle{font-size:12px}}