@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#16233d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#16233d;--muted:#718097;--line:#e8edf4;--blue:#4369ed;background:#fff;font-family:Noto Sans SC,DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{--page:#f4f6f9;--surface:#fff;--surface-soft:#f8faff;--ink:#0b1837;--text:#263652;--muted:#78869b;--line:#e6ebf2;--blue:#2869e2;--blue-soft:#e8efff;--shadow:0 18px 48px #42547212;min-height:100vh;color:var(--text);background:var(--page);transition:background .25s,color .25s}.topbar{justify-content:space-between;align-items:center;max-width:1060px;height:89px;margin:0 auto;padding:0 26px;display:flex}.brand{color:#10285d;align-items:center;gap:13px;text-decoration:none;display:inline-flex}.brand-icon{color:#fff;background:#236dd5;border:3px solid #d5e4fd;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 9px #1c5bb133}.brand-icon:before{content:"";background:#1d57b0;border-radius:5px;position:absolute;inset:4px 3px}.brand-icon span{z-index:1;color:#f8cd34;text-shadow:1px 1px #fff;font-family:Arial,sans-serif;font-size:22px;font-style:italic;font-weight:800;line-height:1;position:relative}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-copy small{color:#2664cf;letter-spacing:.04em;margin-bottom:5px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:800}.brand-copy strong{color:var(--ink);letter-spacing:-.04em;font-size:21px}.top-nav{background:#fffffff0;border:1px solid #eef1f5;border-radius:18px;align-items:center;gap:5px;min-height:51px;padding:5px 9px 5px 6px;display:flex;box-shadow:0 8px 25px #4456750f}.top-nav button{color:#516581;white-space:nowrap;background:0 0;border:0;border-radius:21px;min-height:40px;padding:0 14px;font-size:13px;font-weight:700;transition:color .2s,background .2s,box-shadow .2s}.top-nav button:hover{color:#2664cf}.top-nav button.is-active{color:#2867e2;background:#e5edff;box-shadow:0 2px 5px #3a6bd10f}.nav-divider{background:#e1e5eb;width:1px;height:22px;margin:0 7px 0 4px}.top-nav .theme-button{color:#566681;place-items:center;width:36px;padding:0;display:grid}.top-nav .theme-button:hover{background:#f2f5f9}.workspace{background:var(--surface);max-width:1060px;min-height:530px;box-shadow:var(--shadow);border:1px solid #eaedf3bf;border-radius:24px;margin:0 auto;padding:37px 38px 42px}.notices{flex-direction:column;gap:11px;display:flex}.notice{color:#5a7aa7;border-radius:13px;align-items:center;gap:11px;min-height:50px;padding:10px 14px;font-size:12px;line-height:1.55;display:flex}.notice-info{background:#eef4ff}.notice-info .icon{color:#2867df;flex:none}.notice-warning{color:#ab6a30;background:#fff5ed}.notice-warning .icon{color:#c4660f;flex:none}.page-title-row{justify-content:space-between;align-items:center;gap:40px;margin:24px 2px 18px;display:flex}.service-label{color:#536cf0;letter-spacing:.02em;align-items:center;gap:6px;margin:0 0 7px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:800;display:flex}.service-label .icon{color:#6877ff}h1{color:var(--ink);letter-spacing:-.065em;margin:0;font-size:40px;font-weight:800;line-height:1.16}.stepper{color:#bdc4cf;align-items:center;min-width:410px;display:flex}.step{white-space:nowrap;align-items:center;gap:9px;display:flex}.step-number{color:#a8b0bc;background:var(--surface);border:1px solid #cbd0d9;border-radius:50%;place-items:center;width:30px;height:30px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;display:grid}.step-name{font-size:14px;font-weight:600}.step-line{background:#c7ccd5;width:47px;height:1px;margin:0 11px}.step.is-active .step-number{border-color:var(--blue);color:#fff;background:var(--blue)}.step.is-active .step-name{color:#1a3b7a}.step.is-active .step-line{background:#9db9ec}.step.is-current .step-name{color:#2454ab}.activation-card{background:var(--surface);border:1px solid #f0f3f7;border-radius:17px;padding:22px 34px 30px;box-shadow:0 10px 30px #3346680e}.activation-card label{color:var(--text);margin:0 0 8px 2px;font-size:13px;font-weight:500;display:block}.flow-card{padding-top:24px}.form-section+.form-section{border-top:1px solid var(--line);margin-top:27px;padding-top:26px}.form-section-title{align-items:center;gap:11px;margin-bottom:19px;display:flex}.form-section-title>span{color:#fff;background:linear-gradient(135deg,#3477ed,#7152ea);border-radius:9px;place-items:center;width:28px;height:28px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:800;display:grid;box-shadow:0 6px 12px #4663e02e}.form-section-title div{flex-direction:column;gap:2px;display:flex}.form-section-title strong{color:var(--ink);font-size:15px}.form-section-title small{color:var(--muted);font-size:11px}.input-wrap{position:relative}.input-wrap input,textarea{width:100%;color:var(--text);background:var(--surface);border:1px solid #dce4ef;border-radius:13px;outline:0;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-wrap input{height:43px;padding:0 14px}.input-wrap input:focus,textarea:focus{border-color:#7fa6ed;box-shadow:0 0 0 4px #497ee51a}.input-wrap input::placeholder,textarea::placeholder{color:#b1bac7}.input-count{color:#aeb8c7;font-size:10px;position:absolute;top:13px;right:13px}textarea{resize:vertical;min-height:125px;padding:13px 14px;font-family:inherit;line-height:1.65}.field-error{color:#c65350;margin:9px 2px -2px;font-size:11px}.field-hint{color:var(--muted);margin:8px 2px -2px;font-size:11px}.demo-helper{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:8px 2px 0;font-size:10px;display:flex}.demo-helper button{color:#4b6fd0;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.demo-helper button:hover{text-decoration:underline}.activation-actions{align-items:center;gap:13px;margin-top:25px;display:flex}.button{border:0;border-radius:21px;justify-content:center;align-items:center;gap:7px;min-height:41px;padding:0 18px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,.top-nav button:focus-visible,.view-switch button:focus-visible,.type-switch button:focus-visible{outline-offset:3px;outline:3px solid #3a6cdf40}.button-verify{color:#fff;background:linear-gradient(118deg,#3f70ee,#8530ed);min-width:80px;box-shadow:0 9px 16px #5b49e138}.button-verify:hover:not(:disabled){box-shadow:0 11px 20px #5b49e14d}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-secondary{color:var(--text);background:var(--surface);border:1px solid #e1e7ef;box-shadow:0 7px 14px #2d3c5712}.button-secondary:hover:not(:disabled){border-color:#b8c8df}.button-ghost{color:var(--muted);background:0 0;padding-left:8px;padding-right:8px}.button-wide{min-width:154px}.verify-success{background:#f2fbf7;border:1px solid #caebdc;border-radius:13px;align-items:center;gap:11px;margin-top:13px;padding:12px 14px;display:flex}.success-icon{color:#fff;background:#32ad7a;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.verify-success>div:nth-child(2){flex-direction:column;flex:1;gap:2px;display:flex}.verify-success strong{color:#237959;font-size:13px}.verify-success span{color:#6b8c7f;font-size:11px}.status-badge{white-space:nowrap;border-radius:14px;align-items:center;gap:6px;min-height:27px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge>span{background:currentColor;border-radius:50%;width:6px;height:6px}.status-success{color:#21835f;background:#e8f8f1}.status-info{color:#3269bf;background:#eaf1fd}.status-warning{color:#a86827;background:#fff2e3}.status-danger{color:#b84c4c;background:#fdeaea}.status-muted{color:#758296;background:#eef1f5}.secure-auth-panel{background:#f7faff;border:1px dashed #b9ccef;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px;display:grid}.secure-auth-icon{color:#486ee0;background:#e5edff;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.secure-auth-panel strong{color:var(--ink);font-size:14px}.secure-auth-panel p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.6}.account-confirmed{background:#f3fbf7;border:1px solid #caebdc;border-radius:15px;align-items:center;gap:12px;padding:15px;display:flex}.account-avatar{color:#2b8263;background:#d9f3e8;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.account-confirmed>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.account-confirmed strong{color:var(--ink);font-size:13px}.account-confirmed span{color:var(--muted);font-size:11px}.safe-label{align-items:center;gap:5px;display:inline-flex;color:#27805f!important}.order-detail{border-top:1px solid var(--line);margin-top:25px;padding-top:24px}.order-detail:first-child{border-top:0;margin-top:0;padding-top:0}.order-detail-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-caption{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:800;display:block}.order-detail h2,.subscription-card h2{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:20px}.order-timeline{grid-template-columns:repeat(3,1fr);margin:27px 0 25px;display:grid}.timeline-step{color:#a0a9b7;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex;position:relative}.timeline-step i{z-index:0;background:#dfe4eb;height:1px;position:absolute;top:14px;left:31px;right:10px}.timeline-dot{z-index:1;color:#a4adba;background:var(--surface);border:1px solid #d2d8e1;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-family:DM Sans,sans-serif;font-size:11px;display:grid;position:relative}.timeline-step.is-reached{color:#375eaa}.timeline-step.is-reached .timeline-dot{color:#fff;background:#4d7be3;border-color:#4d7be3}.timeline-step.is-reached i{background:#9db7ef}.timeline-step.is-failed{color:#b84c4c}.timeline-step.is-failed .timeline-dot{background:#c75858;border-color:#c75858}.detail-grid{border:1px solid var(--line);background:var(--line);border-radius:13px;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;display:grid;overflow:hidden}.detail-grid div{background:var(--surface-soft);min-width:0;padding:12px 14px}.detail-grid dt{color:var(--muted);margin-bottom:4px;font-size:10px}.detail-grid dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:600;overflow:hidden}.failure-box{color:#a64848;background:#fdeeee;border-radius:11px;align-items:center;gap:8px;margin-top:12px;padding:11px 13px;font-size:11px;display:flex}.demo-note{color:#7789a6;align-items:center;gap:7px;margin:14px 0 0;font-size:10px;line-height:1.5;display:flex}.view-switch,.type-switch{border:1px solid var(--line);background:var(--surface-soft);border-radius:13px;padding:4px;display:inline-flex}.view-switch button,.type-switch button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.view-switch button.is-active,.type-switch button.is-active{color:#2a61c2;background:var(--surface);box-shadow:0 4px 12px #334b7617}.query-card{min-height:205px}.field-row{align-items:end;gap:14px;display:flex}.field-row.align-start{align-items:start}.field-grow{flex:1;min-width:0}.type-switch{flex:none;margin-bottom:1px}.textarea-meta{color:var(--muted);justify-content:space-between;gap:20px;margin:8px 2px 0;font-size:10px;display:flex}.textarea-meta strong{color:#536b90}.batch-results{border-top:1px solid var(--line);margin-top:25px;padding-top:21px}.batch-results-head{justify-content:space-between;margin-bottom:10px;display:flex}.batch-results-head strong{color:var(--ink);font-size:13px}.batch-results-head span{color:var(--muted);font-size:10px}.batch-table{border:1px solid var(--line);border-radius:13px;overflow:hidden}.batch-row{border-top:1px solid var(--line);min-height:48px;color:var(--muted);grid-template-columns:minmax(160px,1.25fr) 110px minmax(150px,1fr) 1fr;align-items:center;padding:8px 13px;font-size:11px;display:grid}.batch-row:first-child{border-top:0}.batch-row strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.batch-header{color:#8290a6;background:var(--surface-soft);min-height:35px;font-size:10px;font-weight:700}.subscription-card{min-height:340px}.subscription-empty{text-align:center;max-width:490px;margin:15px auto 3px}.subscription-visual{color:#426de3;background:linear-gradient(145deg,#e4edff,#f4efff);border-radius:26px;place-items:center;width:84px;height:84px;margin:0 auto 19px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #4667d514}.orbit{border:1px solid #4a68dc26;border-radius:50%;position:absolute}.orbit-one{width:110px;height:46px;transform:rotate(25deg)}.orbit-two{width:108px;height:42px;transform:rotate(-35deg)}.subscription-empty h2{font-size:23px}.subscription-empty>p{max-width:420px;color:var(--muted);margin:9px auto 20px;font-size:12px;line-height:1.75}.privacy-line{color:#8290a5;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:10px;display:flex}.subscription-dashboard{padding:4px 2px}.account-hero{justify-content:space-between;align-items:center;padding:5px 0 20px;display:flex}.account-hero h2{font-size:28px}.account-hero p{color:var(--muted);margin:5px 0 0;font-size:11px}.subscription-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.subscription-stats>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;grid-template-columns:34px 1fr;align-items:center;padding:15px;display:grid}.subscription-stats .icon{color:#5074d8;grid-row:1/3}.subscription-stats span{color:var(--muted);font-size:10px}.subscription-stats strong{color:var(--text);margin-top:3px;font-size:12px}.subscription-info{border:1px solid var(--line);background:var(--line);border-radius:13px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:14px;display:grid;overflow:hidden}.subscription-info>div{background:var(--surface);flex-direction:column;gap:5px;padding:13px;display:flex}.subscription-info span{color:var(--muted);font-size:10px}.subscription-info strong{color:var(--text);font-size:12px}.query-mark{color:#c1c9d5;letter-spacing:.15em;font-family:DM Sans,sans-serif;font-size:11px;font-weight:800}.page-footer{color:#98a4b4;letter-spacing:.02em;justify-content:space-between;align-items:center;max-width:1060px;margin:0 auto;padding:18px 3px 26px;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:10px;display:flex}.api-indicator{align-items:center;gap:6px;display:inline-flex}.api-indicator i{background:#b8c0cc;border-radius:50%;width:6px;height:6px}.api-indicator i.is-online{background:#36b77e;box-shadow:0 0 0 3px #36b77e1f}.theme-dark{--page:#111a2b;--surface:#18243a;--surface-soft:#1d2b43;--ink:#f2f6ff;--text:#dce6f7;--muted:#9eacc1;--line:#2c3a52;--shadow:0 18px 48px #00000026}.theme-dark .brand{color:#f2f6ff}.theme-dark .top-nav{background:#18243a;border-color:#263550}.theme-dark .top-nav button{color:#aebbd1}.theme-dark .top-nav button.is-active{color:#c8d7ff;background:#2d4677}.theme-dark .top-nav .theme-button:hover{background:#22314a}.theme-dark .workspace,.theme-dark .activation-card{border-color:#263550}.theme-dark .notice-info{color:#c6d7fa;background:#203454}.theme-dark .notice-warning{color:#d9b18b;background:#463121}.theme-dark .notice-warning .icon{color:#ed9b48}.theme-dark .input-wrap input,.theme-dark textarea{border-color:#334563}.theme-dark .verify-success,.theme-dark .account-confirmed{background:#1d3a32;border-color:#2d594a}.theme-dark .verify-success strong,.theme-dark .account-confirmed strong{color:#bcebd7}.theme-dark .secure-auth-panel{background:#1c2c46;border-color:#405c8e}.theme-dark .secure-auth-icon{background:#263c67}.theme-dark .button-secondary{border-color:#34445f}.theme-dark .step.is-active .step-name{color:#bcd0ff}.theme-dark .batch-header{color:#aab7ca}@media (width<=860px){.topbar{padding:0 19px}.workspace{margin:0 12px;padding:28px 22px 32px}.page-title-row{flex-direction:column;align-items:flex-start;gap:18px}.stepper{width:100%;min-width:0}.view-switch{align-self:stretch}.detail-grid,.subscription-info{grid-template-columns:repeat(2,1fr)}.batch-row{grid-template-columns:minmax(130px,1fr) 100px minmax(130px,1fr)}.batch-row>span:last-child{display:none}}@media (width<=620px){.topbar{flex-direction:column;align-items:flex-start;gap:17px;height:auto;padding-top:19px;padding-bottom:18px}.top-nav{justify-content:space-between;align-self:stretch;width:100%}.top-nav button{flex:1;padding:0 7px;font-size:12px}.nav-divider{margin-left:3px;margin-right:3px}.top-nav .theme-button{flex:0 0 36px}.workspace{border-radius:18px}h1{font-size:33px}.step-line{width:22px;margin:0 6px}.step-name{font-size:12px}.activation-card{padding:19px 18px 24px}.activation-actions{flex-wrap:wrap}.secure-auth-panel{grid-template-columns:auto 1fr}.secure-auth-panel .button{grid-column:1/-1;width:100%}.account-confirmed{flex-wrap:wrap;align-items:flex-start}.safe-label{width:100%;padding-left:54px}.field-row{flex-direction:column;align-items:stretch}.type-switch{align-self:flex-start}.order-timeline{gap:3px}.timeline-step{flex-direction:column;align-items:flex-start;gap:5px;font-size:10px}.timeline-step i{top:14px;left:30px;right:-4px}.detail-grid{grid-template-columns:1fr}.batch-table{overflow-x:auto}.batch-row{min-width:560px}.subscription-stats{grid-template-columns:1fr}.subscription-info{grid-template-columns:1fr 1fr}.page-footer{flex-wrap:wrap;gap:8px 14px;padding:16px 17px 24px}.api-indicator{order:3;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}