.app-layout{display:block;min-height:100vh;background:#f6f8fb}
.workspace-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--product-line);box-shadow:0 2px 10px rgba(25,45,75,.025)}
.workspace-header-main{height:68px;max-width:1450px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.workspace-header .brand{color:var(--product-text);white-space:nowrap}
.workspace-header .brand-mark{fill:var(--product-accent);width:29px;height:29px}
.workspace-header .brand-sub{color:var(--product-accent)}
.header-account{display:flex;align-items:center;gap:16px}
.header-account>.button{background:var(--product-accent);border-radius:7px}
.account-menu{position:relative}
.account-menu summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;color:#35445c;font-size:12px;font-weight:750;min-height:40px}
.account-menu summary::-webkit-details-marker{display:none}
.account-menu .avatar{width:31px;height:31px}
.account-menu .account-chevron{width:16px;height:16px;display:block;flex:none;align-self:center;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.account-menu[open] .account-chevron{transform:rotate(180deg)}
.account-popover{position:absolute;right:0;top:47px;width:250px;background:#fff;border:1px solid var(--product-line);border-radius:10px;box-shadow:0 20px 50px rgba(25,45,75,.15);padding:18px;display:grid;gap:10px}
.account-popover label{font-size:10px;letter-spacing:.1em;color:#8c9bb0;font-weight:800}
.account-popover select{width:100%;border:1px solid var(--product-line);border-radius:6px;padding:9px;color:var(--product-text);background:#fff}
.account-email{font-size:11px;color:var(--product-muted);overflow:hidden;text-overflow:ellipsis}
.account-popover button{border:0;border-top:1px solid var(--product-line);background:#fff;color:var(--product-text);text-align:left;padding:12px 0 0;font-size:12px;font-weight:700}
.top-nav{max-width:1450px;margin:auto;padding:0 38px;display:flex;gap:28px;align-items:center;min-height:48px;overflow-x:auto;scrollbar-width:none}
.top-nav::-webkit-scrollbar{display:none}
.top-nav button{border:0;border-bottom:2px solid transparent;background:transparent;color:#69788f;padding:13px 1px 12px;white-space:nowrap;font:750 12px Manrope,sans-serif}
.top-nav button:hover{color:var(--product-text)}
.top-nav button.active{color:var(--product-accent);border-bottom-color:var(--product-accent)}
.app-main{min-height:calc(100vh - 117px)}
.app-content{max-width:1290px;margin:auto;padding:36px 38px 75px}
.app-layout .docs-page{max-width:none;min-width:0;padding:0;color:var(--product-text)}
.app-layout .docs-hero{max-width:none;padding:25px 30px;background:#fff;border:1px solid var(--product-line);border-radius:12px}
.app-layout .docs-hero h1{font:750 34px/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:10px 0}
.app-layout .docs-hero .eyebrow{color:var(--product-accent)}
.app-layout .docs-hero .eyebrow:before{display:none}
.app-layout .docs-hero p{max-width:760px;font-size:13px;color:var(--product-muted)}
.app-layout .docs-hero .button{display:none}
.app-layout .docs-layout{grid-template-columns:220px minmax(0,1fr);min-width:0;gap:22px;margin-top:20px}
.app-layout .docs-nav{top:140px;min-width:0;background:#fff;border:1px solid var(--product-line);border-radius:10px;padding:16px;gap:2px;max-height:calc(100vh - 165px);overflow:auto}
.app-layout .docs-nav a{padding:8px 10px;border-radius:6px;color:#576980;font-weight:650;font-size:12px}
.app-layout .docs-nav a:hover{background:#edf2ff;color:var(--product-accent)}
.app-layout .docs-content{max-width:none;min-width:0;background:#fff;border:1px solid var(--product-line);border-radius:10px;padding:12px 38px 50px}
.docs-page{color:var(--product-text)}
.docs-hero h1{font:750 clamp(36px,5vw,58px)/1.08 Manrope,sans-serif;letter-spacing:-.05em}
.docs-hero p{color:var(--product-muted)}
.docs-content h2{font:750 25px/1.25 Manrope,sans-serif;letter-spacing:-.03em;color:var(--product-text);margin:44px 0 14px}
.docs-content h3{font:750 16px Manrope,sans-serif;color:var(--product-text)}
.docs-content p,.docs-content li{font-size:13px;line-height:1.75;color:#53647b}
.docs-content section+section{border-top:1px solid #edf0f5;margin-top:36px}
.docs-content .code-block{background:#17243a;color:#e7edff;border-radius:8px;padding:24px;font:12px/1.75 DM Mono,monospace}
.code-wrap{position:relative;min-width:0;max-width:100%}
.code-copy{position:absolute;right:12px;top:12px;border:1px solid #53627a;color:#e7edff;border-radius:5px;padding:5px 9px;background:#293c5b;font:700 10px Manrope,sans-serif}
.verify-page{grid-template-columns:1fr}
.verify-page .auth-form-wrap{min-height:100vh}
.verify-page .auth-form{width:min(460px,100%)}
.verify-page .eyebrow{color:var(--product-accent);margin-bottom:16px}
.verify-page .eyebrow:before{display:none}
.verify-page #resend-form{margin-top:22px;padding-top:18px;border-top:1px solid var(--product-line)}
.docs-table th{background:#f3f6fb;color:#455875}
.docs-table td{color:#53647b}
.docs-nav a{border-radius:6px}
.endpoint{background:#eaf0ff;color:#1d3d97;border-radius:7px;font-weight:700}
.endpoint span{background:#3159c9;color:white;padding:4px 7px;border-radius:4px;font-size:10px}
.project-manager{display:grid;grid-template-columns:275px minmax(0,1fr);gap:20px;align-items:start}
.project-picker,.project-detail{min-width:0;border-radius:10px}
.project-picker .panel-head,.project-detail .panel-head{margin-bottom:15px}
.project-picker h2{font-size:16px;margin:0}
.project-choice{display:grid;gap:4px;width:100%;padding:14px 12px;margin:3px 0;border:1px solid transparent;border-radius:8px;background:#fff;text-align:left;color:var(--product-text)}
.project-choice:hover,.project-choice.selected{background:#edf2ff;border-color:#d5dffb}
.project-choice strong{font-size:13px}
.project-choice small,.project-choice span{font-size:11px;color:var(--product-muted);overflow:hidden;text-overflow:ellipsis}
.project-choice span{color:var(--product-accent);font-weight:750}
.project-detail .panel-head{align-items:start;gap:15px}
.project-detail .panel-head h2{margin:8px 0 3px}
.project-detail .panel-head p{font-size:12px;color:var(--product-muted);margin:0}
.key-section-title{border-top:1px solid var(--product-line);padding-top:20px;margin-top:22px}
.key-section-title h3{font-size:15px;margin:0 0 4px}
.key-section-title h3 span{font-size:12px;color:var(--product-muted);margin-left:5px}
.key-section-title p{color:var(--product-muted);font-size:12px;margin:0 0 12px}
.key-row{display:grid;grid-template-columns:minmax(170px,1.2fr) minmax(180px,1fr) auto;gap:16px;align-items:center;padding:18px 0;border-top:1px solid var(--product-line)}
.key-main{display:grid;gap:4px;min-width:0}
.key-main strong{font-size:13px}
.key-main small{color:var(--product-muted);font-size:11px;overflow-wrap:anywhere}
.key-meta{display:grid;gap:4px;color:var(--product-muted);font-size:11px}
.key-status{color:#236a45;font-weight:750}
.key-status.inactive{color:#9a5a37}
.key-actions{display:flex;gap:6px;justify-content:flex-end}
.key-actions .button{border-radius:6px}
.key-actions .danger{color:#a93622;border-color:#edc9c4}
.modal .optional{font-weight:500;color:var(--product-muted)}
.modal .field[hidden]{display:none}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
.danger-button{background:#a93622!important}
@media(max-width:900px){.project-manager{grid-template-columns:1fr}.project-picker{display:flex;align-items:center;gap:8px;overflow-x:auto}.project-picker .panel-head{display:none}.project-choice{min-width:175px}.key-row{grid-template-columns:minmax(0,1fr) auto}.key-meta{grid-column:1;grid-row:2}.key-actions{grid-column:2;grid-row:1 / span 2}}
@media(max-width:950px){.app-layout{display:block}.app-content{padding:30px}.app-layout .docs-layout{grid-template-columns:minmax(0,1fr)}.app-layout .docs-nav{position:static;max-height:none;display:flex;overflow-x:auto;white-space:nowrap;gap:7px}.app-layout .docs-nav a{flex:none}.app-layout .docs-content{padding:8px 24px 35px}}
@media(max-width:620px){.project-page-title{display:flex;flex-direction:column;align-items:flex-start}.project-page-title .button{white-space:nowrap}.key-row{grid-template-columns:1fr;gap:9px}.key-meta,.key-actions{grid-column:1;grid-row:auto}.key-actions{justify-content:flex-start}.project-detail .panel-head{flex-direction:column}.project-detail .panel-head .button{align-self:flex-start}}
@media(max-width:620px){.workspace-header-main{height:62px;padding:0 17px}.workspace-header .brand{font-size:16px}.workspace-header .brand-mark{width:25px;height:25px}.header-account{gap:8px}.header-account>.button{display:none}.account-name{display:none}.top-nav{padding:0 17px;gap:23px;min-height:45px}.top-nav button{padding:12px 0 11px}.app-content{padding:23px 15px 65px}.app-main{min-height:calc(100vh - 108px)}.app-layout .docs-hero{padding:21px}.app-layout .docs-hero h1{font-size:29px}.app-layout .docs-content{padding:6px 20px 30px}.app-layout .docs-nav{margin:0}.docs-content h2{font-size:22px}.account-popover{right:-5px}}