:root{color-scheme:light;--bg:#f5f6f8;--panel:#fff;--ink:#172135;--muted:#7b8493;--line:#e7eaf0;--orange:#f36b3c;--orange-dark:#dc5427;--navy:#111b2d;--green:#2d9c7e;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:13px;line-height:1.55}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #f6b49c;outline-offset:3px}input:focus,select:focus{outline:2px solid #f6b49c;outline-offset:1px}button{color:inherit}button svg,svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}code,pre,.method,.stat-value,.endpoint-value-row{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}button{border:0;background:none}input,select{min-width:0}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#8a92a0;font-weight:650}.muted{color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:24px;font-weight:720;letter-spacing:-.8px;white-space:nowrap}.brand-dot{color:var(--orange)}.brand-mark{display:flex;align-items:center;justify-content:center;position:relative;width:30px;height:33px;border-radius:9px;background:var(--orange);font:700 27px/1 Georgia,serif;padding-bottom:4px}.brand-mark span{font:700 13px/1 sans-serif;position:absolute;right:2px;top:4px}.button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:9px 15px;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.primary{background:var(--orange);color:white;box-shadow:0 2px 3px #d9562315}.primary:hover{background:var(--orange-dark)}.icon-button{height:32px;width:32px;border-radius:6px;color:#9199a7;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.icon-button:hover{background:#eff1f5;color:var(--ink)}.text-button{color:#7b8492;padding:3px 5px;white-space:nowrap;font-size:12px}.text-button:hover{color:var(--orange)}.status-dot,.live-dot,.stat-live-dot{display:inline-block;width:6px;height:6px;background:#38a383;border-radius:50%;flex-shrink:0}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.spinner{display:inline-block;width:19px;height:19px;border:2px solid #dce1e8;border-right-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.login-screen{min-height:100vh;display:grid;grid-template-columns:46% 54%;background:white}.login-story{padding:42px 56px;color:white;background:radial-gradient(ellipse at 12% 85%,#263448 0,transparent 58%),var(--navy);display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.login-story-content{margin:auto 0;position:relative;z-index:1;padding:80px 0}.eyebrow.light{color:#8291a8;font-size:9px;letter-spacing:2px}.login-story h1{font-size:clamp(34px,3.25vw,52px);line-height:1.55;letter-spacing:-1px;font-weight:650;margin:22px 0}.login-story h1>span{color:var(--orange)}.login-story p{font-size:14px;line-height:2;color:#9ba8bb}.flow-card{margin-top:45px;display:flex;align-items:center;padding:24px 20px;border:1px solid #ffffff11;border-radius:12px;background:#ffffff04;max-width:400px}.flow-node{display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap}.flow-node small{display:block;color:#7f8ea4;font-size:10px;margin-top:4px}.flow-icon{background:#ffffff0a;border:1px solid #ffffff0b;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:22px;color:#adb8c9}.flow-icon.orange{background:#f36b3c1a;border-color:#f36b3c30;color:#ff916a}.flow-line{height:1px;background:#45516a;flex:1;margin:0 15px;position:relative}.flow-line span{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--orange);top:-2px;left:45%;box-shadow:0 0 10px #f36b3c}.login-story-footer{font-size:8px;letter-spacing:1.5px;color:#6d7d95;display:flex;align-items:center;gap:8px}.login-form-area{display:flex;align-items:center;justify-content:center;position:relative;padding:60px 40px}.login-card{width:360px;max-width:100%}.lock-icon{width:44px;height:44px;background:#fff1eb;border:1px solid #ffe4d8;border-radius:12px;color:var(--orange);font-size:32px;line-height:42px;text-align:center;margin-bottom:27px}.login-card h2{font-size:25px;letter-spacing:-.5px;margin:10px 0 8px}.login-card>.muted{font-size:12px}.login-card form{margin-top:35px}.login-card label{display:block;font-size:12px;font-weight:600;margin:20px 0 9px}.login-card input{width:100%;height:45px;background:#fafbfc;border:1px solid #dfe4eb;border-radius:7px;padding:0 13px;font-size:13px;color:var(--ink)}.login-card input::placeholder{color:#a5aebb}.password-wrap{position:relative}.password-wrap input{padding-right:52px}.password-wrap button{position:absolute;right:10px;top:12px}.login-submit{width:100%;margin-top:28px;min-height:45px;justify-content:space-between;padding:11px 16px;font-size:13px}.login-note{margin-top:27px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:10px;color:#919aa9}.login-note svg{width:15px;height:15px}.login-copyright{position:absolute;bottom:33px;font-size:9px;letter-spacing:1.2px;color:#abb2be}.form-error{margin-top:16px;padding:10px 12px;background:#fff1ef;color:#b74637;border:1px solid #f8d7d0;border-radius:5px;font-size:12px}
.app-shell{min-height:100vh;display:flex}.sidebar{width:222px;position:fixed;top:0;bottom:0;left:0;z-index:20;background:var(--navy);color:#8a98ae;display:flex;flex-direction:column;padding:29px 18px 20px}.sidebar .brand{margin:0 9px 50px;font-size:24px}.workspace-label{font-size:8px;letter-spacing:1.5px;margin:0 13px 13px;color:#53627b;font-weight:650}.nav-item{display:flex;align-items:center;gap:11px;border-radius:7px;min-height:43px;padding:0 13px;width:100%;text-align:left;font-size:12px;margin-bottom:7px;color:#8f9db1}.nav-item>span:last-child{margin-left:auto}.nav-item.active{background:#ffffff0a;color:#f7f9fc}.nav-item svg{color:#72819a;width:17px;height:17px}.nav-item.active svg{color:var(--orange)}.nav-item:hover{background:#ffffff0b}.nav-dot{width:5px;height:5px;background:var(--orange);border-radius:50%}.sidebar-bottom{margin-top:auto}.private-badge{display:flex;gap:10px;align-items:center;border:1px solid #ffffff09;border-radius:8px;padding:13px 10px;color:#a4b0c1;font-size:11px}.shield-small{background:#1d3b39;color:#70b69b;display:flex;align-items:center;justify-content:center;width:26px;height:29px;border-radius:6px;font-size:14px}.private-badge small{display:block;font-size:9px;color:#566780;margin-top:3px}.sidebar-caption{font-size:8px;letter-spacing:.8px;margin:24px 7px 0;color:#4b5c77;display:flex;justify-content:space-between}.main-area{min-width:0;flex:1;margin-left:222px}.topbar{height:65px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:12px}.breadcrumbs{display:flex;align-items:center;gap:14px;font-size:11px;color:#929baa}.breadcrumbs strong{font-weight:500;color:#5b6679}.crumb-slash{color:#d2d7df}.account{display:flex;align-items:center;gap:10px;font-size:11px;color:#5d6676}.private-label{font-size:10px;color:#8a94a4;padding-right:17px;margin-right:7px;border-right:1px solid var(--line);display:flex;align-items:center;gap:6px}.private-label .status-dot{width:5px;height:5px}.avatar{display:flex;align-items:center;justify-content:center;background:#eef1f6;border:1px solid #e4e9f0;width:27px;height:27px;border-radius:50%;font-size:10px;font-weight:650;color:#66758c}.account .text-button{margin-left:6px;font-size:10px}.workspace{max-width:1660px;margin:0 auto;padding:30px 34px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{font-size:27px;font-weight:680;letter-spacing:-.7px;margin:6px 0 4px;line-height:1.5}.heading-dot{color:var(--orange);padding-left:3px}.page-heading p{color:#929aa7;font-size:11px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.6px;color:#a0a7b2}.live-control{display:flex;align-items:center;gap:9px;font-size:11px;color:#778294;cursor:pointer;position:relative;white-space:nowrap}.live-control input{position:absolute;opacity:0;width:29px;height:17px}.switch-track{width:29px;height:17px;background:#cbd1db;border-radius:20px;position:relative;transition:background .15s}.switch-track:after{content:"";position:absolute;top:3px;left:3px;border-radius:50%;height:11px;width:11px;background:white;box-shadow:0 1px 2px #0002;transition:transform .15s}.live-control input:checked+.switch-track{background:#3b9f83}.live-control input:checked+.switch-track:after{transform:translateX(12px)}.live-control input:focus-visible+.switch-track{outline:3px solid #f6b49c;outline-offset:3px}.live-dot{width:5px;height:5px;margin-left:2px}.live-control:has(input:not(:checked)) .live-dot{background:#aeb6c3}.endpoint-card{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #e4e8ef;border-radius:10px;padding:19px 22px;box-shadow:0 2px 3px #12203902;position:relative;overflow:hidden}.endpoint-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange)}.endpoint-icon{height:41px;width:41px;background:#fff3ed;color:var(--orange);border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:29px;font-family:monospace;flex-shrink:0}.endpoint-content{flex:1;min-width:0}.endpoint-title{font-weight:600;font-size:11px;display:flex;align-items:center;gap:9px}.tag{font-size:8px;font-weight:500;border-radius:3px;padding:1px 5px;white-space:nowrap}.tag.neutral{background:#f3f5f8;color:#8994a5;border:1px solid #e9edf3}.endpoint-value-row{display:flex;align-items:center;gap:10px;min-width:0;margin-top:3px}.endpoint-value-row code{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#556378}.endpoint-value-row .icon-button{height:24px;width:25px}.endpoint-value-row svg{height:15px;width:15px}.endpoint-content p{font-size:9px;color:#a0a8b4;margin-top:2px}.endpoint-card>.button{font-size:11px;min-height:34px;padding:8px 13px}.endpoint-card>.button svg{width:14px;height:14px}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;margin:20px 0;gap:14px}.stat{padding:17px 21px 15px;background:white;border:1px solid var(--line);border-radius:8px;min-height:113px}.stat-label{font-size:10px;color:#8d97a7;display:flex;gap:7px;align-items:center}.utc-tag{font-family:monospace;font-size:7px;background:#f3f5f8;color:#9ca7b8;border-radius:3px;padding:1px 4px;letter-spacing:.5px}.stat-value{display:flex;gap:8px;align-items:baseline;margin:5px 0 2px}.stat-value strong{font-weight:550;font-size:29px;line-height:1.4;letter-spacing:-.8px}.stat-unit{font-family:inherit;color:#9aa4b3;font-size:10px}.stat-hint{color:#a9b0bd;font-size:9px}.stat-value.small{align-items:center;gap:12px;min-height:41px}.stat-value.small strong{font-size:23px;font-weight:500}.stat-live-dot{width:5px;height:5px}.inbox{background:#fff;border:1px solid #e2e6ed;border-radius:9px;overflow:hidden;box-shadow:0 3px 5px #14233902}.inbox-toolbar{min-height:66px;border-bottom:1px solid var(--line);padding:12px 19px;display:flex;justify-content:space-between;gap:15px;align-items:center}.inbox-title{display:flex;align-items:center;gap:9px;white-space:nowrap}.inbox-title h2{font-size:12px;font-weight:650}.count-badge{font-size:9px;min-width:22px;padding:1px 6px;background:#f1f3f7;border-radius:5px;color:#8e99aa;text-align:center}.filter-tools{display:flex;align-items:center;gap:9px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #e6e9ee;padding:0 10px;border-radius:5px;background:#fafbfc;height:31px;width:229px}.search-box svg{width:13px;height:13px;color:#a6aebb}.search-box input{background:transparent;border:0;width:100%;height:100%;font-size:10px;color:#5f6b7e;outline:none}.search-box:focus-within{outline:2px solid #f6b49c}.search-box input::placeholder{color:#aab2c0}.filter-tools select{height:31px;border:1px solid #e6e9ee;border-radius:5px;background:white;color:#8490a2;padding:0 22px 0 9px;font-size:10px;width:100px}.bordered{border:1px solid #e6e9ee;height:31px;width:31px;border-radius:5px}.bordered svg{width:14px;height:14px}.inbox-panels{display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);min-height:490px}.request-pane{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.list-caption{display:flex;justify-content:space-between;padding:12px 17px 10px;color:#a8afbc;font-size:9px;border-bottom:1px solid #f0f2f6}.request-list{max-height:560px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d9dee7 transparent}.request-card{display:block;width:100%;padding:15px 17px 13px;text-align:left;border-bottom:1px solid #edf0f5;position:relative;min-width:0;transition:background .12s}.request-card:hover{background:#fafbfe}.request-card.selected{background:#fff7f2}.request-card.selected:before{position:absolute;content:"";left:0;top:0;bottom:0;width:3px;background:var(--orange)}.request-card-top{display:flex;align-items:center;gap:9px;margin-bottom:7px;min-width:0}.method{display:inline-block;border-radius:4px;font-size:8px;line-height:1.8;font-weight:650;padding:0 6px;color:#47876f;background:#edf7f1;flex-shrink:0;letter-spacing:.25px}.method[data-method=POST]{color:#397f69;background:#eaf5ed}.method[data-method=GET]{color:#4e7eaa;background:#eaf2fb}.method[data-method=PUT]{color:#9e7a31;background:#fbf2db}.method[data-method=PATCH]{color:#9765ad;background:#f5eefa}.method[data-method=DELETE]{color:#b75f61;background:#fbedef}.request-path{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:#626d7e}.request-card.selected .request-path{color:#5a473d}.request-status-dot{height:5px;width:5px;border-radius:50%;background:#6eaf91;flex-shrink:0}.request-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#a5aebb;font-size:9px;min-width:0}.request-time{font-family:monospace;letter-spacing:.1px;white-space:nowrap}.request-body-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}.list-empty{text-align:center;padding:60px 20px 70px;flex:1;color:#9ca5b4}.empty-icon{margin:0 auto 14px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px dashed #cbd3df;border-radius:12px;font-size:25px;color:#a3afbf}.list-empty strong{display:block;font-size:12px;font-weight:500;color:#7e8b9e}.list-empty p{font-size:10px;line-height:1.9;margin-top:8px}.load-more{font-size:10px;min-height:41px;color:#9b8a7f;border-bottom:1px solid var(--line)}.load-more:hover{background:#fff9f4}.load-more span{margin-left:4px}.list-footer{margin-top:auto;display:flex;align-items:center;gap:6px;font-size:8px;color:#aab3c1;padding:12px 17px;min-height:34px;background:#fcfdfe;border-top:1px solid #f0f2f6}.list-footer .status-dot{height:4px;width:4px;background:#a5bdaf}.detail-pane{min-width:0;position:relative;display:flex;flex-direction:column}.detail-empty{min-height:470px;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 20px}.detail-illustration{width:73px;height:81px;border:1px solid #e2e7ef;border-radius:10px;transform:rotate(-5deg);padding:24px 15px;position:relative;margin-bottom:26px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:5px 6px 0 #f6f8fb}.illustration-line{height:3px;background:#e6eaf0;margin-bottom:8px;border-radius:3px}.illustration-line.short{width:60%}.detail-illustration span{position:absolute;right:-10px;bottom:-6px;height:29px;width:29px;border:3px solid white;background:#fff0e9;border-radius:9px;color:#f08862;font-size:20px;line-height:24px;transform:rotate(5deg)}.detail-empty h3{font-size:13px;color:#8996a8;font-weight:500}.detail-empty p{font-size:10px;color:#aeb7c4;margin-top:7px}.detail-empty-label{font-size:7px;letter-spacing:2px;color:#c0c7d2;margin-top:25px}.detail-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:470px;color:#9ca7b7;font-size:11px}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 10px;gap:12px}.detail-header-title{display:flex;align-items:center;gap:10px;min-width:0}.detail-header .method{font-size:9px}.detail-header h3{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:monospace;font-weight:550;letter-spacing:-.2px}.delete-button svg{width:14px;height:14px}.delete-button:hover{color:#cf5b4f;background:#fff0ed}.back-button{display:none}.detail-meta{padding:0 22px 20px}.meta-row{font-size:10px;display:flex;align-items:flex-start;gap:15px}.meta-row>span{color:#a0a9b8;flex-shrink:0}.meta-row code{font-size:10px;color:#8994a5;word-break:break-all;line-height:1.8}.meta-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px 20px;margin-top:16px}.meta-grid>div{min-width:0}.meta-grid span{display:block;font-size:8px;color:#a8b1bf;margin-bottom:3px}.meta-grid strong{display:block;font-size:9px;color:#7c899c;font-weight:400;font-family:monospace;overflow-wrap:anywhere}.detail-tabs{display:flex;gap:23px;border-top:1px solid #f0f2f6;border-bottom:1px solid var(--line);padding:0 22px;min-height:43px}.detail-tabs button{color:#9aa5b6;font-size:10px;padding:12px 0;position:relative;white-space:nowrap}.detail-tabs button.active{color:#db724e;font-weight:600}.detail-tabs button.active:after{position:absolute;bottom:-1px;left:0;right:0;content:"";height:2px;background:var(--orange)}.detail-tabs button span{font-size:8px;font-family:monospace;padding:1px 4px;border-radius:3px;background:#f0f2f6;margin-left:4px;color:#a3adbb}.body-panel{background:#fbfcfe}.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:10px}.segmented-control{display:flex;border:1px solid #e7ebf1;border-radius:5px;padding:2px;background:#f1f3f7}.segmented-control button{font-size:8px;padding:3px 7px;color:#9aa5b5;white-space:nowrap}.segmented-control .active{background:white;box-shadow:0 1px 2px #1320390b;border-radius:3px;color:#718097}.code-toolbar-right{display:flex;align-items:center;gap:11px}.code-toolbar-right>span{font-size:7px;font-family:monospace;color:#b0b9c7;letter-spacing:.5px}.code-toolbar-right .text-button{font-size:8px;color:#9da8b8}.body-panel pre{margin:0;padding:6px 23px 24px;min-height:222px;max-height:470px;overflow:auto;font-size:10px;line-height:1.95;color:#5e6d84;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere}.body-panel pre:focus-visible{outline:2px solid #f6b49c;outline-offset:-2px}.json-key{color:#8c66a5}.json-string{color:#44866c}.json-number{color:#bd804e}.json-keyword{color:#638bb5}.binary-note{padding:5px 22px 10px;color:#ad8b5c;font-size:9px}.table-panel{padding:8px 21px 25px;min-height:272px;max-height:470px;overflow:auto}.table-panel table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}.table-panel th{text-align:left;font-size:7px;letter-spacing:.7px;color:#a9b2c1;font-weight:500;padding:10px 7px;border-bottom:1px solid var(--line)}.table-panel th:first-child{width:34%}.table-panel td{padding:10px 7px;border-bottom:1px solid #f0f2f6;vertical-align:top;overflow-wrap:anywhere;font-family:monospace;font-size:9px;color:#7a8aa0}.table-panel td:first-child{color:#69788e}.panel-empty{color:#a6b0c0;text-align:center;margin:70px 0;font-size:11px}.detail-footer{min-height:35px;border-top:1px solid var(--line);padding:10px 22px;display:flex;justify-content:space-between;gap:12px;font-family:monospace;font-size:7px;color:#b2bccb;align-items:center;background:white}.detail-footer>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}.detail-footer>span:last-child{display:flex;align-items:center;gap:5px;white-space:nowrap}.detail-footer .status-dot{width:4px;height:4px;background:#8db9a5}.workspace-footer{display:flex;justify-content:space-between;gap:12px;padding:17px 0 0;font-size:8px;color:#b1b9c5;letter-spacing:.3px}.footer-dot{padding:0 7px;color:#c2c8d2}.list-error{padding:10px 20px;font-size:11px;background:#fff5ef;color:#af7047;border-bottom:1px solid #f6e6dc}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#233147;color:white;border:1px solid #34455f;border-radius:8px;padding:12px 18px;box-shadow:0 5px 25px #111b2d20;z-index:100;font-size:12px;max-width:calc(100vw - 40px)}dialog{border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 100px #14233526;padding:28px;width:500px;max-width:calc(100vw - 32px);color:var(--ink)}dialog::backdrop{background:#101b2d66;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dialog-header h2{font-size:21px;margin-top:9px}.help-steps{padding:0 0 0 22px;margin:27px 0;color:#ed815b}.help-steps li{padding-left:6px;margin-bottom:22px}.help-steps strong{font-size:13px;color:#5c6c81;font-weight:600}.help-steps p{font-size:11px;color:#94a0b1;line-height:1.9;margin-top:6px}.help-steps code{background:#f3f5f9;padding:2px 4px;border-radius:3px;font-size:10px}.help-note{padding:12px;background:#f4f8f6;border-radius:6px;color:#7d998e;font-size:10px;line-height:1.8}dialog>.button{margin-top:22px;width:100%;font-size:12px}@media(min-width:1600px){.workspace{padding-top:40px}.inbox-panels{min-height:560px}.detail-empty,.detail-loading{min-height:560px}.body-panel pre{min-height:285px}.request-list{max-height:630px}.stats-grid{margin:24px 0}.endpoint-card{padding:24px}.stat{padding:20px 24px}}
@media(max-width:1180px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.sidebar .brand{font-size:22px;margin-left:9px}.main-area{margin-left:190px}.workspace{padding:24px}.topbar{padding:0 24px}.nav-item{font-size:11px;padding:0 11px;gap:8px}.search-box{width:185px}.inbox-panels{grid-template-columns:minmax(230px,34%) minmax(0,1fr)}.endpoint-value-row code{font-size:10px}.detail-meta{padding-left:18px;padding-right:18px}.detail-header{padding-left:18px;padding-right:18px}.detail-tabs{gap:17px;padding:0 18px}.meta-grid{grid-template-columns:1.3fr 1fr}.stat-value.small strong{font-size:20px}}
@media(max-width:980px){.sidebar{width:73px;padding:24px 13px}.sidebar .brand{margin:4px auto 38px}.sidebar .brand>span:last-child,.workspace-label,.nav-item>span,.sidebar-bottom{display:none}.nav-item{font-size:0;justify-content:center;padding:0;gap:0}.nav-item svg{width:20px;height:20px}.main-area{margin-left:73px}.topbar{height:60px;padding:0 22px}.workspace{padding:24px 22px}.stats-grid{gap:10px}.stat{padding:15px}.filter-tools{gap:6px}.search-box{width:190px}.inbox-toolbar{padding:12px 15px}.inbox-title h2{font-size:11px}.inbox-panels{grid-template-columns:minmax(220px,34%) minmax(0,1fr)}.login-story{padding:32px}.login-story h1{font-size:36px}.flow-card{padding:18px 12px}.flow-node{font-size:10px;gap:7px}.flow-icon{width:30px;height:32px;font-size:18px}.flow-line{margin:0 9px}.login-form-area{padding:50px 30px}.login-story-footer{font-size:6px}}
@media(max-width:760px){.sidebar{display:none}.main-area{margin-left:0}.topbar{height:54px;padding:0 18px}.breadcrumbs{font-size:10px;gap:10px}.account{gap:7px}.account #account-name{display:none}.private-label{padding-right:12px;margin-right:2px}.workspace{padding:24px 18px 15px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.live-control{font-size:9px;gap:6px}.endpoint-card{padding:17px 16px;gap:12px;flex-wrap:wrap}.endpoint-icon{width:34px;height:34px;font-size:24px}.endpoint-content{flex-basis:calc(100% - 48px)}.endpoint-card>.button{margin-left:46px;min-height:31px;font-size:10px}.endpoint-content p{font-size:8px}.stats-grid{gap:8px;margin:15px 0}.stat{padding:12px;min-height:100px}.stat-label{font-size:9px;gap:4px}.stat-value strong{font-size:25px}.stat-value.small strong{font-size:16px}.stat-value.small{min-height:35px;gap:7px}.stat-hint{font-size:8px}.stat-value.small+.stat-hint{font-size:7px}.inbox-toolbar{flex-wrap:wrap;gap:11px;padding:14px}.filter-tools{width:100%}.search-box{flex:1;width:auto;height:33px}.filter-tools select{height:33px;width:98px}.bordered{width:33px;height:33px}.inbox-title h2{font-size:12px}.inbox-panels{grid-template-columns:1fr;min-height:440px}.request-pane{border-right:0}.request-list{max-height:500px}.detail-pane{display:none}.inbox-panels.has-selection .request-pane{display:none}.inbox-panels.has-selection .detail-pane{display:flex}.back-button{display:inline-block;margin-left:-6px;margin-right:2px;font-size:10px}.detail-header{padding-top:15px}.detail-header h3{font-size:12px}.detail-meta{padding-top:4px}.meta-grid{grid-template-columns:1.35fr 1fr}.meta-grid strong{font-size:10px}.meta-grid span{font-size:9px}.meta-row{font-size:10px}.detail-tabs{min-height:45px}.detail-tabs button{font-size:11px}.body-panel pre{font-size:11px;min-height:250px;padding:8px 18px 24px}.table-panel{min-height:300px}.table-panel td{font-size:10px}.detail-footer{font-size:7px;padding:10px 16px}.list-caption{font-size:10px;padding:13px 17px}.request-card{padding:16px 18px}.method{font-size:9px}.request-path{font-size:12px}.request-card-bottom{font-size:10px}.request-body-label{font-size:9px}.request-card-top{margin-bottom:8px}.list-footer{font-size:9px}.workspace-footer{font-size:7px;line-height:1.8}.workspace-footer>span:last-child{text-align:right}.login-screen{display:block;min-height:100vh;background:var(--navy)}.login-story{padding:25px 28px 30px;background:transparent}.login-story-content{padding:40px 0 0}.login-story .brand{font-size:23px}.login-story h1{font-size:30px;line-height:1.4;margin:12px 0}.login-story h1 br{display:none}.login-story p,.flow-card,.login-story-footer{display:none}.eyebrow.light{font-size:7px}.login-form-area{background:white;border-radius:22px 22px 0 0;padding:38px 28px 70px;min-height:calc(100vh - 205px);align-items:flex-start}.login-card{width:390px}.lock-icon{display:none}.login-card h2{font-size:23px}.login-card>.eyebrow{font-size:8px}.login-card form{margin-top:26px}.login-copyright{bottom:20px;font-size:8px}.login-note{font-size:9px}.login-story:after{background-size:38px 38px}}
@media(max-width:390px){.workspace{padding-left:12px;padding-right:12px}.stat{padding:10px 8px}.stat-value.small strong{font-size:14px}.stat-label{font-size:8px}.page-heading h1{font-size:21px}.page-heading .eyebrow{font-size:7px}.live-control{font-size:8px;gap:4px}.live-dot{display:none}.stat-hint{font-size:7px}.endpoint-title{font-size:10px}.breadcrumbs>span:first-child,.crumb-slash{display:none}.detail-tabs{gap:15px}.code-toolbar{padding:10px 14px}.login-story h1{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Independent webhook workspaces. */
.webhook-switcher{display:flex;align-items:center;gap:24px;padding:0 1px 17px;min-width:0}.webhook-select-group{flex:1;min-width:0}.webhook-select-group>label{display:block;color:#9aa4b4;font-size:8px;letter-spacing:.7px;margin-bottom:6px}.webhook-select-row{display:flex;align-items:center;gap:8px;min-width:0}.webhook-select-row select{max-width:390px;width:100%;height:37px;border:1px solid #dfe5ed;border-radius:6px;background:white;color:#53637a;font-size:12px;padding:0 30px 0 11px;overflow:hidden;text-overflow:ellipsis}.webhook-select-row .text-button{font-size:10px}.webhook-view{min-width:0;max-width:32%;font-size:9px;color:#9aa6b7}.webhook-view>div{display:flex;align-items:center;gap:9px;margin-top:7px}.webhook-view code{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#78899f}.webhook-view .text-button{font-size:9px}.secondary{background:#fff;border:1px solid #dfe5ed;color:#64748a;box-shadow:0 1px 2px #15243a04}.secondary:hover{background:#f8fafd;border-color:#cbd5e3}.webhook-switcher>.button{font-size:11px;height:37px;min-height:37px;align-self:flex-end;flex-shrink:0}.webhook-switcher>.button>span{font-size:17px;line-height:1}.webhook-notice,.webhook-error{font-size:11px;padding:12px 15px;border-radius:7px;margin-bottom:15px;line-height:1.8}.webhook-notice{color:#7b8fa4;background:#edf3f9;border:1px solid #dce7f2}.webhook-error{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff3ed;border:1px solid #f6dfd0;color:#ab7756}.webhook-error .text-button{color:#b8754b;text-decoration:underline}.webhook-dialog-description{font-size:12px;color:#92a0b3;margin:19px 0 24px;line-height:1.9}.webhook-name-label{display:block;font-size:12px;color:#62728a;margin-bottom:9px;font-weight:550}.webhook-name-label>span{font-size:10px;color:#a0acbd;font-weight:400}.webhook-name-input{display:block;width:100%;height:44px;border:1px solid #dfe5ef;border-radius:6px;padding:0 12px;font-size:12px;color:#566a84;background:#fafbfd}.webhook-name-input::placeholder{color:#aab5c5}.webhook-name-hint{font-size:10px;color:#a3adbc;line-height:1.8;margin-top:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:26px}.dialog-actions>.button{font-size:12px;min-width:84px}@media(max-width:1180px){.webhook-switcher{gap:14px}.webhook-select-row select{max-width:300px}.webhook-view{max-width:29%}.webhook-view>div{gap:3px}.webhook-view code{font-size:9px}}@media(max-width:760px){.webhook-switcher{flex-wrap:wrap;gap:12px;position:relative;padding-bottom:16px}.webhook-select-group{flex-basis:calc(100% - 125px)}.webhook-select-row select{font-size:11px;max-width:none}.webhook-select-row .text-button{font-size:9px;padding-right:0}.webhook-switcher>.button{font-size:10px;position:absolute;right:0;top:22px;padding:8px 10px;min-width:112px}.webhook-view{max-width:100%;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px}.webhook-view>div{margin-top:0;min-width:0;gap:6px}.webhook-view code{font-size:9px}.webhook-select-group{padding-right:123px}.webhook-select-row{gap:6px}.webhook-notice,.webhook-error{font-size:10px}.webhook-select-group>label{font-size:7px}.dialog-actions>.button{flex:1}}@media(max-width:390px){.webhook-select-group{padding-right:111px}.webhook-switcher>.button{min-width:103px;font-size:9px;padding:8px}.webhook-select-row select{font-size:10px;padding-left:7px}.webhook-select-row .text-button{font-size:8px}.webhook-view code{font-size:8px}}
