.developer-site.developer-console{--primary:#0866d9;--primary-hover:#0755b5;--background:#f7faff;--surface:#eaf4ff;--text:#10233f;--secondary:#64748b;--border:#e2eaf4;--radius:14px;background:#f7faff}.developer-console .developer-public-header .header-inner{width:calc(100% - 64px);max-width:1600px;min-height:72px}.developer-console .developer-public-header .header-actions .button{background:var(--primary)}.developer-console .console-layout{grid-template-columns:260px minmax(0,1fr);gap:0;width:100%;min-height:calc(100dvh - 72px);margin:0;padding:0;display:grid}.developer-console .console-sidebar{border:0;border-right:1px solid var(--border);background:#fff;align-self:start;min-height:calc(100dvh - 72px);padding:28px 20px;display:block;position:sticky;top:72px}.developer-console .console-nav-label{color:#8296b2;letter-spacing:.06em;margin:0 12px 22px;font-size:10px;font-weight:700;line-height:1.6}.developer-console .console-sidebar nav,.developer-console .console-drawer nav{flex-direction:column;gap:6px;display:flex}.developer-console .console-sidebar nav a,.developer-console .console-sidebar nav button,.developer-console .console-drawer nav a,.developer-console .console-drawer nav button{box-sizing:border-box;color:#304568;width:100%;min-height:46px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;font-size:13px;font-weight:550;text-decoration:none;transition:color .15s,background .15s;display:flex}.developer-console .console-sidebar nav a:hover,.developer-console .console-sidebar nav button:hover,.developer-console .console-drawer nav a:hover,.developer-console .console-drawer nav button:hover{color:var(--primary);background:#f3f8ff}.developer-console .console-sidebar nav [aria-current=page],.developer-console .console-drawer nav [aria-current=page]{color:var(--primary);background:#eaf4ff;font-weight:650}.developer-console .console-sidebar nav svg,.developer-console .console-drawer nav svg{flex-shrink:0;width:20px;height:20px}.developer-console .console-content{box-sizing:border-box;background:radial-gradient(at 70% 0,#edf6ff66,#0000 65%);width:100%;min-width:0;padding:28px clamp(24px,3vw,48px) 48px}.developer-console .console-content h1{color:var(--text);letter-spacing:-.035em;font-size:30px;font-weight:750;line-height:1.25}.developer-console .console-content h2{color:var(--text);letter-spacing:-.025em;font-size:22px;font-weight:700}.developer-console .console-content h3{font-size:17px}.developer-console .console-breadcrumb{color:#647c9d;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font-size:12px;display:flex}.developer-console .console-breadcrumb a:hover{color:var(--primary);text-decoration:underline}.developer-console .console-breadcrumb svg{width:12px;height:12px}.developer-console .console-breadcrumb [aria-current]{color:var(--primary);font-weight:600}.developer-console .console-page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.developer-console .console-page-heading h1{margin:0 0 8px}.developer-console .console-page-heading p{max-width:760px;color:var(--secondary);margin:0;font-size:14px;line-height:1.7}.developer-console .button{box-sizing:border-box;border:1px solid var(--primary);background:var(--primary);color:#fff;min-height:44px;font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:650;line-height:1.5;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.developer-console .button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px #0866d914}.developer-console .button:disabled{opacity:.55;cursor:not-allowed}.developer-console .button-secondary{color:#365172;background:#fff;border-color:#d6e3f3}.developer-console .button-secondary:hover:not(:disabled){color:var(--primary);background:#f0f7ff;border-color:#b8d4f5}.developer-console .console-create-button{flex-shrink:0;padding-inline:22px;box-shadow:0 4px 12px #0866d912}.developer-console .console-create-button>span{font-size:22px;font-weight:400;line-height:1}.developer-console .console-empty-state{background:radial-gradient(at 50% 0,#fff 5%,#f8fcff 50%,#edf6ff 100%);border:1px solid #daeafb;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 4px 18px #1766a807}.developer-console .console-empty-state:before{content:"";pointer-events:none;background:linear-gradient(#e8f4ff99,#fff0);border-radius:50%;height:180px;position:absolute;top:38%;left:-20%;right:-10%;transform:rotate(-8deg)}.developer-console .console-empty-content{text-align:center;flex-direction:column;align-items:center;padding:20px 28px 14px;display:flex;position:relative}.developer-console .console-empty-art{width:min(360px,100%);height:auto;margin:0 auto 4px;display:block}.developer-console .console-empty-content h2{margin:0 0 10px;font-size:25px;line-height:1.3}.developer-console .console-empty-content>p{color:#60799d;text-wrap:pretty;max-width:550px;margin:0 0 18px;font-size:14px;line-height:1.65}.developer-console .console-empty-benefits{background:#fffffff2;border:1px solid #f1f6fd;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 12px 12px;padding:16px 8px;display:grid;position:relative}.developer-console .console-empty-benefits>div{justify-content:center;align-items:center;gap:14px;min-width:0;padding:0 14px;display:flex}.developer-console .console-empty-benefits>div+div{border-left:1px solid var(--border)}.developer-console .console-benefit-icon{width:40px;height:40px;color:var(--primary);background:#eaf4ff;border-radius:50%;flex:0 0 40px;place-items:center;display:grid}.developer-console .console-benefit-icon svg{width:21px;height:21px}.developer-console .console-empty-benefits p{gap:4px;margin:0;font-size:11px;line-height:1.5;display:grid}.developer-console .console-empty-benefits strong{color:var(--text);font-weight:650}.developer-console .console-empty-benefits p>span{color:#627c9e}.developer-console .mini-app-list{grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:20px;display:grid}.developer-console .mini-app-card{border:1px solid var(--border);min-width:0;color:var(--text);background:#fff;border-radius:16px;flex-direction:column;align-items:stretch;gap:22px;padding:22px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px 6px #10233f03}.developer-console .mini-app-card:hover{border-color:#a7caf3;box-shadow:0 8px 24px #1765a80c}.developer-console .console-app-card-heading{align-items:center;gap:14px;min-width:0;display:flex}.developer-console .console-app-card-heading>div{gap:8px;min-width:0;display:grid}.developer-console .console-app-card-heading strong{overflow-wrap:anywhere;font-size:16px;line-height:1.4}.developer-console .mini-logo{border-radius:13px;width:52px;height:52px}.developer-console .mini-logo-placeholder{color:var(--primary);background:#edf5ff}.developer-console .mini-logo-placeholder svg{width:24px;height:24px}.developer-console .mini-app-card-content{flex:1;gap:6px}.developer-console .console-field-label{color:#8092aa;letter-spacing:.08em;font-size:10px;font-weight:650}.developer-console .mini-app-card-content code{color:#5b708f;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.developer-console .mini-status{color:#52657e;background:#f0f4f8;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600}.developer-console .mini-status[data-status=Approved],.developer-console .mini-status[data-status=Published]{color:#166b45;background:#eaf8f1}.developer-console .mini-status[data-status=PendingReview],.developer-console .mini-status[data-status=ConfigurationIncomplete],.developer-console .mini-status[data-status=ChangesRequested]{color:#8b5d13;background:#fff7e8}.developer-console .mini-status[data-status=Rejected],.developer-console .mini-status[data-status=Suspended]{color:#ab3543;background:#fff0f1}.developer-console .console-app-card-footer{color:#7a8ba3;border-top:1px solid #edf2f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;font-size:11px;display:flex}.developer-console .console-app-card-footer time{color:#4f6583;margin-top:3px;font-size:12px;display:block}.developer-console .console-card-link{color:var(--primary);align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.developer-console .console-card-link svg{width:16px;height:16px}.developer-console .console-overview-summary{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:20px;margin-bottom:24px;padding:22px 24px;display:flex}.developer-console .console-overview-icon{width:48px;height:48px;color:var(--primary);background:#eaf4ff;border-radius:12px;place-items:center;display:grid}.developer-console .console-overview-summary>div{color:var(--secondary);gap:2px;font-size:12px;display:grid}.developer-console .console-overview-summary strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:28px;line-height:1.3}.developer-console .console-overview-summary>a{color:var(--primary);align-items:center;gap:7px;margin-left:auto;font-size:13px;display:flex}.developer-console .console-overview-summary>a svg{width:16px;height:16px}.developer-console .mini-tabs{border:1px solid var(--border);background:#fff;border-radius:12px;gap:6px;margin-bottom:22px;padding:6px}.developer-console .mini-tabs button{color:#657994;border-radius:8px;padding:10px 14px}.developer-console .mini-tabs button[aria-selected=true]{color:var(--primary);background:#eaf4ff}.developer-console .mini-section,.developer-console .settings-section{border:1px solid var(--border);background:#fff;border-radius:16px;margin:0 0 22px;padding:26px}.developer-console .mini-section h2,.developer-console .settings-section h2{margin:0 0 20px}.developer-console .mini-section p,.developer-console .settings-section p{color:var(--secondary)}.developer-console .mini-detail-heading{margin:20px 0 24px}.developer-console .form-field input,.developer-console .form-field select,.developer-console .form-field textarea{color:var(--text);background:#fff;border-color:#d7e3f2;border-radius:9px;min-height:44px}.developer-console .form-field label{color:#3c5270;font-size:13px;font-weight:600}.developer-console .field-help{color:var(--secondary);font-size:12px}.developer-console .notice{color:#405d80;background:#f0f7ff;border:1px solid #dae8fa;border-radius:12px;padding:18px}.developer-console .mini-credential{background:#f7faff!important}.developer-console .mini-domain-section,.developer-console .mini-readiness-section{border-color:var(--border)}.developer-console .review-history-list{margin:0}.developer-console .review-workspace>.console-breadcrumb,.developer-console .review-workspace>.console-page-heading{margin-bottom:0}.developer-console .review-history-list li{border:1px solid var(--border);background:#fff;border-radius:14px;margin-bottom:12px;padding:22px}.developer-console .mini-actions{gap:12px;font-size:13px}.developer-console .mini-dialog{border-color:var(--border);color:var(--text);border-radius:18px;padding:28px;box-shadow:0 24px 80px #10233f26}.developer-console .mini-dialog h2{font-size:22px}.developer-console .mini-dialog::backdrop{backdrop-filter:blur(3px);background:#10233f66}.developer-console .mini-danger{color:#fff;background:#b4313e;border-color:#b4313e}.developer-console .button.mini-danger:hover:not(:disabled){background:#962633;border-color:#962633}.developer-site.developer-console .form-error,.developer-site.developer-console [role=alert],.developer-site.developer-console [role=alert] p{color:var(--error,#b4313e)}.developer-site.developer-console .notice[role=alert]{background:#fff3f4;border-color:#f1c4ca}.developer-console .mini-section .mini-save-notice{color:#216540}.developer-console .mini-skeletons{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.developer-console .mini-skeleton{background:#e8eff8;height:210px}.developer-console .console-mobile-toggle{display:none}.developer-console .console-drawer{box-sizing:border-box;border:0;border-right:1px solid var(--border);width:min(290px,86vw);height:100dvh;max-height:100dvh;color:var(--text);font:inherit;background:#fff;border-radius:0;margin:0;padding:24px 18px;position:fixed;inset:0 auto 0 0}.developer-console .console-drawer::backdrop{backdrop-filter:blur(2px);background:#10233f66}.developer-console .console-drawer-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.developer-console .console-drawer-heading .console-nav-label{margin:0 8px}.developer-site .account-menu summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;line-height:1.4;list-style:none;display:flex}.developer-site .account-menu summary::-webkit-details-marker{display:none}.developer-site .account-identity{text-align:left;gap:2px;max-width:170px;display:grid}.developer-site .account-identity strong,.developer-site .account-identity>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.developer-site .account-identity strong{color:#10233f;font-size:12px}.developer-site .account-identity>span{color:#64748b;font-size:11px}.developer-site .account-menu summary>.landing-icon{color:#8395ae;width:14px;height:14px;transform:rotate(90deg)}.developer-console .account-dropdown{border-color:var(--border);border-radius:12px;padding:20px;box-shadow:0 12px 36px #10233f14}.developer-console .account-dropdown>a{color:var(--primary);padding:12px 0}.developer-console .account-dropdown>button{min-height:36px;font-size:13px}.developer-console .avatar{color:var(--primary);background:#eaf4ff}@media (width<=1200px){.developer-console .console-empty-benefits>div{gap:10px;padding-inline:10px}.developer-console .console-empty-benefits p{font-size:10px}}@media (width<=1023px){.developer-console .console-layout{display:block}.developer-console .console-sidebar{display:none}.developer-console .console-content{padding:24px}.developer-console .console-mobile-toggle{border:1px solid var(--border);color:#365172;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:42px;margin-bottom:22px;padding:8px 12px;font-size:12px;display:inline-flex}.developer-console .console-mobile-toggle svg{width:18px;height:18px}}@media (width<=1000px){.developer-console .developer-public-header .header-inner{flex-wrap:wrap;gap:16px;width:calc(100% - 40px);min-height:72px;display:flex}.developer-console .developer-public-header .header-inner .header-actions,.developer-console .developer-public-header .header-inner .header-actions.is-open{margin:0 0 0 auto;padding:0;display:flex}.developer-console .developer-public-header .header-inner .landing-menu-toggle{order:2;margin:0;display:flex}.developer-console .developer-public-header .header-inner .landing-navigation.is-open{flex-basis:100%;order:3;margin:0;padding:12px 0}}@media (width<=700px){.developer-console .console-content{padding:20px 16px 32px}.developer-console .console-page-heading{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:22px}.developer-console .console-content h1{font-size:26px}.developer-console .console-page-heading .button{align-self:flex-start}.developer-console .console-empty-content{padding:20px 18px}.developer-console .console-empty-content h2{font-size:22px}.developer-console .console-empty-content>p{font-size:13px}.developer-console .console-empty-art{width:280px;max-width:100%}.developer-console .console-empty-benefits{grid-template-columns:1fr;padding:6px 16px}.developer-console .console-empty-benefits>div{justify-content:flex-start;padding:12px 0}.developer-console .console-empty-benefits>div+div{border-left:0;border-top:1px solid var(--border)}.developer-console .console-empty-benefits p{font-size:11px}.developer-console .mini-app-list,.developer-console .mini-skeletons{grid-template-columns:1fr}.developer-console .mini-section,.developer-console .settings-section{padding:20px 16px}.developer-console .console-overview-summary{flex-wrap:wrap;padding:20px}.developer-console .console-overview-summary>a{width:100%;margin:0}.developer-console .review-heading{align-items:stretch}.developer-site .account-identity,.developer-console .account-menu summary>.landing-icon{display:none}.developer-console .developer-public-header .header-inner{gap:12px;width:calc(100% - 32px)}.developer-console .developer-public-header .brand{font-size:14px}.developer-console .developer-public-header .brand img{width:30px;height:30px}.developer-console .avatar{width:34px;height:34px}.developer-console .account-dropdown{width:min(280px,100vw - 32px);right:-48px}}@media (prefers-reduced-motion:reduce){.developer-console *{scroll-behavior:auto;transition:none!important}}