:root{--ink: #101722;--muted: #667085;--faint: #98a2b3;--line: #e4e8ef;--canvas: #f4f7fb;--paper: #ffffff;--navy: #07111f;--navy-2: #111c2e;--blue: #1d5fd6;--cyan: #18a8b7;--green: #15946b;--amber: #f59e35;--red: #e14d5b;--violet: #6d5ce7;--pink: #e84278;--radius: 8px;--shadow: 0 18px 44px rgba(18, 28, 45, .08);color:var(--ink);background:var(--canvas);font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.62}button,input,pre{border:0}.console-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;background:linear-gradient(135deg,#1d5fd614,#18a8b70f 44%,#15946b0d),var(--canvas)}.auth-shell{display:grid;grid-template-columns:minmax(560px,55vw) minmax(460px,45vw);min-height:100vh;background:radial-gradient(circle at 20% 12%,rgba(29,95,214,.24),transparent 26%),radial-gradient(circle at 76% 72%,rgba(24,168,183,.18),transparent 28%),var(--canvas)}.auth-brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(38px,4vw,58px);color:#fff;background:radial-gradient(circle at 22% 18%,rgba(44,122,255,.42),transparent 30%),linear-gradient(180deg,#091426,#050b14)}.auth-brand-panel>.brand-lockup,.auth-copy,.auth-feature-grid{position:relative;z-index:2}.ai-network{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.network-grid{position:absolute;top:-44px;right:-44px;bottom:-44px;left:-44px;background-image:linear-gradient(rgba(100,174,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(100,174,255,.12) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 52% 42%,#000,transparent 72%);mask-image:radial-gradient(circle at 52% 42%,#000,transparent 72%);animation:gridDrift 18s linear infinite;will-change:transform}.globe-core{position:absolute;left:68%;top:42%;display:grid;place-items:center;width:178px;height:178px;transform:translate(-50%,-50%);border:1px solid rgba(118,193,255,.35);border-radius:50%;color:#dff2ffe6;background:radial-gradient(circle at 42% 35%,rgba(64,205,255,.42),transparent 28%),radial-gradient(circle at 50% 55%,#2d66ff3d,#07111f6b 68%);box-shadow:0 0 42px #2d8dff57,inset 0 0 36px #58c6ff29;animation:globePulse 3.6s ease-in-out infinite}.globe-core span{position:absolute;bottom:34px;color:#c7ddff;font-size:12px;font-weight:800}.orbit{position:absolute;left:68%;top:42%;border:1px solid rgba(125,190,255,.22);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg)}.orbit-one{width:360px;height:360px;animation:orbitSpin 12s linear infinite}.orbit-two{width:510px;height:510px;animation:orbitSpin 18s linear infinite reverse}.orbit-three{width:650px;height:650px;border-color:#27e0ca29;animation:orbitSpin 24s linear infinite}.beam{position:absolute;left:68%;top:42%;width:46%;height:2px;transform-origin:left center;background:linear-gradient(90deg,#4aa6ff00,#4fd1ffd1,#4aa6ff00);filter:drop-shadow(0 0 10px rgba(79,209,255,.8));opacity:.72}.beam-one{transform:rotate(23deg);animation:beamSweep 4.5s ease-in-out infinite}.beam-two{transform:rotate(143deg);animation:beamSweep 5.2s ease-in-out infinite .8s}.beam-three{transform:rotate(278deg);animation:beamSweep 5.8s ease-in-out infinite 1.4s}.network-node{position:absolute;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid rgba(124,199,255,.26);border-radius:999px;color:#dff4ff;background:#07111f94;box-shadow:0 0 26px #1d5fd62e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:nodeFloat 4.4s ease-in-out infinite;will-change:transform}.network-node span{font-size:12px;font-weight:800}.node-claude,.node-qwen{animation-delay:-1.4s}.node-deepseek,.node-gemini{animation-delay:-2.2s}.node-openai{color:#edf6ff}.node-claude{color:#ffd8a7}.node-deepseek{color:#a9e8ff}.node-gemini{color:#d8cdff}.node-qwen{color:#baf7df}.auth-copy h1{max-width:600px;margin:12px 0 16px;font-size:clamp(36px,3.2vw,56px);line-height:1.08;letter-spacing:0;text-shadow:0 12px 34px rgba(0,0,0,.48)}.auth-copy p{max-width:580px;color:#c0cee0;font-size:clamp(15px,1.05vw,18px);line-height:1.62;text-shadow:0 8px 22px rgba(0,0,0,.48)}.auth-copy{width:min(700px,92%);padding:clamp(18px,2vw,28px);margin-left:clamp(-22px,-1.4vw,-12px);border-radius:18px;background:linear-gradient(90deg,#050b14c2,#050b145c 70%,#050b1400);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.auth-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px;width:min(650px,100%)}.auth-feature-grid div{padding:16px;border:1px solid rgba(151,169,198,.2);border-radius:var(--radius);background:#ffffff12}.auth-feature-grid strong,.auth-feature-grid span{display:block}.auth-feature-grid strong{color:#9fb0c8;font-size:12px}.auth-feature-grid span{margin-top:8px;color:#fff;font-size:clamp(20px,1.7vw,26px);font-weight:800}.auth-card{display:flex;flex-direction:column;align-self:center;width:min(500px,calc(100% - 120px));min-height:590px;margin:0 auto;padding:clamp(24px,2.1vw,34px);border:1px solid var(--line);border-radius:var(--radius);background:#fffffff2;box-shadow:0 26px 70px #121c2d21}.auth-tabs{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:5px;border-radius:var(--radius);background:#eef3fa}.auth-tab-indicator{position:absolute;inset:5px auto 5px 5px;width:calc(50% - 9px);border-radius:var(--radius);background:var(--navy);box-shadow:0 12px 22px #121c2d2e;transition:transform .42s cubic-bezier(.16,1,.3,1);will-change:transform}.mode-login .auth-tab-indicator{transform:translate(calc(100% + 8px))}.auth-tabs button,.auth-submit,.wechat-login{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:var(--radius);color:var(--muted);background:transparent}.auth-tabs button.active{color:#fff;background:transparent}.auth-mode-note{min-height:118px;animation:authSwap .42s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.auth-mode-note>span{display:block;margin-top:22px;color:var(--blue);font-size:12px;font-weight:800}.auth-mode-note strong{display:block;margin:8px 0;font-size:clamp(22px,1.7vw,28px);letter-spacing:0}.auth-mode-note p,.auth-card small{color:var(--muted);line-height:1.6}.auth-form-body{min-height:254px;animation:formSlide .42s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.auth-method-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;padding:5px;border-radius:var(--radius);background:#eef3fa}.auth-method-switch.compact{margin-top:12px}.auth-method-switch button{min-height:34px;border-radius:var(--radius);color:var(--muted);background:transparent;font-size:13px;font-weight:800;transition:color .22s ease,background .22s ease,transform .22s ease}.auth-method-switch button.active{color:#fff;background:var(--navy);box-shadow:0 10px 20px #121c2d24}.auth-method-switch button:hover{transform:translateY(-1px)}.auth-card label{display:grid;gap:8px;margin-top:12px}.auth-card label span{color:#344054;font-size:13px;font-weight:800}.auth-card input{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);outline:0;background:#f8fafc}.auth-card input.field-invalid{border-color:#e14d5b94;background:#fff7f7}.code-input-row{display:grid;grid-template-columns:minmax(0,1fr) 106px;gap:10px}.code-input-row button{min-height:42px;border-radius:var(--radius);color:var(--blue);background:#edf4ff;font-weight:800;transition:background .2s ease,transform .2s ease}.code-input-row button:hover{background:#dfeaff;transform:translateY(-1px)}.code-input-row button:disabled:hover{transform:none}.auth-login-hint{display:inline-flex;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:14px;padding:0 12px;border-radius:var(--radius);color:#526173;background:#f2f6fb;font-size:13px;font-weight:700}.auth-submit{width:100%;margin:auto 0 10px;color:#fff;background:var(--blue);font-weight:800;box-shadow:0 14px 28px #1d5fd638;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1);will-change:transform}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 18px 34px #1d5fd647}.auth-submit:disabled:hover{transform:none;box-shadow:0 14px 28px #1d5fd638}.wechat-login{width:100%;margin-bottom:12px;color:#123a2c;background:#eaf8f1;font-weight:800;transition:transform .24s cubic-bezier(.16,1,.3,1),background .24s ease}.wechat-login:hover{transform:translateY(-1px);background:#dcf4ea}.terms-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;margin-top:14px!important;color:var(--muted);font-size:13px;line-height:1.5}.terms-check input{width:16px;min-height:16px;margin-top:2px;accent-color:var(--blue)}.terms-check span{color:var(--muted)!important;font-weight:700!important}.auth-alert{display:flex;align-items:center;min-height:36px;margin:8px 0;padding:0 12px;border-radius:var(--radius);font-size:13px;font-weight:800}.auth-alert.error{color:#b42318;background:#fff1f1}.auth-alert.success{color:#05603a;background:#ecfdf3}@keyframes gridDrift{0%{transform:translateZ(0)}to{transform:translate3d(44px,44px,0)}}@keyframes globePulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}@keyframes orbitSpin{0%{transform:translate(-50%,-50%) rotateX(68deg) rotate(0)}to{transform:translate(-50%,-50%) rotateX(68deg) rotate(360deg)}}@keyframes beamSweep{0%,to{opacity:.24}50%{opacity:.86}}@keyframes nodeFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-12px,0)}}@keyframes authSwap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes formSlide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes sideShine{0%{transform:skew(-18deg) translate(0)}to{transform:skew(-18deg) translate(420%)}}@keyframes viewEnter{0%{opacity:0;transform:translate3d(0,14px,0) scale(.992);filter:blur(6px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes cardShine{0%{transform:skew(-18deg) translate(0)}to{transform:skew(-18deg) translate(520%)}}.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:24px;padding:26px 20px;color:#d8e2f0;background:radial-gradient(circle at 20% 4%,rgba(29,95,214,.36),transparent 28%),linear-gradient(180deg,#091426,#050b14)}.brand-lockup{display:flex;align-items:center;gap:12px;padding-bottom:16px}.brand-lockup strong,.model-head strong,.inspector-title strong,.key-row strong,.gateway-card strong{display:block}.brand-lockup span{display:block;margin-top:2px;color:#8fa2bc;font-size:12px}.brand-glyph,.provider-mark,.key-icon,.account-avatar{display:grid;place-items:center}.brand-glyph{width:42px;height:42px;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 14px 28px #1d5fd640}.side-nav{display:grid;gap:8px;overflow:visible}.side-link{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;min-height:42px;padding:0 14px;border-radius:var(--radius);color:#9fb0c8;background:transparent;text-align:left;transform:translateZ(0);transition:color .26s ease,background .26s ease,box-shadow .26s ease,transform .32s cubic-bezier(.16,1,.3,1);will-change:transform}.side-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(116,174,255,0);border-radius:inherit;background:linear-gradient(90deg,#387aff42,#26d6e01f),radial-gradient(circle at 22% 50%,rgba(93,174,255,.24),transparent 38%);opacity:0;transition:opacity .28s ease,border-color .28s ease}.side-link:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-38%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-18deg) translate(0);opacity:0}.side-link svg,.side-link span{position:relative;z-index:1}.side-link svg{transition:transform .32s cubic-bezier(.16,1,.3,1),filter .26s ease}.side-link.active{color:#fff;background:#387aff33;box-shadow:inset 0 0 0 1px #87b0ff59,0 16px 30px #1b56c838}.side-link.active:before{border-color:#74aeff52;opacity:1}.side-link:hover,.support-link:hover{color:#fff;background:#ffffff0f}.side-link:hover{transform:translate3d(6px,-1px,0);box-shadow:inset 0 0 0 1px #74aeff47,0 14px 28px #0000002e,0 0 22px #2e90fa26}.side-link:hover:before{border-color:#74aeff57;opacity:1}.side-link:hover:after{opacity:1;animation:sideShine .72s ease forwards}.side-link:hover svg{transform:scale(1.08) rotate(-4deg);filter:drop-shadow(0 0 10px rgba(112,203,255,.58))}.side-link:active{transform:translate3d(4px,0,0) scale(.99)}.gateway-card{margin-top:auto;padding:16px;border:1px solid rgba(151,169,198,.16);border-radius:var(--radius);background:#ffffff0f}.gateway-card span{display:block;margin-top:4px;color:#9fb0c8;font-size:12px}.status-dot{width:9px;height:9px;margin-bottom:14px;border-radius:50%;background:#34d399;box-shadow:0 0 0 6px #34d39921}.mini-bars{display:flex;align-items:end;gap:5px;height:38px;margin-top:14px}.mini-bars i{display:block;flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#46d3df,#2b72ff)}.mini-bars i:nth-child(1){height:42%}.mini-bars i:nth-child(2){height:66%}.mini-bars i:nth-child(3){height:52%}.mini-bars i:nth-child(4){height:82%}.mini-bars i:nth-child(5){height:64%}.support-link{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border-radius:var(--radius);color:#9fb0c8;background:transparent}.console-main{min-width:0}.command-bar{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:76px;padding:16px 28px;border-bottom:1px solid rgba(228,232,239,.88);background:#fafcffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.command-bar.has-search .command-search{grid-column:2}.command-search{display:flex;align-items:center;gap:12px;width:min(620px,42vw);min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);color:var(--faint);background:#fff}.command-search input{width:100%;outline:0;color:var(--ink);background:transparent}.command-actions{display:flex;align-items:center;gap:10px;grid-column:3;margin-left:auto}.health-pill,.secondary-action,.primary-action,.copy-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:var(--radius);white-space:nowrap}.health-pill{color:var(--green);background:#e9f8f2;font-size:13px;font-weight:700}.secondary-action{color:#344054;background:#fff;border:1px solid var(--line)}.primary-action{color:#fff;background:var(--blue);box-shadow:0 12px 26px #1d5fd638}.account-avatar{width:40px;height:40px;border-radius:50%;border:1px solid rgba(15,23,42,.08);color:#fff;background:var(--navy-2);font-weight:800;box-shadow:0 12px 30px #121c2d29;transition:transform .24s ease,box-shadow .24s ease}.account-avatar:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 18px 38px #121c2d38}.account-menu-wrap{position:relative}.account-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:30;width:292px;padding:12px;border:1px solid rgba(226,232,240,.96);border-radius:14px;background:#fffffffa;box-shadow:0 24px 60px #0f172a2e;animation:menuEnter .2s ease}.account-menu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}@keyframes menuEnter{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.account-menu-head{display:grid;gap:4px;padding:10px 10px 12px;border-bottom:1px solid var(--line)}.account-menu-head strong{color:var(--navy);font-size:16px}.account-menu-head span,.account-menu-head small{color:var(--muted)}.account-menu-head small{font-size:12px}.account-balance-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.account-balance-row em{color:var(--navy);font-style:normal;font-weight:800}.account-recharge-button{min-height:30px;padding:0 12px;border-radius:9px;color:#fff;background:var(--blue);font-weight:800;transition:transform .22s ease,box-shadow .22s ease}.account-recharge-button:hover{transform:scale(1.05);box-shadow:0 12px 28px #1d5fd638}.account-recharge-button:disabled{opacity:.65;cursor:wait}.account-menu>button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;border-radius:10px;color:#344054;background:transparent;font-weight:800;text-align:left;transition:transform .22s ease,background .22s ease,color .22s ease}.account-menu>button:hover{transform:translate(3px);color:var(--blue);background:#f2f6ff}.account-menu>button.danger-menu-item{color:#b42318}.account-menu>button.danger-menu-item:hover{color:#b42318;background:#fff1f0}.onboarding-panel,.key-create-panel{display:grid;gap:18px;padding:22px;border:1px solid rgba(114,159,227,.24);border-radius:var(--radius);background:radial-gradient(circle at 92% 0%,rgba(24,168,183,.14),transparent 32%),linear-gradient(135deg,#fffffffa,#f4f8fff5);box-shadow:var(--shadow);transition:transform .34s cubic-bezier(.16,1,.3,1),border-color .28s ease,box-shadow .28s ease}.onboarding-panel{grid-template-columns:minmax(0,1fr);margin:24px 28px 0;animation:viewEnter .42s cubic-bezier(.16,1,.3,1)}.key-create-panel{grid-template-columns:minmax(0,1fr) 360px;margin-bottom:18px}.onboarding-panel:hover,.key-create-panel:hover{transform:translate3d(0,-3px,0);border-color:#1d5fd652;box-shadow:0 18px 44px #121c2d17,0 0 24px #18a8b71a}.onboarding-panel h2,.key-create-panel h2{margin:8px 0 10px;font-size:24px;letter-spacing:0}.onboarding-panel p,.key-create-panel p{max-width:720px;margin:0 0 16px;color:var(--muted);line-height:1.6}.onboarding-steps{display:flex;flex-wrap:wrap;gap:8px}.onboarding-steps span{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:var(--radius);color:#526173;background:#eef3fa;font-size:12px;font-weight:800;transition:transform .24s ease,background .24s ease,color .24s ease}.onboarding-steps span:hover{transform:translateY(-1px)}.onboarding-steps span.done{color:var(--green);background:#e9f8f2}.onboarding-key-box{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.onboarding-key-box label{display:grid;gap:7px}.onboarding-key-box label span{color:#344054;font-size:12px;font-weight:800}.onboarding-key-box label small{color:var(--muted);font-size:11px;line-height:1.35}.onboarding-key-box input{width:100%;min-width:0;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);outline:0;background:#f8fafc}.key-limit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:hidden}.created-key{display:grid;gap:7px;padding:10px;border-radius:var(--radius);color:#05603a;background:#ecfdf3}.created-key code{overflow-wrap:anywhere;color:#123a2c;font-size:12px}.workbench{padding:28px;animation:viewEnter .42s cubic-bezier(.16,1,.3,1);transform-origin:50% 18px;will-change:transform,opacity,filter}.workbench.has-drawer{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:start}.workbench-main{min-width:0}.hero-panel,.filter-panel,.model-tile,.inspector,.info-card,.analytics-panel,.key-row,.settings-card,.page-header{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffeb;box-shadow:var(--shadow)}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;margin-bottom:18px;padding:26px;overflow:hidden;background:radial-gradient(circle at 82% -20%,rgba(29,95,214,.2),transparent 34%),radial-gradient(circle at 100% 120%,rgba(24,168,183,.18),transparent 28%),#fff}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:0}.hero-copy h1,.page-header h1{margin:8px 0 12px;color:var(--ink);font-size:34px;line-height:1.15;letter-spacing:0}.hero-copy p,.page-header p{max-width:720px;margin:0;color:var(--muted);line-height:1.65}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:end}.hero-metric{min-height:92px;padding:18px;border:1px solid #dce4f0;border-radius:var(--radius);background:#f8fbff}.hero-metric strong{display:block;font-size:28px}.hero-metric span{color:var(--muted);font-size:12px;font-weight:700}.filter-panel{display:grid;gap:14px;margin-bottom:18px;padding:18px}.filter-line{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start}.filter-line>span{padding-top:6px;color:var(--muted);font-size:13px;font-weight:800}.filter-line>div{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{min-height:30px;padding:0 12px;border-radius:var(--radius);color:#475467;background:#f2f5f9}.filter-chip.active{color:#fff;background:var(--navy)}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px;padding:2px;overflow:visible}.model-tile{position:relative;overflow:hidden;display:grid;gap:14px;min-height:172px;padding:16px;color:inherit;text-align:left;transform:translateZ(0) scale(1);transform-origin:center;transition:transform .34s cubic-bezier(.16,1,.3,1),border-color .28s ease,box-shadow .28s ease,background .28s ease;will-change:transform}.model-tile:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:1px solid rgba(29,95,214,.34);background:transparent;box-shadow:0 0 0 1px #2e90fa14,0 0 16px #1d5fd624,0 0 24px #18a8b71a;opacity:0;transition:opacity .28s ease;pointer-events:none}.model-tile:after{content:"";position:absolute;top:-42%;bottom:-42%;left:-35%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);opacity:0;transform:skew(-18deg);pointer-events:none}.model-tile>*{position:relative;z-index:1}.model-tile:hover,.model-tile.selected{transform:translate3d(0,-5px,0) scale(1.025);border-color:#1d5fd68c;background:#fff;box-shadow:0 24px 56px #121c2d29,0 0 0 1px #2e90fa14,0 0 28px #18a8b721}.model-tile:hover:before,.model-tile.selected:before{opacity:1}.model-tile:hover:after{opacity:1;animation:cardShine .8s ease forwards}.model-tile:hover .provider-mark,.model-tile.selected .provider-mark{transform:scale(1.03);box-shadow:none}.model-tile:hover .token-meter span{color:#164180;background:#eaf3ff;transform:translateY(-1px)}.model-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center}.model-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-head span,.inspector-title span,.model-foot span{color:var(--muted);font-size:12px}.model-head em{padding:5px 8px;border-radius:7px;color:var(--blue);background:#edf4ff;font-size:12px;font-style:normal;font-weight:800}.provider-mark{width:42px;height:42px;border-radius:var(--radius);color:#fff;transition:transform .34s cubic-bezier(.16,1,.3,1),box-shadow .28s ease;will-change:transform}.provider-mark.large{width:50px;height:50px}.tone-black{background:#070b12}.tone-bronze{background:#7a5339}.tone-blue{background:var(--blue)}.tone-violet{background:var(--violet)}.tone-amber{background:var(--amber)}.tone-pink{background:var(--pink)}.tone-slate{background:#334155}.tone-cyan{background:var(--cyan)}.model-tile p{margin:0;min-height:44px;color:#475467;font-size:13px;line-height:1.55}.token-meter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.token-meter span{padding:7px 8px;border-radius:7px;color:#475467;background:#f2f5f9;font-size:12px;font-weight:800;transition:transform .26s ease,background .26s ease,color .26s ease}.model-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #edf1f6}code{color:var(--blue);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;word-break:break-all}.inspector{position:sticky;top:104px;max-height:calc(100vh - 132px);overflow:auto;padding:20px}.inspector-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.endpoint-card{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border:1px solid #cfe0fb;border-radius:var(--radius);background:#f2f7ff}.endpoint-card span{grid-column:1 / -1;color:var(--muted);font-size:12px;font-weight:800}.endpoint-card button,.key-row button{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius);color:#344054;background:#fff;border:1px solid var(--line)}.inspector-section{margin-top:22px}.inspector-section h2,.analytics-panel h2,.settings-card h2,.section-head h2{margin:0;font-size:17px;letter-spacing:0}.price-list{display:grid;gap:8px;margin-top:12px}.usage-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.usage-split div{padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc}.usage-split span,.usage-split strong{display:block}.usage-split span{color:var(--muted);font-size:12px}.usage-split strong{margin-top:6px;font-size:18px}.price-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.price-item span,.price-item small{color:var(--muted)}.price-item small{grid-column:1 / -1}.route-stack{display:grid;gap:8px;margin-top:12px}.route-stack span{padding:11px 12px;border-radius:var(--radius);color:#344054;background:#f2f5f9;font-size:13px;font-weight:800}.route-stack span:nth-child(2){color:#fff;background:var(--navy)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.section-head>span{color:var(--muted);font-size:13px}.copy-action{min-height:34px;padding:0 10px;color:#344054;background:#f2f5f9}pre{margin:0;overflow:auto;padding:14px;border-radius:var(--radius);color:#d8e5f7;background:var(--navy-2);font-size:12px;line-height:1.55}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px;padding:26px;box-shadow:none}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:16px}.info-card{display:grid;gap:8px;padding:18px}.info-card svg{color:var(--blue)}.info-card span{color:var(--muted);font-size:13px}.info-card strong{font-size:28px}.info-card em{width:fit-content;padding:4px 8px;border-radius:7px;color:var(--green);background:#e9f8f2;font-size:12px;font-style:normal;font-weight:800}.analytics-panel{padding:22px}.billing-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:16px}.billing-rule-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-bottom:16px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--navy);color:#fff;box-shadow:var(--shadow)}.billing-rule-card h2{margin:8px 0;font-size:22px}.billing-rule-card p{margin:0;color:#9fb0c8;line-height:1.65}.billing-rule-card code{padding:12px 14px;border-radius:var(--radius);color:#d8e5f7;background:#ffffff14}.usage-table-panel{margin-top:16px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.usage-table{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius)}.usage-table-head,.usage-table-row{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(190px,1.1fr) 110px 110px 86px 100px;gap:12px;align-items:center;padding:13px 14px}.usage-table-head{color:var(--muted);background:#f5f8fc;font-size:12px;font-weight:800}.usage-table-row{border-top:1px solid var(--line)}.usage-table-row small{display:block;margin-top:4px;color:var(--muted)}.usage-table-row>span{color:#344054;font-weight:700}.bar-chart{display:flex;align-items:end;gap:18px;height:360px}.bar-column{display:grid;align-items:end;gap:10px;flex:1;height:100%;text-align:center}.bar-column span{display:block;width:100%;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(180deg,var(--blue),var(--cyan))}.bar-column small{color:var(--muted)}.key-table{display:grid;gap:12px}.key-row{display:grid;grid-template-columns:46px minmax(190px,1.2fr) minmax(150px,1fr) 110px 120px 56px;gap:12px;align-items:center;padding:16px}.key-icon{width:42px;height:42px;border-radius:var(--radius);color:#fff;background:#a8b3c3}.key-icon.active{background:var(--green)}.key-row code{display:block;margin-top:4px;color:var(--muted)}.key-row>span{color:var(--muted)}.scope-pills{display:flex;flex-wrap:wrap;gap:8px}.scope-pills span{padding:5px 8px;border-radius:7px;color:var(--green);background:#e9f8f2;font-size:12px;font-weight:800}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:16px}.settings-card{padding:22px}.settings-card.dark{color:#fff;background:var(--navy);border-color:#15233a}.settings-card label{display:grid;gap:8px;margin-top:16px}.settings-card label span{color:var(--muted);font-size:12px;font-weight:800}.settings-card input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);color:#344054;background:#f8fafc}.check-row{display:flex;align-items:center;gap:10px;min-height:42px;color:#d8e5f7}.check-row svg{color:#34d399;flex:0 0 auto}.records-table,.endpoint-list,.ledger-list,.route-rule-list,.upstream-list{display:grid;gap:10px}.records-head,.records-row{display:grid;grid-template-columns:1.35fr 1fr 1.4fr 1fr 96px 96px;gap:14px;align-items:center}.records-head{padding:0 12px 8px;color:var(--faint);font-size:12px;font-weight:800}.records-row,.ledger-row,.endpoint-row,.route-rule-row,.upstream-row{padding:14px;border:1px solid #e5ebf3;border-radius:var(--radius);background:#fbfdff}.records-row strong,.ledger-row strong,.route-rule-row strong,.upstream-row strong,.endpoint-row strong{display:block}.records-row small,.ledger-row small,.route-rule-row small,.upstream-row small,.key-row small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.mini-token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mini-token-grid span{min-height:26px;padding:5px 8px;border-radius:6px;color:#475467;background:#eef4fb;font-size:12px;font-weight:700}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:var(--radius);color:#14532d;background:#dcfce7;font-size:12px;font-weight:800}.status-badge.failed,.status-badge.timeout,.status-badge.disabled{color:#7f1d1d;background:#fee2e2}.status-badge.partial_success,.status-badge.limited{color:#854d0e;background:#fef3c7}.ledger-row{display:grid;grid-template-columns:minmax(0,1.4fr) 180px 120px 140px;gap:14px;align-items:center}.amount-plus{color:var(--green)}.amount-minus{color:var(--red)}.docs-grid,.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.doc-snippet{margin:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.endpoint-row{display:grid;grid-template-columns:80px minmax(180px,1fr) 1.2fr;gap:12px;align-items:center}.endpoint-row code{color:var(--blue);font-weight:800}.route-rule-row{display:grid;grid-template-columns:140px 110px minmax(0,1fr);gap:10px;align-items:center}.route-rule-row small{grid-column:1 / -1}.upstream-row{display:grid;gap:10px}.usage-progress{position:relative;height:8px;overflow:hidden;border-radius:999px;background:#e7edf6}.usage-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}.upstream-row em{color:var(--amber);font-size:12px;font-style:normal;font-weight:800}.toast{position:fixed;right:28px;top:88px;z-index:10;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius);color:#0f684d;background:#e9f8f2;box-shadow:0 18px 42px #121c2d24}.user-center-shell{display:grid;grid-template-columns:248px minmax(0,1fr);gap:22px;padding:24px 28px;animation:viewEnter .42s cubic-bezier(.16,1,.3,1)}.user-center-nav{position:sticky;top:88px;display:grid;align-content:start;gap:8px;height:max-content;padding:16px;border:1px solid rgba(226,232,240,.9);border-radius:var(--radius);background:radial-gradient(circle at 15% 0%,rgba(29,95,214,.08),transparent 34%),#fff;box-shadow:var(--shadow)}.user-center-nav>strong{padding:4px 8px 10px;color:var(--navy);font-size:16px}.user-center-nav button{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:10px;color:#667085;background:transparent;font-weight:800;text-align:left;transition:color .24s ease,background .24s ease,transform .28s cubic-bezier(.16,1,.3,1),box-shadow .24s ease}.user-center-nav button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#1d5fd61f,#18a8b714);opacity:0;transition:opacity .24s ease}.user-center-nav button svg,.user-center-nav button span{position:relative}.user-center-nav button:hover,.user-center-nav button.active{transform:translate(3px);color:var(--blue);background:#f3f7ff;box-shadow:0 10px 26px #1d5fd614}.user-center-nav button:hover:before,.user-center-nav button.active:before{opacity:1}.user-center-main{display:grid;gap:18px;min-width:0}.user-center-section-view{display:grid;gap:18px;animation:viewEnter .38s cubic-bezier(.16,1,.3,1)}.user-center-message{padding:12px 14px;border:1px solid #b7ecd8;border-radius:var(--radius);color:#0f684d;background:#e9f8f2;font-weight:800}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;margin:14px 0}.form-line{display:grid;gap:8px;margin:14px 0}.form-line span{color:#344054;font-weight:800}.form-line input{width:min(520px,100%);min-height:44px;padding:0 13px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfdff;color:var(--navy);font:inherit;transition:border-color .22s ease,box-shadow .22s ease}.form-line input:focus{outline:none;border-color:#1d5fd66b;box-shadow:0 0 0 4px #1d5fd614}.email-bind-box,.identity-update-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#f8fbff}.email-bind-box .form-line,.identity-update-card .form-line{margin:0}.identity-update-card{display:grid;align-content:start;gap:12px;min-width:0}.identity-update-card>div:first-child{display:grid;gap:4px}.identity-update-card strong{color:var(--navy);font-size:16px}.identity-update-card span,.identity-update-card p{margin:0;color:var(--muted);line-height:1.65}.inline-actions{display:flex;flex-wrap:wrap;gap:10px;grid-column:1 / -1}.user-center-main .key-create-panel{margin:0}.user-center-main .key-row{grid-template-columns:46px minmax(210px,1.4fr) minmax(160px,.9fr) 96px 70px 52px 54px 54px;background:#fff;box-shadow:0 10px 24px #121c2d0d}.user-center-main .key-row button{min-width:0;height:34px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);color:#344054;background:#fff;font-weight:800;white-space:nowrap}.text-button.danger{color:#b42318}.compact-copy-button{width:52px;padding:0}.hint-button{position:relative;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease}.hint-button:hover{transform:scale(1.045);box-shadow:0 12px 28px #121c2d1f}.hint-button:after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 9px);z-index:20;width:max-content;max-width:220px;padding:7px 9px;border-radius:7px;color:#fff;background:#091120eb;font-size:11px;line-height:1.35;font-weight:700;opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .22s ease .3s,transform .22s ease .3s}.hint-button:hover:after{opacity:1;transform:translate(-50%)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#0712226b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .2s ease}.modal-panel{width:min(520px,100%);padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 28px 72px #0712223d;animation:viewEnter .32s cubic-bezier(.16,1,.3,1)}.records-table.compact .records-row{grid-template-columns:1fr 1.25fr 90px 1fr}.user-center-main .records-row,.user-center-main .ledger-row{background:#fff}.user-center-main .usage-table-panel{margin-top:16px}@media(max-width:1320px){.workbench.has-drawer{grid-template-columns:1fr}.inspector{position:static;max-height:none}.model-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:980px){.console-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;display:grid;gap:14px;padding:16px 18px}.side-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.side-link{justify-content:center;min-height:40px;padding:0 10px}.gateway-card,.support-link{display:none}.command-bar{align-items:stretch;flex-direction:column}.command-actions{width:100%;margin-left:0;overflow-x:auto}.hero-panel,.key-create-panel,.settings-grid,.docs-grid,.admin-grid{grid-template-columns:1fr}.stats-row,.billing-summary-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.key-row{grid-template-columns:46px minmax(0,1fr)}.auth-shell{grid-template-columns:1fr}.auth-brand-panel{min-height:auto;padding:28px}.auth-copy h1{font-size:36px}.auth-feature-grid,.billing-rule-card{grid-template-columns:1fr}.usage-table{overflow-x:auto}.user-center-shell{grid-template-columns:1fr}.user-center-nav{position:static}.profile-grid,.email-bind-box,.identity-update-grid{grid-template-columns:1fr}.usage-table-head,.usage-table-row,.records-head,.records-row{min-width:820px}.records-table{overflow-x:auto}.ledger-row,.endpoint-row,.route-rule-row{grid-template-columns:1fr}}@media(max-width:640px){.workbench{padding:18px}.onboarding-panel{margin:18px 18px 0}.brand-lockup{justify-content:center}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy h1,.page-header h1{font-size:28px}.hero-metrics,.model-grid,.stats-row,.billing-summary-grid,.filter-line{grid-template-columns:1fr}.page-header{flex-direction:column}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-login-container{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,#091426,#050b14);padding:24px}.admin-login-card{width:100%;max-width:400px;background:#0f1b2d;border:1px solid rgba(151,169,198,.12);border-radius:16px;padding:40px 36px;box-shadow:0 8px 40px #0006}.admin-login-header{text-align:center;margin-bottom:32px}.admin-login-header h1{margin:0 0 6px;font-size:24px;font-weight:800;color:#fff}.admin-login-header p{margin:0;font-size:14px;color:#6b7d94}.admin-login-form{display:grid;gap:18px}.admin-login-field{display:grid;gap:6px}.admin-login-field label{font-size:13px;font-weight:700;color:#8fa2bc}.admin-login-field input{min-height:46px;padding:0 14px;border:1px solid rgba(151,169,198,.2);border-radius:10px;background:#050b14;color:#e8edf2;font-size:15px;outline:none;transition:border-color .2s}.admin-login-field input:focus{border-color:#387aff}.admin-login-error{background:#ef44441f;color:#f87171;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:700;text-align:center}.admin-login-btn{min-height:48px;border:none;border-radius:10px;background:linear-gradient(135deg,#387aff,#0047b3);color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:opacity .2s}.admin-login-btn:hover{opacity:.92}.admin-login-btn:disabled{opacity:.5;cursor:not-allowed}