@charset "UTF-8";
:root{color-scheme:dark;--bg:#0c1114;--sidebar:#10171b;--surface:#141c21;--line:#263137;--muted:#82939d;--text:#e5eeed;--green:#71dfb5;--red:#f69999;--amber:#ebca89;--radius:12px;font:14px/1.55 "Segoe UI","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.5}:focus-visible{outline:2px solid var(--green);outline-offset:3px}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.mono,code,pre{font-family:Consolas,"Cascadia Code",monospace}h1,h2,h3,p{margin:0}h2{font-size:15px;font-weight:600}h3{font-size:15px}small{display:block}strong{font-weight:600}.muted{color:var(--muted)}.small-muted{font-size:12px;color:var(--muted);line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.app-shell{display:flex;min-height:100vh}.sidebar{width:228px;position:fixed;inset:0 auto 0 0;padding:28px 16px 16px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:650;letter-spacing:-.5px}.sidebar>.brand{padding:0 10px 27px}.brand small{font-size:8px;font-weight:500;color:#9aa9ac;letter-spacing:2.2px;line-height:1.8}.brand-mark{width:39px;height:39px;border-radius:11px;background:var(--green);color:#132f24;display:grid;place-items:center;font-size:25px;font-weight:700}.workspace{padding:12px 9px;display:flex;align-items:center;gap:9px;background:#172127;border:1px solid #2a373c;border-radius:9px;font-size:12px;margin:0 4px 28px}.workspace small{font-size:10px;color:var(--muted);margin-top:1px}.workspace-icon{background:#293a40;color:#b4d7d0;border-radius:7px;display:grid;place-items:center;width:30px;height:31px;font-weight:650}.workspace>.pulse-dot{margin-left:auto}.nav-label{font-size:10px;letter-spacing:1px;color:#6f828c;padding:0 14px 11px}.navigation{display:grid;gap:5px}.navigation a,.sidebar-bottom>a{display:flex;gap:11px;align-items:center;padding:11px 13px;color:#94a4ad;border-radius:8px;font-size:13px;white-space:nowrap}.navigation a:hover,.sidebar-bottom>a:hover{background:#1a252c;color:var(--text)}.navigation a.active{background:#19342d;color:var(--green)}.nav-count{margin-left:auto;font-size:10px;background:#21333a;padding:0 5px;border-radius:4px;color:#9bb1b8}.new-label{font-size:8px;letter-spacing:1px;color:#759e90;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.environment{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);margin:18px 6px 0;padding:16px 5px;font-size:10px;color:#98a8ae}.environment>.mono{margin-left:auto;font-size:9px}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 3px #71dfb510;flex-shrink:0}.account{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:1px solid #2a373d;border-radius:9px;background:#182329;color:var(--text);text-align:left;font-size:12px}.account small{font-size:10px;color:var(--muted)}.account>svg{margin-left:auto;width:15px;color:var(--muted)}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#2b3940;color:#b7d0cb;font-size:12px}.avatar.small{height:29px;width:29px}.content-shell{margin-left:228px;width:calc(100% - 228px);min-width:0}.topbar{height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#10171bc9}.breadcrumb{font-size:12px;color:#7b8d97}.breadcrumb span{margin:0 12px;color:#485c67}.breadcrumb strong{color:#b5c3c7;font-weight:400}.topbar-actions{display:flex;gap:20px;align-items:center}.connection{font-size:11px;color:#a1b3b8;display:flex;gap:8px;align-items:center}.connection.off{color:var(--amber)}.connection.off .pulse-dot{background:var(--amber)}main{padding:30px 34px 16px;max-width:1580px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#7e9b9f;display:block;margin-bottom:6px}.page-heading h1{font-size:26px;letter-spacing:.2px;font-weight:650;margin-bottom:5px}.page-heading p{font-size:12px;color:var(--muted)}.heading-actions{display:flex;gap:9px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:7px;min-height:36px;padding:8px 13px;font-size:12px;font-weight:500;white-space:nowrap;transition:background .16s,border-color .16s}.button svg{width:15px;height:15px}.button.primary{background:var(--green);border-color:var(--green);color:#102b21}.button.primary:hover{background:#97edca}.button.ghost{border-color:#2d3a42;background:#172128;color:#cad5d7}.button.ghost:hover{background:#23333a;border-color:#49606b}.button.transparent{background:transparent;color:#a2c8bc}.button.danger{color:var(--red)}.button.full{width:100%}.button.small-button{padding:5px 10px;min-height:29px;font-size:11px}.icon-button{width:30px;height:30px;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);cursor:pointer}.icon-button:hover{background:#26363e;color:var(--text)}.icon-button svg{width:16px;height:16px}.page{display:none}.page.active{display:block;animation:fade-in .2s ease-out}@keyframes fade-in{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}
.welcome-banner{border:1px solid #2b493f;border-radius:var(--radius);padding:25px 28px;display:flex;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 85% 70%,#2b675535,transparent 65%),linear-gradient(110deg,#162a24,#162128);min-height:197px;margin-bottom:20px;position:relative}.banner-kicker{font-size:10px;letter-spacing:.5px;color:#a3c1b6;display:flex;align-items:center;gap:7px}.welcome-banner h2{font-size:25px;font-weight:600;letter-spacing:1px;margin:10px 0 6px}.welcome-banner p{font-size:12px;color:#91aba3}.banner-buttons{display:flex;align-items:center;gap:12px;margin-top:21px}.banner-buttons>.button.primary{font-size:11px;padding:7px 12px;min-height:32px}.gateway-art{position:relative;width:280px;height:150px;margin:-5px 5px -5px 10px;flex-shrink:0;background:radial-gradient(circle,#407a5e40,transparent 65%)}.gateway-art:before,.gateway-art:after{content:"";width:210px;height:70px;border:1px solid #3d665755;position:absolute;left:30px;top:43px;border-radius:22px;transform:rotate(-16deg)}.gateway-art:after{transform:rotate(16deg)}.art-bridge{position:absolute;left:109px;top:37px;width:70px;height:78px;background:linear-gradient(135deg,#24493b,#142c25);border:1px solid #5f9b7d;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:32px;color:var(--green);z-index:1;box-shadow:0 5px 50px #4fcea922}.art-bridge span{font-size:6px;letter-spacing:2px;color:#8bb09e}.art-node{position:absolute;width:44px;height:31px;background:#1b322d;border:1px solid #39574c;border-radius:7px;color:#98b9ab;font:10px Consolas,monospace;display:grid;place-items:center;z-index:1}.n1{top:23px;left:15px}.n2{bottom:10px;left:22px}.n3{top:20px;right:7px}.n4{bottom:14px;right:5px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric-card{border:1px solid var(--line);border-radius:var(--radius);padding:16px 19px;background:var(--surface)}.metric-top{font-size:11px;color:#9bafb6;display:flex;justify-content:space-between;align-items:center;gap:4px}.metric-top svg{width:16px;height:16px;color:#5f7a7c}.metric-value{font-size:30px;font-weight:600;line-height:1.5;margin:5px 0 0;font-variant-numeric:tabular-nums;letter-spacing:-1px}.metric-foot{font-size:10px;color:#718790;margin-top:1px}.overview-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:20px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 21px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:10px;color:var(--muted);margin-top:4px}.subtle-pill{font-size:9px;border:1px solid #2e3d41;border-radius:5px;padding:3px 7px;color:#91a8ac;white-space:nowrap}.request-chart{height:137px;display:flex;align-items:flex-end;gap:5px;padding:12px 23px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 34px,#28363b60 35px);margin:0 21px;border-bottom:1px solid #38484c;position:relative}.chart-bar{flex:1;background:linear-gradient(to top,#32614d,#7fd3ac);border-radius:3px 3px 0 0;min-width:3px;min-height:2px;opacity:.9}.chart-bar.zero{background:#31423e;height:2px}.chart-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#758e8f;font-size:11px;pointer-events:none}.chart-axis{display:flex;justify-content:space-between;margin:8px 22px 20px;font-size:9px;color:#607c83}.chart-summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:13px 21px}.chart-summary>div{display:grid;gap:4px;padding-left:17px;border-right:1px solid var(--line)}.chart-summary>div:first-child{padding-left:0}.chart-summary>div:last-child{border:0}.chart-summary span{font-size:10px;color:var(--muted)}.chart-summary strong{font-size:15px;letter-spacing:.2px}.setup-panel .panel-heading{padding-bottom:10px}.setup-steps{padding:0 21px}.setup-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #273439}.setup-row:last-child{border:0}.step-number{width:23px;height:23px;border-radius:50%;background:#243238;border:1px solid #3a4b50;font-size:10px;display:grid;place-items:center;color:#a1b3ba;flex-shrink:0}.step-number.done{background:#1b3d2e;border-color:#2a6047;color:var(--green)}.step-number svg{width:12px}.step-title{font-size:11px;color:#c5d0d0}.step-desc{font-size:9px;color:#73898f}.setup-row .text-link{margin-left:auto;font-size:10px;white-space:nowrap}.endpoint-box{padding:12px 13px;margin:8px 18px 16px;border:1px solid #31423f;border-radius:8px;background:#111b1a}.endpoint-box>span{font-size:9px;color:#90a7a3}.endpoint-box>div{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:3px}.endpoint-box code{font-size:10px;color:#b2d1c6;word-break:break-all}.text-link{font-size:11px;color:var(--green);display:inline-flex;gap:5px;align-items:center;background:none;border:0;padding:0;cursor:pointer}.text-link svg{width:13px;height:13px}.text-link:hover{color:#a7f4d4}
.table-container{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;white-space:nowrap;font-size:11px}th{font-weight:400;font-size:10px;color:#859ca4;background:#111b20;padding:12px 20px;border-bottom:1px solid var(--line)}td{padding:15px 20px;border-bottom:1px solid #233138;color:#b9c9cc;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#1c2a2f66}td .mono{font-size:10px}.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:3px 7px;border-radius:5px;background:#18382a;color:#84d4a9}.status-pill.off{background:#332c27;color:var(--amber)}.status-pill.error{background:#39272a;color:var(--red)}.status-pill svg{width:11px;height:11px}.demo-pill{display:inline-flex;background:#28333c;color:#a8c1d4;font-size:9px;border:1px solid #3a4d58;border-radius:4px;padding:1px 5px;margin-left:7px}.table-sub{display:block;font-size:9px;color:#6d8991;margin-top:3px}.cell-actions{display:flex;gap:12px;align-items:center}.empty-state{padding:38px 20px 42px;text-align:center;color:var(--muted)}.empty-symbol{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#20312c;color:#7bad96;border:1px solid #344d41;margin-bottom:12px}.empty-symbol svg{width:21px;height:21px}.empty-state h3{color:#bacdc9;font-size:13px;margin-bottom:6px}.empty-state p{font-size:11px;margin-bottom:15px}.empty-state .button{min-height:30px;font-size:11px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-toolbar .muted{font-size:12px}.upstream-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.upstream-grid>.empty-state{grid-column:1/-1;border:1px dashed #31443f;border-radius:12px;padding:65px 15px}.upstream-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:20px}.upstream-card-head{display:flex;align-items:center;gap:10px}.provider-mark{display:grid;place-items:center;width:38px;height:38px;background:#23372e;border:1px solid #355342;border-radius:10px;color:#9cc9b2;font-size:16px}.upstream-card-head h3{font-size:13px}.upstream-card-head .status-pill{margin-left:auto}.provider-url{font-size:11px;color:#93aab2;background:#10191e;border-radius:6px;border:1px solid #24383c;padding:10px 12px;margin:17px 0;word-break:break-all}.upstream-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.upstream-card-footer{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;display:flex;justify-content:space-between;align-items:center}.notice{margin-top:17px;background:#151f24;border:1px solid #293b41;color:#92a9ae;border-radius:9px;padding:13px 16px;font-size:11px;line-height:1.8;display:flex;align-items:flex-start;gap:9px}.notice svg{width:15px;height:15px;margin-top:2px;color:#82a99b}.notice.error{border-color:#63403f;background:#2b1e1f;color:var(--red);margin:0 0 20px}.notice.compact{padding:10px;font-size:10px;background:#1a2e25;border-color:#314c3d;color:#aec8b7;margin:0}.page-footer{display:flex;justify-content:space-between;gap:8px;color:#536e77;font-size:9px;padding:23px 0 2px}.footer-dot{margin:0 6px;color:#384f56}
.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b6c6c9}.field input,.field select,.field textarea,input[type=search],.log-filters select{width:100%;background:#10191e;border:1px solid #314047;color:var(--text);border-radius:7px;padding:10px 12px;min-height:39px;outline:none;font-size:12px}.field input::placeholder,input[type=search]::placeholder{color:#59727b}.field input:focus,.field select:focus,textarea:focus{border-color:#68ac91}.field-help{font-size:10px;color:#81979f;line-height:1.7;margin-top:-2px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-fields{display:grid;gap:15px}.form-error{font-size:11px;color:var(--red);white-space:pre-line;min-height:5px}.form-error:not(:empty){padding:10px 0}.log-filters{display:flex;gap:9px}.log-filters input{width:195px;min-height:33px;padding:7px 10px;font-size:11px}.log-filters select{width:105px;min-height:33px;padding:7px;font-size:11px}.playground-grid{display:grid;grid-template-columns:265px 1fr;gap:18px}.playground-settings{align-self:start}.playground-settings .panel-heading{border-bottom:1px solid var(--line)}.settings-body{display:grid;gap:17px;padding:20px}.check-field{display:flex;align-items:center;gap:8px;font-size:11px;color:#a8bfc5}.check-field input{accent-color:var(--green)}.chat-panel{display:flex;flex-direction:column;height:560px}.chat-panel>.panel-heading{border-bottom:1px solid var(--line)}.chat-header{display:flex;align-items:center;gap:9px}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.chat-empty{margin:auto;text-align:center;color:var(--muted)}.chat-empty h3{font-size:14px;color:#bccfcb;margin-bottom:6px}.chat-empty p{font-size:11px}.message{max-width:95%}.message.user{align-self:flex-end}.message-role{font-size:9px;color:#708991;margin-bottom:5px}.message.user .message-role{text-align:right}.message-body{background:#1d2b30;border:1px solid #30444a;border-radius:10px;padding:12px 15px;font-size:12px;white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere}.message.user .message-body{background:#1e382d;border-color:#34513e}.message.error .message-body{background:#342427;border-color:#684448;color:var(--red)}.chat-composer{margin:0 18px 18px;background:#0f191d;border:1px solid #354b4b;border-radius:9px;padding:12px}.chat-composer:focus-within{border-color:#5a917c}.chat-composer textarea{border:0;background:none;color:var(--text);font-size:12px;width:100%;resize:none;outline:none;max-height:150px}.chat-composer textarea::placeholder{color:#617e86}.composer-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.composer-footer>span{font-size:9px;color:#647e86}.help-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.help-card{padding:25px}.help-card h2{font-size:19px;margin:8px 0 13px}.help-card>.muted{font-size:11px}.guide-list{margin:22px 0;padding:0 0 0 21px;color:#6c9f88}.guide-list li{padding:0 0 19px 7px}.guide-list strong{font-size:12px;color:#c9d8d4}.guide-list p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:5px}.code-heading{display:flex;align-items:center;justify-content:space-between;margin-top:20px;border:1px solid #2c3d40;border-radius:8px 8px 0 0;padding:8px 12px;background:#1b292c;font-size:10px;color:#90aaa8}pre{padding:16px;margin:0;background:#0d181a;border:1px solid #2c3d40;border-top:0;border-radius:0 0 8px 8px;color:#a4cbb6;font-size:10px;line-height:1.9;overflow:auto}.endpoint-list{margin:22px 0}.endpoint-list>div{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px}.endpoint-list code{font-size:10px;color:#c2d1d3}.endpoint-list>div>span:last-child{margin-left:auto;color:var(--muted);font-size:9px}.method{font:8px Consolas,monospace;color:var(--green);width:28px}
.auth-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;background:#0c1416;overflow:auto;padding:30px}.auth-decoration{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#3c68552c,transparent 60%);pointer-events:none}.auth-card{z-index:1;background:linear-gradient(135deg,#182523,#131e23);border:1px solid #364b45;border-radius:17px;width:min(428px,100%);padding:32px;box-shadow:0 24px 80px #0003}.auth-card .brand{margin-bottom:32px}.auth-card>.eyebrow{font-size:8px;letter-spacing:1.6px;color:#86b29c}.auth-card h1{font-size:25px;margin:9px 0}.auth-card p{font-size:12px;color:#8da9a3;line-height:1.8;margin-bottom:24px}.auth-card .field{font-size:11px}.auth-card .field input{margin-bottom:5px;padding:12px}.auth-card .button{margin-top:10px}.auth-foot{font-size:10px;line-height:1.9;color:#688982;border-top:1px solid #2b4039;padding-top:18px;margin-top:22px}.auth-caption{z-index:1;margin-top:22px;font-size:10px;letter-spacing:2px;color:#4c7465}.auth-card .text-link{margin-top:15px}dialog{width:min(490px,calc(100% - 32px));background:#152126;color:var(--text);border:1px solid #3b524c;border-radius:14px;padding:24px;box-shadow:0 24px 100px #0007;max-height:calc(100vh - 50px);overflow:auto}dialog::backdrop{background:#030d10c9;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:23px}.dialog-heading h2{font-size:18px}.dialog-heading p{font-size:11px;color:#89a4aa;margin-top:7px;line-height:1.8}.dialog-heading>.icon-button{margin:-7px -7px 0 0}.dialog-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.secret-box{background:#0c1e18;border:1px solid #3d7458;border-radius:8px;padding:15px;color:var(--green);overflow-wrap:anywhere;font:13px/1.9 Consolas,monospace;margin-bottom:14px}.saved-notice{font-size:11px;color:var(--amber);margin:12px 0 8px}.toast-region{position:fixed;bottom:22px;right:22px;z-index:30;display:grid;gap:9px;pointer-events:none}.toast{padding:12px 17px;border:1px solid #476b59;border-radius:9px;background:#1f352a;color:#c3e5d0;box-shadow:0 8px 30px #0003;font-size:12px;max-width:400px;white-space:pre-line;animation:fade-in .2s}.toast.error{border-color:#694345;background:#332427;color:var(--red)}
@media(min-width:1450px){main{padding-left:44px;padding-right:44px}.welcome-banner{padding:30px 35px}.gateway-art{margin-right:45px}}@media(max-width:1150px){.sidebar{width:204px;padding-left:12px;padding-right:12px}.content-shell{margin-left:204px;width:calc(100% - 204px)}main{padding:24px}.topbar{padding:0 24px}.metric-grid{gap:10px}.metric-card{padding:14px}.overview-grid{grid-template-columns:1.1fr 1fr;gap:14px}.gateway-art{width:220px;transform:scale(.8);transform-origin:right center;margin-left:-20px}.playground-grid{grid-template-columns:235px 1fr}.help-grid{grid-template-columns:1fr}.logs-heading{align-items:flex-start;flex-direction:column}.log-filters{width:100%}.log-filters input{flex:1}.welcome-banner h2{font-size:22px}}
@media(max-width:860px){.sidebar{width:72px;padding:20px 8px}.sidebar>.brand{padding:0 8px 24px}.sidebar .brand>span:last-child,.workspace,.nav-label,.navigation a>span,.sidebar-bottom>a,.account>span:nth-child(2),.account>svg,.environment{display:none}.navigation a{justify-content:center;padding:14px}.navigation a svg{width:20px;height:20px}.navigation{gap:7px}.brand-mark{width:38px;min-width:38px}.account{padding:8px;justify-content:center}.content-shell{margin-left:72px;width:calc(100% - 72px)}.overview-grid{grid-template-columns:1fr}.metric-foot{font-size:9px}.welcome-banner{padding:23px}.metric-value{font-size:27px}.upstream-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading p{max-width:260px}.heading-actions>.primary{display:none}.help-card{padding:21px}.playground-grid{grid-template-columns:1fr}.settings-body{grid-template-columns:1fr 1fr}.settings-body>.notice,.settings-body>.small-muted{grid-column:1/-1}.settings-body>.full{width:auto}.chat-panel{height:520px}}
@media(max-width:560px){.sidebar{width:58px;padding:17px 5px}.sidebar>.brand{padding:0 4px 22px}.brand-mark{width:38px;height:38px;min-width:38px}.content-shell{margin-left:58px;width:calc(100% - 58px)}.navigation a{padding:13px 8px}.sidebar .account{padding:6px}.sidebar .account .avatar{width:28px}.topbar{height:56px;padding:0 15px}.topbar-actions{gap:9px}.topbar-actions>.connection{font-size:0;gap:0}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}main{padding:21px 14px 12px}.page-heading{gap:9px;margin-bottom:20px}.page-heading h1{font-size:22px}.page-heading p{font-size:10px;max-width:190px}.heading-actions .button{padding:7px 9px;min-height:32px;font-size:10px}.welcome-banner{padding:20px 18px;min-height:210px}.gateway-art{display:none}.welcome-banner h2{font-size:20px}.welcome-banner p{font-size:10px;max-width:230px;line-height:1.9}.banner-kicker{font-size:9px}.banner-buttons{gap:3px;align-items:flex-start;flex-direction:column;margin-top:17px}.banner-buttons .transparent{padding:8px 0;font-size:10px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{padding:12px}.metric-top{font-size:10px}.metric-value{font-size:26px}.metric-foot{line-height:1.7;font-size:8px;min-height:28px}.panel-heading{padding:16px}.panel-heading p{font-size:9px;max-width:150px}.panel-heading .button{padding:7px 9px;font-size:10px}.panel-heading h2{font-size:12px}.request-chart{margin:0 16px;padding-left:5px;padding-right:5px;gap:3px}.chart-summary{padding:12px 16px}.setup-steps{padding:0 16px}.endpoint-box{margin:8px 14px 15px}.page-footer{font-size:8px;align-items:flex-end}.page-footer>span:first-child{max-width:100px}.section-toolbar{gap:7px}.section-toolbar .muted{font-size:10px}.section-toolbar .button{font-size:10px}.notice{font-size:10px;padding:12px}.settings-body{padding:16px;gap:14px;grid-template-columns:1fr}.settings-body>.notice,.settings-body>.small-muted{grid-column:auto}.chat-messages{padding:13px}.chat-messages .message{max-width:100%}.message-body{font-size:11px;padding:10px 12px}.chat-composer{margin:0 12px 12px;padding:10px}.composer-footer>span{font-size:8px;max-width:125px}.chat-composer .button{padding:6px 10px}.chat-panel{height:540px}.auth-card{padding:25px}.auth-screen{padding:20px}.auth-card h1{font-size:23px}.auth-caption{font-size:9px}.help-card{padding:18px}.endpoint-list>div{gap:5px}.endpoint-list>div>span:last-child{display:none}.toast-region{left:16px;right:16px;bottom:16px}.toast{max-width:none;font-size:11px}.field-row{grid-template-columns:1fr}.log-filters{flex-wrap:wrap}.log-filters input{width:130px}.log-filters select{width:96px}.topbar-actions>.icon-button{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:860px){.sidebar-bottom>a{display:flex;justify-content:center;padding:14px}.sidebar-bottom>a>span{display:none}}
.billing-ledger{margin-top:20px}.ledger-credit{color:var(--green)}.ledger-debit{color:var(--amber)}.customer-shell{max-width:1320px;margin:auto;min-height:100vh}.customer-shell .topbar{height:82px}.customer-login{max-width:440px;margin:40px auto}.customer-shell .metric-value{font-size:23px}.sidebar{overflow-y:auto}.navigation a{padding-top:9px;padding-bottom:9px}#businessModal{width:min(650px,calc(100% - 32px))}@media(max-width:650px){[data-view=customers] .section-toolbar{align-items:flex-start;flex-direction:column}[data-view=customers] .heading-actions{flex-wrap:wrap}.customer-shell .topbar{padding:14px}.customer-shell .brand{font-size:16px}.customer-shell .metric-value{font-size:17px}}

/* Keep navigation names visible in compact windows. */
@media(max-width:860px){.sidebar{width:88px}.content-shell{margin-left:88px;width:calc(100% - 88px)}.navigation a{flex-direction:column;gap:4px;padding:8px 2px}.navigation a>span:first-of-type{display:block;font-size:10px;line-height:1.3}.navigation a>.nav-count,.navigation a>.new-label{display:none}.sidebar>.brand{justify-content:center;padding-left:0;padding-right:0}.sidebar-bottom{padding-top:16px}}

/* Customer creation stays available at compact widths. */
@media(max-width:860px){[data-view=customers] .section-toolbar{align-items:flex-start;flex-direction:column}[data-view=customers] .heading-actions{flex-wrap:wrap}[data-view=customers] .heading-actions>.primary{display:inline-flex}}