:root{--paper:#f3f0e8;--surface:#fcfaf5;--white:#fffefb;--ink:#193d34;--forest:#153f35;--muted:#7a8075;--line:#deded3;--orange:#c66b46;--light-green:#e7ebdf;--red:#a44738;--radius:18px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c88a55;outline-offset:4px}button svg,a svg{flex-shrink:0}button{color:inherit}h1,h2,h3,p{margin:0}button{border:0}a{text-decoration:none}svg{display:block}::selection{background:#d6dfc8}input{color:var(--ink);background:var(--white)}
.initial-loading{height:100vh;display:flex;gap:24px;align-items:center;justify-content:center;flex-direction:column}.loading-caption{font-size:12px;letter-spacing:.06em;color:var(--muted)}.brand-word{font:italic 53px/.9 Georgia,"Times New Roman",serif;letter-spacing:-4px;color:var(--forest);position:relative}.brand-word>span{font:10px/1 sans-serif;letter-spacing:0;position:absolute;top:2px;right:-12px}.brand-link{display:inline-flex;align-items:center;gap:31px}.brand-divider{height:22px;width:1px;background:var(--line)}.brand-label{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}
.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:37px 22px 20px;background:var(--paper);z-index:20}.sidebar .brand-link{padding:0 12px}.sidebar .brand-word{font-size:49px}.sidebar .brand-label{font-size:9px;letter-spacing:.12em}.sidebar .brand-divider{margin-left:2px}.nav-label{font-size:9px;font-weight:700;letter-spacing:.16em;color:#96998c;padding:0 14px;margin-top:49px;margin-bottom:15px}.navigation{display:flex;flex-direction:column;gap:5px}.nav-button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;border-radius:9px;background:transparent;color:#738075;font-size:12px;font-weight:550;transition:.15s}.nav-button:hover{background:#e8e9dd}.nav-button.active{color:var(--forest);background:#e0e6d8}.nav-button.active:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--forest);margin-left:auto}.nav-button svg{width:17px;height:17px;stroke-width:1.7}.sidebar-bottom{margin-top:auto;padding-top:34px}.sidebar-note{padding:18px 14px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);line-height:1.7}.sidebar-note strong{display:block;color:var(--forest);font-size:11px;font-weight:600;margin-bottom:4px}.store-link{display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:11px;color:var(--forest)}.store-link svg{width:16px;height:16px}.store-link svg:last-child{margin-left:auto;width:12px}.main-shell{grid-column:2;min-width:0}.topbar{height:87px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.breadcrumbs{font-size:11px;color:#93968b;display:flex;align-items:center;gap:12px}.breadcrumbs strong{font-weight:500;color:var(--ink)}.topbar-right{display:flex;align-items:center;gap:22px}.service-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#6f7d70}.status-dot{height:6px;width:6px;background:#548260;border-radius:50%;box-shadow:0 0 0 3px #54826013}.identity{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:21px}.avatar{width:33px;height:33px;background:var(--light-green);border:1px solid #d7dfcc;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-size:14px}.identity-name{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.logout{background:transparent;color:var(--muted);padding:6px}.logout svg{height:15px;width:15px}.content{max-width:1460px;margin:0 auto;padding:37px 42px 25px}.demo-banner{display:flex;align-items:center;gap:9px;color:#866d41;font-size:10px;line-height:1.5;background:#efe8d7;border:1px solid #e5dcc7;border-radius:8px;padding:10px 13px;margin-bottom:28px}.demo-banner svg{width:14px;height:14px;flex-shrink:0}.demo-banner strong{font-weight:600}.demo-banner .banner-label{background:#e6dbc0;padding:3px 6px;font-size:8px;letter-spacing:.08em;font-weight:700;border-radius:3px;margin-left:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:11px}.page-heading h1{font:36px/1.12 Georgia,"Times New Roman",serif;letter-spacing:-1.1px}.page-heading p{color:#83877d;font-size:11px;line-height:1.7;margin-top:9px}.page-heading .date-note{font-size:10px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:7px;padding-bottom:3px}.date-note svg{width:13px;height:13px}.provider-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:25px;gap:12px}.provider-tabs{display:flex;gap:27px}.provider-tab{display:flex;align-items:center;gap:8px;background:transparent;padding:0 0 15px;color:#879084;font-size:11px;border-bottom:2px solid transparent;margin-bottom:-1px}.provider-tab.active{color:var(--forest);font-weight:650;border-bottom-color:var(--forest)}.provider-symbol{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:#e6e8df;font-size:14px;color:#7b8173;font-family:Georgia,serif}.provider-tab[data-provider="anthropic"] .provider-symbol{color:#ad654a;background:#f0e1d4}.provider-tab[data-provider="openai"] .provider-symbol{color:#346c58;background:#dfe9db}.provider-tab[data-provider="gemini"] .provider-symbol{color:#6376a5;background:#e4e7f1}.isolation-note{font-size:9px;color:#8d9286;display:flex;align-items:center;gap:5px;padding-bottom:14px}.isolation-note svg{width:12px;height:12px}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:550;padding:12px 17px;border-radius:7px;transition:background .2s;line-height:1.2;white-space:nowrap}.primary-button{background:var(--forest);color:#f8f7ed;border:1px solid var(--forest)}.primary-button:hover{background:#215446}.secondary-button{background:transparent;border:1px solid #d4d9c9;color:var(--forest)}.secondary-button:hover{background:#e8ecdf}.danger-button{background:#f7e9e1;border:1px solid #ebd2c7;color:var(--red)}.primary-button svg,.secondary-button svg,.danger-button svg{width:13px;height:13px}.text-button{display:inline-flex;align-items:center;gap:7px;padding:0;background:transparent;color:var(--forest);font-size:10px;font-weight:550}.text-button svg{height:12px;width:12px}.wallet-card{position:relative;overflow:hidden;background:var(--forest);color:#f7f4e9;border-radius:var(--radius);padding:27px 29px;min-height:216px;display:flex;flex-direction:column;justify-content:space-between}.wallet-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.wallet-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#bfd0bc;display:flex;align-items:center;gap:7px}.wallet-label svg{width:13px;height:13px}.provider-pill{font-size:9px;color:#c2d1bb;border:1px solid #446758;border-radius:20px;padding:5px 9px}.wallet-amount{font:51px/1.1 Georgia,serif;letter-spacing:-1.4px;margin-top:20px;position:relative;z-index:1}.wallet-amount span{font:9px/1.4 ui-sans-serif,sans-serif;letter-spacing:0;color:#b2c7b0;display:block;margin-top:8px}.wallet-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;position:relative;z-index:1}.wallet-bottom .secondary-button{color:#f3f0e8;border-color:#5a7967;padding:9px 12px;font-size:9px}.wallet-footnote{color:#acc0a9;font-size:9px}.wallet-decoration{position:absolute;width:260px;height:260px;border:1px solid #ffffff0e;border-radius:50%;right:-55px;bottom:-132px}.wallet-decoration:after{content:"";position:absolute;inset:25px;border:1px solid #ffffff0e;border-radius:50%}.wallet-decoration:before{content:"";position:absolute;inset:50px;border:1px solid #ffffff0e;border-radius:50%}.metrics-layout{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:18px;margin-bottom:23px}.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:25px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:10px;color:#7b8478}.stat-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e4e7db;border-radius:9px;color:#6f886f}.stat-icon svg{width:15px;height:15px}.stat-value{font:38px/1.15 Georgia,serif;letter-spacing:-1.2px;margin:16px 0 7px}.stat-caption{color:#969b8c;font-size:9px}.stat-bottom{border-top:1px solid #e7e8dd;margin-top:18px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#838d7b;gap:5px}.stat-bottom strong{font-weight:550;color:#536f54}.dashboard-middle{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:23px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;min-width:0}.panel-header{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px}.panel-title{font-size:12px;font-weight:600;letter-spacing:-.1px}.panel-subtitle{font-size:9px;color:#949a8c;margin-top:6px;line-height:1.5}.subtle-badge{display:inline-flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.04em;color:#808b77;padding:6px 9px;border:1px solid #e1e5d8;border-radius:5px;white-space:nowrap}.subtle-badge svg{height:10px;width:10px}.chart-wrap{padding:0 18px 15px;position:relative}.chart-svg{width:100%;height:180px;overflow:visible}.chart-svg text{font-size:9px;fill:#9aa18f;font-family:ui-sans-serif,sans-serif}.chart-grid{stroke:#e7e9df;stroke-width:1;stroke-dasharray:3 5}.chart-line{stroke:#3e6b48;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;fill:none}.chart-dot{fill:#fdfbf7;stroke:#3e6b48;stroke-width:2}.chart-empty{position:absolute;inset:25px 25px 35px;display:grid;place-items:center;pointer-events:none}.chart-empty>span{font-size:10px;color:#979f8d;padding:8px 14px;border-radius:5px;background:#fcfaf5e6}.chart-legend{display:flex;gap:14px;justify-content:flex-start;padding:0 25px 18px;font-size:9px;color:#8d9682}.chart-legend span{display:flex;gap:6px;align-items:center}.legend-dot{width:5px;height:5px;background:#54784e;border-radius:50%}.connection-card{display:flex;flex-direction:column}.connection-body{padding:0 24px 23px;flex:1;display:flex;flex-direction:column}.connection-label{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#929b86;margin:5px 0 9px}.endpoint-field{display:flex;align-items:center;border:1px solid #dee3d4;background:#f1f3e9;border-radius:7px;min-width:0;padding:10px 11px;gap:6px}.endpoint-field code{font:9px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;color:#597157}.icon-button{background:transparent;color:#8b997f;display:grid;place-items:center;padding:3px;border-radius:4px}.icon-button:hover{background:#e2e8d8}.icon-button svg{width:13px;height:13px}.connection-status{display:flex;align-items:flex-start;gap:8px;font-size:9px;line-height:1.6;color:#869179;margin-top:16px}.connection-status svg{width:13px;height:13px;flex-shrink:0;margin-top:1px}.connection-body>.text-button{margin-top:auto;padding-top:24px}.requests-panel{margin-bottom:24px}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}.data-table thead{background:#f1f1e8}.data-table th{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#909887;font-weight:500;padding:12px 24px;border-top:1px solid var(--line);border-bottom:1px solid #e5e6db;white-space:nowrap}.data-table td{padding:16px 24px;border-bottom:1px solid #e9eade;color:#7f8976;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table td strong{color:var(--ink);font-weight:500}.table-scroll{overflow:auto}.empty-table{padding:32px 24px 35px;display:flex;align-items:center;flex-direction:column;text-align:center;color:#8d9782;gap:10px}.empty-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #e0e5d6;background:#f1f3e9;border-radius:10px;margin-bottom:2px}.empty-icon svg{width:16px;height:16px;color:#8a9a7f}.empty-table strong{font-size:10px;font-weight:500;color:#73836c}.empty-table p{font-size:9px;max-width:350px;line-height:1.7}.status-tag{display:inline-flex;align-items:center;gap:5px;border-radius:20px;background:#e9eee0;color:#6d805d;font-size:8px;padding:5px 8px}.status-tag.error{color:#a16d50;background:#f2e5d9}.status-tag:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.page-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:18px 0 5px;color:#a0a596;font-size:8px;letter-spacing:.02em}.page-footer .footer-word{font:italic 18px Georgia,serif;color:#91a087;letter-spacing:-1px}.footer-right{display:flex;gap:15px;align-items:center}.header-action{display:flex;gap:8px}.information-card{padding:18px 22px;background:#e8eddf;border:1px solid #dce5cf;border-radius:11px;color:#75856c;font-size:10px;line-height:1.8;display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.information-card svg{height:16px;width:16px;flex-shrink:0;margin-top:2px}.information-card strong{color:#526f47;font-weight:600}.key-prefix{font:10px ui-monospace,Consolas,monospace;color:#839275}.key-name{display:flex;gap:10px;align-items:center}.key-name>svg{width:16px;height:16px;color:#8d9a80}.revoked{opacity:.45}.table-action{background:transparent;color:#a37057;font-size:9px;padding:5px}.table-action:hover{text-decoration:underline}.section-stack{display:flex;flex-direction:column;gap:22px}.connect-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.setup-card{padding:25px}.setup-number{width:27px;height:27px;border:1px solid #d7dfcc;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#68815b;margin-right:10px}.setup-title{display:flex;align-items:center;font-size:12px;margin-bottom:20px}.setup-card p{font-size:10px;color:#8a9480;line-height:1.8;margin-bottom:14px}.input-label{display:block;font-size:10px;font-weight:500;margin-bottom:8px}.form-input{width:100%;height:43px;background:#fffef9;border:1px solid #d9ddcf;border-radius:7px;padding:11px 12px;font-size:11px;transition:border-color .2s}.form-input::placeholder{color:#a1a795}.form-input:focus{border-color:#7a9570;outline:2px solid #dfe6d7;outline-offset:1px}.form-input:read-only{background:#efefe4;color:#8b967f}.form-group{margin-bottom:19px}.form-hint{font-size:9px;line-height:1.7;color:#97a08a;margin-top:7px}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:17px}.code-block{background:#183d32;border-radius:9px;color:#c6d6b6;padding:17px 18px;white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;margin:12px 0 0}.endpoint-list{display:flex;flex-direction:column;gap:14px}.model-chip{display:inline-flex;font:9px ui-monospace,Consolas,monospace;background:#e8ecdf;color:#6b805d;border:1px solid #dce3d2;border-radius:5px;padding:7px 9px;margin:4px 4px 0 0}.configured-status{font-size:9px;color:#738668;display:flex;align-items:center;gap:6px;margin-bottom:16px}.configured-status .status-dot{width:5px;height:5px}.integration-note{padding:20px 23px;display:flex;align-items:center;gap:16px;background:#f0e8db;border:1px solid #e6d8c6;border-radius:12px;color:#9d815c;font-size:10px;line-height:1.8}.integration-note>svg{width:19px;height:19px;flex-shrink:0}.integration-note .secondary-button{margin-left:auto;flex-shrink:0;color:#96754c;border-color:#d6c2a6}.error-banner{border:1px solid #e2beb0;background:#f8e9e0;color:#9a5b44;border-radius:8px;padding:12px 14px;font-size:11px;line-height:1.6;margin-bottom:20px}.loading-panel{height:260px;display:grid;place-items:center;font-size:11px;color:#91a084}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid #dfe6d6;border-top-color:#61805a;animation:rotate .7s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-story{background:var(--forest);padding:48px 62px 38px;color:var(--paper);display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story .brand-word{color:var(--paper);font-size:62px}.auth-story .brand-label{color:#afc2a9}.auth-story .brand-divider{background:#426554}.auth-story-main{margin:auto 0;padding:55px 0;position:relative;z-index:1;max-width:490px}.auth-kicker{color:#a7c19f;text-transform:uppercase;font-size:10px;font-weight:500;letter-spacing:.2em;display:flex;align-items:center;gap:8px;margin-bottom:29px}.auth-kicker:before{content:"";width:20px;height:1px;background:#b3c8a9}.auth-story h1{font:clamp(45px,4.5vw,76px)/1.06 Georgia,serif;letter-spacing:-2.7px}.auth-story h1 em{color:#c0cdaa;font-weight:400}.auth-description{font-size:12px;line-height:1.95;color:#a9bf9f;margin-top:29px;max-width:340px}.auth-provider-row{display:flex;gap:9px;margin-top:35px}.auth-provider-row span{border:1px solid #41654e;border-radius:30px;font-size:10px;padding:8px 13px;color:#c0d0b7}.auth-story-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7fa075;position:relative;z-index:1}.auth-story-footer a{color:#b6cca9;display:flex;gap:6px;align-items:center}.auth-story-footer svg{height:12px;width:12px}.auth-circles{position:absolute;width:550px;height:550px;border:1px solid #ffffff06;border-radius:50%;bottom:-290px;right:-100px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02}.auth-form-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 55px;position:relative}.auth-top-note{position:absolute;top:41px;right:43px;display:flex;align-items:center;gap:7px;color:#8f9c80;font-size:9px}.auth-top-note svg{width:12px;height:12px}.auth-box{width:100%;max-width:340px;margin:50px 0}.auth-box h2{font:34px/1.15 Georgia,serif;letter-spacing:-.8px;margin-bottom:12px}.auth-box .auth-subtitle{font-size:11px;line-height:1.9;color:#8d9780;margin-bottom:30px}.auth-box .form-group{margin-bottom:20px}.auth-box .form-input{height:46px;font-size:11px;background:transparent}.auth-box .input-label{font-size:10px}.auth-box .primary-button{width:100%;height:44px;margin-top:5px;justify-content:space-between;padding:12px 16px}.auth-divider{display:flex;align-items:center;gap:12px;margin:26px 0;color:#a2ab96;font-size:9px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#dfe2d5;flex:1}.demo-button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:15px;border:1px solid #d8dfcb;background:#ecf0e2;border-radius:9px;color:#6d825d}.demo-button svg{width:19px;height:19px;flex-shrink:0}.demo-button strong{font-size:10px;font-weight:550;display:block;margin-bottom:5px;color:#49663f}.demo-button span{font-size:8px;color:#93a383}.demo-button>svg:last-child{width:13px;margin-left:auto}.auth-help{font-size:9px;color:#9aa38d;line-height:1.8;text-align:center;margin-top:25px}.auth-help a{color:#6f825e;text-decoration:underline;text-underline-offset:3px}.auth-form-footer{font-size:8px;color:#a5ae98;position:absolute;bottom:26px}.invitation-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #d7e1ca;background:#e9efdf;color:#71885e;font-size:9px;border-radius:20px;padding:7px 10px;margin-bottom:22px}.invitation-tag svg{width:12px;height:12px}.signup-provider-list{display:flex;gap:6px;margin-top:9px}.signup-provider-list span{padding:5px 8px;border:1px solid #d8e0cd;border-radius:5px;color:#78916b;font-size:9px}.auth-demo-warning{background:#f0e5cd;border:1px solid #e4d8bb;border-radius:7px;padding:10px 12px;font-size:9px;line-height:1.7;color:#9a7a42;margin-bottom:18px}
.modal-overlay{position:fixed;inset:0;background:#102a23aa;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{background:var(--paper);border:1px solid #dfe5d6;border-radius:17px;padding:27px;width:100%;max-width:455px;box-shadow:0 30px 100px #071e2270;max-height:90vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:11px}.modal h2{font:26px Georgia,serif;letter-spacing:-.7px}.modal .modal-description{color:#8b987d;font-size:11px;line-height:1.8;margin-bottom:24px}.modal-close{padding:4px;background:transparent;color:#91a383}.modal-close svg{width:18px;height:18px}.modal .form-actions{justify-content:flex-end}.secret-box{padding:15px;background:#e5ebdc;border:1px solid #cddaba;border-radius:8px;margin:15px 0;overflow-wrap:anywhere;font:11px/1.8 ui-monospace,Consolas,monospace;user-select:all;color:#45603b}.secret-warning{font-size:10px;line-height:1.8;color:#9b7a4d;background:#eee6d6;border-radius:7px;padding:12px;margin-bottom:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#193e32;color:#eaf0df;padding:13px 20px;border:1px solid #526c43;border-radius:9px;font-size:11px;box-shadow:0 5px 35px #1d392326;opacity:0;pointer-events:none;transition:.2s;z-index:200;max-width:calc(100% - 40px);line-height:1.6}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{background:#793e2f;border-color:#9c6553}.mobile-nav-toggle{display:none}.mobile-provider-title{display:none}
.connection-panel-icon{height:20px;width:20px;flex-shrink:0;color:#869a77}.setup-title>svg{height:16px;width:16px;flex-shrink:0;margin-right:6px}.topbar-left{display:flex;align-items:center}.auth-story .brand-link{align-self:flex-start}.auth-story .brand-label{font-size:10px}.connection-card .panel-header{align-items:flex-start}
@media(min-width:1600px){.content{padding-top:42px}.metrics-layout{grid-template-columns:1.15fr 1fr 1fr}.wallet-card{min-height:235px}.chart-svg{height:210px}}
@media(max-width:1150px){.sidebar{width:200px;padding-left:16px;padding-right:16px}.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar .brand-link{gap:23px}.sidebar .brand-label{font-size:8px}.topbar{padding:0 28px}.content{padding:31px 28px 22px}.metrics-layout{gap:13px}.wallet-card{padding:23px}.wallet-amount{font-size:43px}.stat-card{padding:22px}.stat-value{font-size:34px}.dashboard-middle{gap:17px;grid-template-columns:1.4fr 1fr}.data-table td,.data-table th{padding-left:20px;padding-right:20px}.auth-story{padding-left:44px;padding-right:44px}.auth-form-side{padding-left:38px;padding-right:38px}.connect-layout{grid-template-columns:1fr 1fr}}
@media(max-width:930px){.metrics-layout{grid-template-columns:1fr 1fr}.wallet-card{grid-column:1/-1;min-height:190px;display:grid;grid-template-columns:1fr auto;column-gap:30px}.wallet-top{grid-column:1/-1}.wallet-amount{margin-top:18px}.wallet-bottom{align-items:flex-end;flex-direction:column;justify-content:center;margin-top:12px}.dashboard-middle{grid-template-columns:1fr}.connection-body{padding-bottom:20px}.connection-body>.text-button{padding-top:18px}.connection-card .endpoint-field{max-width:100%}.topbar-right{gap:10px}.identity{padding-left:12px}.service-status{display:none}.isolation-note{display:none}.page-heading h1{font-size:33px}.date-note{display:none!important}.connect-layout{grid-template-columns:1fr}.auth-story{padding:39px}.auth-story h1{font-size:56px}.auth-description{font-size:11px}.auth-provider-row{gap:6px;flex-wrap:wrap}.auth-story-footer{line-height:1.7;gap:15px}.auth-story-footer span{max-width:100px}}
@media(max-width:690px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s;width:232px;box-shadow:20px 0 50px #193d3420}.sidebar.open{transform:translateX(0)}.topbar{height:68px;padding:0 20px}.topbar-right{gap:6px}.identity-name{max-width:95px;font-size:10px}.identity{padding-left:0;border-left:0;gap:7px}.avatar{width:29px;height:29px;font-size:12px}.breadcrumbs{font-size:10px;gap:9px}.breadcrumbs>span:first-child{display:none}.breadcrumbs .crumb-separator{display:none}.mobile-nav-toggle{display:grid;place-items:center;background:transparent;color:var(--ink);padding:3px;margin-right:5px}.mobile-nav-toggle svg{height:19px;width:19px}.topbar-left{display:flex;align-items:center;gap:8px}.content{padding:24px 18px 20px}.demo-banner{margin-bottom:24px;font-size:9px;padding:9px 10px;align-items:flex-start}.banner-label{display:none!important}.page-heading{align-items:flex-start;margin-bottom:26px;gap:10px}.page-heading h1{font-size:32px}.page-heading p{font-size:10px;max-width:245px}.page-heading .header-action{margin-top:3px}.page-heading .header-action .primary-button{font-size:9px;padding:10px 11px}.page-heading .eyebrow{font-size:8px}.provider-tabs{gap:26px}.provider-tab{font-size:10px;gap:7px;padding-bottom:14px}.provider-symbol{width:20px;height:20px}.metrics-layout{gap:12px;margin-bottom:18px}.wallet-card{padding:23px;min-height:187px;border-radius:14px}.wallet-amount{font-size:43px}.wallet-amount span{font-size:8px}.wallet-label{font-size:8px}.wallet-bottom{gap:15px}.wallet-footnote{display:none}.stat-card{border-radius:14px;padding:19px 17px;min-height:170px}.stat-label{font-size:9px}.stat-icon{width:26px;height:26px}.stat-value{font-size:31px;margin:15px 0 6px}.stat-caption{font-size:8px}.stat-bottom{font-size:8px;padding-top:10px;margin-top:12px}.stat-bottom span{max-width:80px;line-height:1.5}.dashboard-middle{gap:18px;margin-bottom:18px}.panel{border-radius:14px}.panel-header{padding:20px}.panel-title{font-size:11px}.panel-subtitle{font-size:8px}.chart-wrap{padding:0 11px 10px}.chart-svg{height:170px}.chart-legend{padding-left:20px;padding-bottom:17px}.connection-body{padding-left:20px;padding-right:20px}.data-table{font-size:9px}.data-table th{font-size:7px}.data-table td,.data-table th{padding-left:19px;padding-right:19px}.empty-table{padding:26px 19px 31px}.empty-table strong{font-size:10px}.empty-table p{font-size:9px}.page-footer{font-size:7px;align-items:center}.footer-right{gap:8px}.footer-right>span:first-child{display:none}.header-action .secondary-button{padding:10px;font-size:9px}.information-card{padding:15px;font-size:9px;gap:9px}.setup-card{padding:20px}.integration-note{padding:16px;font-size:9px;flex-wrap:wrap;gap:11px}.integration-note .secondary-button{margin-left:30px;font-size:9px}.auth-layout{display:flex;flex-direction:column}.auth-story{padding:29px 27px 32px;min-height:260px}.auth-story .brand-word{font-size:48px}.auth-story .brand-label{font-size:8px}.auth-story-main{padding:36px 0 0;max-width:340px}.auth-kicker{font-size:8px;letter-spacing:.15em;margin-bottom:13px}.auth-story h1{font-size:43px;line-height:1.03;letter-spacing:-1.7px}.auth-story h1 br{display:none}.auth-story h1 em{display:block}.auth-description,.auth-provider-row,.auth-story-footer{display:none}.auth-form-side{padding:35px 27px 65px;flex:1;min-height:560px}.auth-top-note{display:none}.auth-box{max-width:380px;margin:0}.auth-box h2{font-size:29px}.auth-box .auth-subtitle{margin-bottom:24px;font-size:10px}.auth-form-footer{bottom:20px;font-size:7px}.modal{padding:23px}.modal h2{font-size:24px}.modal .modal-description{font-size:10px}.modal .form-actions{gap:8px}.modal .primary-button,.modal .secondary-button{font-size:10px;padding:11px 13px}.toast{bottom:18px;font-size:10px;text-align:center}.secret-box{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Keep operational data readable at ordinary browser zoom. */
.nav-button{font-size:14px;min-height:46px}.brand-label{font-size:11px}.sidebar-note{font-size:12px}.sidebar-note strong,.store-link{font-size:13px}.nav-label{font-size:11px}.breadcrumbs,.identity-name{font-size:13px}.service-status{font-size:12px}.demo-banner{font-size:12px}.demo-banner .banner-label{font-size:10px}.eyebrow{font-size:11px}.page-heading p{font-size:14px}.page-heading .date-note{font-size:12px}.provider-tab{font-size:14px}.isolation-note{font-size:11px}.primary-button,.secondary-button,.danger-button{font-size:13px;min-height:42px}.text-button{font-size:12px}.wallet-label{font-size:10px;letter-spacing:.09em}.provider-pill{font-size:11px}.wallet-amount{font-size:clamp(31px,3.2vw,49px)}.wallet-amount span,.wallet-footnote{font-size:11px}.wallet-bottom{flex-wrap:wrap;gap:12px}.wallet-bottom .secondary-button{font-size:11px}.stat-label{font-size:13px}.stat-caption,.stat-bottom{font-size:11px;line-height:1.5}.panel-title{font-size:15px}.panel-subtitle{font-size:12px}.subtle-badge{font-size:10px}.connection-label{font-size:10px}.endpoint-field code{font-size:11px}.connection-status{font-size:12px}.data-table{font-size:13px}.data-table th{font-size:10px}.status-tag{font-size:11px}.status-tag.pending{background:#f4ead3;color:#8b6c33}.table-action{font-size:12px}.key-prefix{font-size:12px}.information-card,.integration-note{font-size:13px}.empty-table strong{font-size:14px}.empty-table p{font-size:12px}.setup-title{font-size:15px}.setup-card p{font-size:13px}.input-label{font-size:13px}.form-input{font-size:14px;height:46px}.form-hint{font-size:12px}.code-block{font-size:12px}.model-chip,.configured-status{font-size:12px}.modal .modal-description{font-size:14px}.secret-warning,.secret-box{font-size:13px}.auth-description{font-size:15px}.auth-provider-row span{font-size:13px}.auth-kicker{font-size:12px}.auth-story-footer{font-size:12px;gap:18px}.auth-box{max-width:390px}.auth-box .auth-subtitle{font-size:14px}.auth-box .input-label{font-size:13px}.auth-box .form-input{font-size:14px}.auth-divider,.auth-help{font-size:12px}.demo-button strong{font-size:13px}.demo-button span{font-size:11px}.auth-top-note,.auth-form-footer{font-size:11px}.auth-demo-warning,.invitation-tag{font-size:12px}.signup-provider-list span{font-size:12px}.toast{font-size:13px}
@media(max-width:1150px){.sidebar .brand-link{gap:15px}.sidebar .brand-label{font-size:9px}.stat-card{padding:21px}.wallet-amount{font-size:40px}.stat-value{font-size:34px}.dashboard-middle{grid-template-columns:1.3fr 1fr}.panel-header{flex-wrap:wrap}.wallet-card{padding:23px}}
@media(max-width:930px){.dashboard-middle{grid-template-columns:1fr}.wallet-bottom{flex-wrap:nowrap}.auth-story-footer{flex-wrap:wrap}.auth-story h1{font-size:50px}.auth-description{font-size:14px}}
@media(max-width:690px){.provider-tab{font-size:13px}.breadcrumbs,.identity-name{font-size:12px}.page-heading p{font-size:13px}.demo-banner{font-size:11px}.eyebrow{font-size:10px}.wallet-card{display:flex;min-height:230px}.wallet-amount{font-size:43px}.wallet-bottom{flex-direction:row;align-items:center;justify-content:space-between}.wallet-footnote{display:block}.wallet-label,.wallet-amount span,.stat-bottom,.stat-caption{font-size:11px}.wallet-label{letter-spacing:.05em}.stat-label{font-size:12px}.stat-value{font-size:29px}.stat-card{padding:18px 15px}.panel-title{font-size:14px}.panel-subtitle{font-size:11px}.data-table{font-size:12px}.data-table th{font-size:10px}.information-card,.integration-note{font-size:12px}.auth-box .auth-subtitle{font-size:13px}.auth-form-footer{font-size:10px}.page-heading .header-action .primary-button{font-size:12px}.primary-button svg,.secondary-button svg{height:15px;width:15px}.auth-story .brand-label{font-size:10px}.auth-kicker{font-size:10px}}