:root{--surface-bg: #e0e0e0;--surface-bg-dark: #1f1f24;--neo-text: #2d3748;--neo-muted: #718096;--neo-border: rgba(255, 255, 255, .35)}.dark{--neo-text: #e2e8f0;--neo-muted: #a0aec0;--neo-border: rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;overflow-x:hidden;overflow-y:auto}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;background:var(--surface-bg);color:var(--neo-text);position:relative}.dark body{background:var(--surface-bg-dark);color:var(--neo-text)}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.page{width:100%;min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e,#1a1a2e,#0f0c29);background-size:400% 400%;animation:gradientShift-8c7cb4b0 30s ease infinite;display:flex;align-items:center;justify-content:center;padding:20px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(120,219,255,.3) 0%,transparent 50%);animation:particleFloat-8c7cb4b0 36s ease-in-out infinite;z-index:0;will-change:transform,opacity}@keyframes gradientShift-8c7cb4b0{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes particleFloat-8c7cb4b0{0%,to{transform:translate(0) rotate(0);opacity:.3}33%{transform:translate(30px,-30px) rotate(120deg);opacity:.5}66%{transform:translate(-20px,20px) rotate(240deg);opacity:.4}}.login-container{width:100%;max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.branding-section{animation:fadeInLeft-8c7cb4b0 .8s ease-out}.brand-title{font-size:48px;font-weight:700;margin-bottom:24px;line-height:1.2;background:linear-gradient(135deg,#00d4ff,#f0f,#00d4ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#fff;text-align:left;display:flex;flex-direction:column;align-items:flex-start;animation:neonGlow-8c7cb4b0 4.8s ease-in-out infinite;text-shadow:0 0 20px rgba(0,212,255,.5)}.brand-subtitle{font-size:20px;opacity:.9;line-height:1.6;margin-bottom:48px;color:#ffffffe6;text-shadow:0 0 10px rgba(255,255,255,.3)}.feature-list{display:grid;gap:32px}.feature-item{display:flex;align-items:center;gap:20px;transition:transform .3s ease}.feature-item:hover{transform:translate(10px)}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,#00d4ff33,#f0f3);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.3);color:#fff;margin:0;box-shadow:0 0 20px #00d4ff4d;animation:iconPulse-8c7cb4b0 3.2s ease-in-out infinite}.feature-content{flex:1}.feature-content h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#fff;line-height:1.3;text-shadow:0 0 10px rgba(0,212,255,.5)}.feature-content p{margin:0;opacity:.85;font-size:16px;line-height:1.6;color:#fffc;text-shadow:0 0 5px rgba(255,255,255,.2)}@keyframes neonGlow-8c7cb4b0{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes iconPulse-8c7cb4b0{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 30px #00d4ff99}}.auth-section{background:#0f0c29e6;border-radius:24px;padding:48px;box-shadow:0 20px 60px #0006,0 0 40px #00d4ff33;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.3);animation:fadeInRight-8c7cb4b0 .8s ease-out;position:relative;overflow:hidden}.auth-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.8),transparent);animation:topBorderGlow-8c7cb4b0 4.4s ease-in-out infinite}.auth-header{text-align:center;margin-bottom:40px;position:relative;z-index:1}.auth-logo{width:60px;height:60px;background:linear-gradient(135deg,#00d4ff,#f0f);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px;color:#fff;box-shadow:0 0 30px #00d4ff80;animation:logoFloat-8c7cb4b0 4.2s ease-in-out infinite}.auth-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:0 0 20px rgba(0,212,255,.5)}.auth-subtitle{color:#ffffffb3;font-size:16px;text-shadow:0 0 10px rgba(255,255,255,.2)}@keyframes topBorderGlow-8c7cb4b0{0%,to{opacity:.3}50%{opacity:1}}@keyframes logoFloat-8c7cb4b0{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fadeInLeft-8c7cb4b0{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight-8c7cb4b0{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.page.page-paused,.page.page-paused:before,.page.page-paused .brand-title,.page.page-paused .feature-icon,.page.page-paused .auth-section:before,.page.page-paused .auth-logo{animation-play-state:paused!important}.page.page-idle:before{opacity:.35}.page.page-idle .brand-title,.page.page-idle .feature-icon,.page.page-idle .auth-section:before,.page.page-idle .auth-logo{animation-play-state:paused!important}.page.page-lowperf{animation-duration:40s}.page.page-lowperf:before{animation-duration:55s;opacity:.55}.page.page-lowperf .brand-title,.page.page-lowperf .feature-icon,.page.page-lowperf .auth-section:before,.page.page-lowperf .auth-logo,.page.page-lowperf .reset-modal:before{animation:none!important}.page.page-lowperf .feature-icon,.page.page-lowperf .auth-section,.page.page-lowperf .form-input,.page.page-lowperf .form-item input,.page.page-lowperf .reset-mask,.page.page-lowperf .reset-modal,.page.page-lowperf .reset-modal .form-item input{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.page.page-lowperf .feature-item:hover,.page.page-lowperf .btn.primary:hover:not(:disabled){transform:none}.tabs{display:flex;gap:8px;margin-bottom:32px;background:#00d4ff1a;padding:4px;border-radius:12px;border:1px solid rgba(0,212,255,.2);position:relative;z-index:1}.tab{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:600;color:#fff9;cursor:pointer;transition:all .3s ease;position:relative}.tab:hover{background:#00d4ff33;color:#fffc}.tab.active{background:linear-gradient(135deg,#00d4ff4d,#ff00ff4d);color:#fff;box-shadow:0 2px 8px #00d4ff4d;text-shadow:0 0 10px rgba(0,212,255,.5)}.form-group,.form-item{margin-bottom:24px;position:relative;z-index:1}.form-label,.form-item label{display:block;margin-bottom:8px;font-weight:500;color:#fffc;font-size:14px;text-shadow:0 0 5px rgba(255,255,255,.2)}.form-input,.form-item input{width:100%;padding:16px 20px;border:2px solid rgba(0,212,255,.3);border-radius:12px;font-size:16px;transition:all .3s ease;background:#0f0c2999;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input:focus,.form-item input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33,0 0 20px #00d4ff4d}.form-input::placeholder,.form-item input::placeholder{color:#ffffff80}.code-row .code-actions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.remember-me{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.remember-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.remember-label:hover{color:#ffffffe6}.remember-checkbox{width:18px;height:18px;border:2px solid rgba(0,212,255,.3);border-radius:4px;background:#0f0c2999;cursor:pointer;position:relative;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.remember-checkbox:checked{background:linear-gradient(135deg,#00d4ff,#f0f);border-color:#00d4ff;box-shadow:0 0 15px #00d4ff80}.remember-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.link{font-size:14px;color:#00d4ff;text-decoration:none;transition:all .3s ease;text-shadow:0 0 10px rgba(0,212,255,.5)}.link:hover{color:#f0f;text-decoration:underline;text-shadow:0 0 15px rgba(255,0,255,.5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn.block{width:100%}.btn.primary{background:linear-gradient(135deg,#00d4ff,#f0f);color:#fff;box-shadow:0 8px 25px #00d4ff66;text-shadow:0 0 10px rgba(255,255,255,.5)}.btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff99,0 0 30px #00d4ff66}.btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.secondary{background:#00d4ff1a;color:#00d4ff;border:1px solid rgba(0,212,255,.3);text-shadow:0 0 10px rgba(0,212,255,.5)}.btn.secondary:hover:not(:disabled){background:#00d4ff33;box-shadow:0 0 20px #00d4ff4d}.btn.ghost{background:transparent;border:1px solid rgba(0,212,255,.3);color:#ffffffb3}.btn.ghost:hover:not(:disabled){background:#00d4ff1a;color:#fff;box-shadow:0 0 15px #00d4ff33}.btn:disabled{opacity:.5;cursor:not-allowed}.qr-section{margin-top:24px;display:flex;gap:16px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.qr-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.qr-title{font-size:14px;font-weight:500;color:#ffffffe6;margin-bottom:8px}.qr-image{width:160px;height:160px;max-width:100%;border-radius:12px;border:1px solid rgba(0,212,255,.3);box-shadow:0 8px 24px #0006;background:#0f0c29cc;object-fit:contain}.msg{margin-top:12px;font-size:14px;color:#ff6b6b;min-height:20px;text-shadow:0 0 10px rgba(255,107,107,.5)}.msg.ok{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5)}.reset-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;align-items:center;justify-content:center}.reset-modal{background:#0f0c29f2;border-radius:20px;padding:40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080,0 0 40px #00d4ff33;border:1px solid rgba(0,212,255,.3);animation:modalSlideIn-8c7cb4b0 .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.reset-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.8),transparent);animation:topBorderGlow-8c7cb4b0 3s ease-in-out infinite}@keyframes modalSlideIn-8c7cb4b0{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reset-modal h3{font-size:24px;font-weight:700;color:#fff;margin:0 0 24px;text-align:center;text-shadow:0 0 20px rgba(0,212,255,.5)}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions .btn{flex:1}.reset-modal .form-item label{color:#fffc;text-shadow:0 0 5px rgba(255,255,255,.2)}.reset-modal .form-item input{background:#0f0c2999;border:2px solid rgba(0,212,255,.3);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reset-modal .form-item input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33,0 0 20px #00d4ff4d}.reset-modal .form-item input::placeholder{color:#ffffff80}@media (prefers-reduced-motion: reduce){.page,.page:before,.brand-title,.feature-icon,.auth-section:before,.auth-logo,.reset-modal,.reset-modal:before{animation:none!important}.feature-item,.btn,.tab,.form-input,.form-item input{transition:none!important}.feature-item:hover,.btn.primary:hover:not(:disabled){transform:none}}@media (max-width: 768px){.login-container{grid-template-columns:1fr;gap:40px}.branding-section{text-align:center}.brand-title{font-size:36px}.brand-subtitle{font-size:18px}.auth-section{padding:32px 24px}.feature-list{gap:24px}.feature-item{gap:16px}.feature-icon{width:48px;height:48px}.page:before{animation-duration:30s}}@media (max-width: 480px){.page{padding:10px}.auth-section{padding:24px 20px}.brand-title{font-size:28px}.feature-list{display:none}.reset-modal{padding:24px}.code-row .code-actions{grid-template-columns:1fr}.btn span{display:none}.page{animation-duration:25s}.page:before{display:none}.feature-icon,.auth-logo{animation:none}}:root{--primary: #667eea;--primary-dark: #5a67d8;--primary-light: #7c3aed;--secondary: #f093fb;--accent: #4ade80;--accent-secondary: #06b6d4;--warning: #fbbf24;--danger: #ef4444;--success: #10b981;--bg-primary: rgba(255, 255, 255, .95);--bg-secondary: rgba(248, 250, 252, .8);--bg-glass: rgba(255, 255, 255, .1);--bg-glass-strong: rgba(255, 255, 255, .2);--bg-dark: #0f172a;--bg-card: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--glass-backdrop: blur(8px);--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-white: #ffffff;--shadow-soft: 0 2px 15px -3px rgba(0, 0, 0, .07), 0 10px 20px -2px rgba(0, 0, 0, .04);--shadow-medium: 0 10px 25px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-strong: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(102, 126, 234, .4);--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50px}.console-page{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.console{position:fixed;left:var(--sidebar-offset-expanded);right:0;top:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-smooth);z-index:10}.console-page--desktop-bridge{background:var(--surface-bg-dark, #1f1f24)}.console-page--desktop-bridge .console{left:0;background:var(--surface-bg-dark, #1f1f24)}.console-page--desktop-bridge .content-section{padding-bottom:0;animation:none;background:var(--surface-bg-dark, #1f1f24)}.user-sidebar.collapsed+.console{left:var(--sidebar-offset-collapsed)}.content-section{flex:1;overflow-y:auto;min-height:0;display:block;animation:fadeInUp .6s ease;padding-bottom:28px;padding-bottom:calc(28px + env(safe-area-inset-bottom));padding-bottom:calc(28px + constant(safe-area-inset-bottom));scrollbar-width:none}.content-section::-webkit-scrollbar{width:0;height:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard{padding:20px 24px}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;animation:particleFloat 15s infinite linear;will-change:transform,opacity}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#010101;overflow:hidden;z-index:9999;transition:opacity .8s ease,visibility .8s ease}.loading-screen.hide{opacity:0;visibility:hidden}.immersive-loader-bg,.immersive-loader-video,.immersive-loader-video-fallback,.immersive-loader-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.immersive-loader-bg{pointer-events:none}.immersive-loader-video{z-index:1;width:100%;height:116%;top:-8%;object-fit:cover;object-position:center center;opacity:.96;filter:saturate(1.12) contrast(1.05)}.immersive-loader-video-fallback{z-index:0;background:radial-gradient(circle at 50% 34%,rgba(44,92,136,.45),transparent 34%),linear-gradient(180deg,#07111b,#020406,#010101)}.immersive-loader-overlay{z-index:2;background:radial-gradient(circle at 50% 47%,#00000005,#00000038 56%,#0000009e),linear-gradient(to top,rgba(0,0,0,.48),transparent 42%,rgba(0,0,0,.16))}.console-page.ui-paused .particle,.console-page.ui-paused .neo-icon-button--support,.console-page.ui-paused .neo-pill-button{animation-play-state:paused!important}.console-page.ui-idle .particles{opacity:.38}.console-page.ui-idle .particle{animation-play-state:paused!important}.console-page.perf-low .particles{opacity:.55}.console-page.perf-low .particle{animation-duration:24s}.console-page.perf-low .immersive-loader-video{display:none}.console-page.perf-low .neo-icon-button--support,.console-page.perf-low .neo-pill-button{animation:none!important}.console-page.perf-low .neo-pill-button{box-shadow:0 0 0 1px var(--pill-border),0 0 12px #0f172a8c}.console-page.perf-low .code-copy-btn,.console-page.perf-low .linear-chart-card,.console-page.perf-low .tab-group,.console-page.perf-low .legend-badge,.console-page.perf-low .glass-card,.console-page.perf-low .request-card,.console-page.perf-low .linear-meta-bar,.console-page.perf-low .linear-card,.console-page.perf-low .token-modal-mask,.console-page.perf-low .announcement-modal-mask,.console-page.perf-low .neo-pill-button{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@media (prefers-reduced-motion: reduce){.particle,.neo-icon-button--support,.neo-pill-button{animation:none!important}}:root{--neo-surface: #e0e0e0;--neo-text: #4a5568;--neo-muted: #9ca3af;--neo-border: rgba(0, 0, 0, .08);--neo-shadow-outset: 9px 9px 16px #bebebe, -9px -9px 16px #ffffff;--neo-shadow-press: inset 6px 6px 12px #bebebe, inset -6px -6px 12px #ffffff;--neo-shadow-hover: 12px 12px 20px #bebebe, -12px -12px 20px #ffffff;--sidebar-offset-expanded: 204px;--sidebar-offset-collapsed: 120px}.dark{--neo-surface: #1f1f24;--neo-text: #e2e8f0;--neo-muted: #64748b;--neo-border: rgba(255, 255, 255, .08);--neo-shadow-outset: 9px 9px 16px rgba(10, 10, 12, .85), -9px -9px 16px rgba(60, 60, 68, .45);--neo-shadow-press: inset 6px 6px 12px rgba(10, 10, 12, .85), inset -6px -6px 12px rgba(60, 60, 68, .45);--neo-shadow-hover: 12px 12px 20px rgba(10, 10, 12, .9), -12px -12px 20px rgba(60, 60, 68, .5);--sidebar-offset-expanded: 204px;--sidebar-offset-collapsed: 120px}.user-sidebar{position:fixed;left:16px;top:16px;bottom:16px;width:172px;background:var(--neo-surface);box-shadow:var(--neo-shadow-outset);border-radius:24px;border:1px solid var(--neo-border);color:var(--neo-text);overflow:hidden;z-index:1000;transition:width .3s ease-in-out,box-shadow .3s ease-in-out;display:flex;flex-direction:column}.user-sidebar.collapsed{width:80px}.user-sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;border:1px solid rgba(255,255,255,.35);mix-blend-mode:soft-light}.sidebar-header{padding:18px 14px;display:flex;flex-direction:column;gap:16px;position:relative}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-header:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:#fff9;opacity:.4}.dark .sidebar-header:after{background:#ffffff14}.sidebar-logo{display:flex;align-items:center;gap:8px;cursor:pointer;min-width:0;flex:1 1 auto}.logo-icon{width:28px;height:28px;flex-shrink:0;color:var(--neo-text)}.logo-text{font-size:15px;font-weight:700;color:var(--neo-text);white-space:nowrap;letter-spacing:0}.sidebar-collapse-btn{width:34px;height:34px;border-radius:12px;flex:0 0 34px}.sidebar-collapse-btn svg{width:16px;height:16px}.theme-toggle-wrapper{display:flex;justify-content:center;align-items:center;min-height:112px}.theme-torch{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transform-origin:top center;transform:scale(.82);transition:transform .3s ease;padding-top:4px}.theme-torch.is-collapsed{transform:scale(.65)}.theme-torch input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.theme-torch .simple-text{position:absolute;bottom:-36px;width:120px;text-align:center;color:var(--neo-text);font-size:.9rem;font-weight:700;font-family:Fira Code,Courier New,monospace;transition:opacity .3s ease;pointer-events:none}.theme-torch .simple-text.hide-label{opacity:0}.theme-torch .torch{display:flex;justify-content:center;height:120px;pointer-events:none}.theme-torch .head,.theme-torch .stick{position:absolute;width:30px;transform-style:preserve-3d;transform:rotateX(-30deg) rotateY(45deg)}.theme-torch .stick{position:relative;height:100px}.theme-torch .face{position:absolute;transform-style:preserve-3d;width:30px;height:30px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);background-color:#000}.theme-torch .top{transform:rotateX(90deg) translateZ(15px)}.theme-torch .left{transform:rotateY(-90deg) translateZ(15px)}.theme-torch .right{transform:rotateY(0) translateZ(15px)}.theme-torch .top div,.theme-torch .left div,.theme-torch .right div{width:102%;height:102%}.theme-torch .top div:nth-child(1),.theme-torch .left div:nth-child(3),.theme-torch .right div:nth-child(3){background-color:#ffff9760}.theme-torch .top div:nth-child(2),.theme-torch .left div:nth-child(1),.theme-torch .right div:nth-child(1){background-color:#ffd80060}.theme-torch .top div:nth-child(3),.theme-torch .left div:nth-child(4),.theme-torch .right div:nth-child(4){background-color:#ffffff60}.theme-torch .top div:nth-child(4),.theme-torch .left div:nth-child(2),.theme-torch .right div:nth-child(2){background-color:#ff8f0060}.theme-torch .side{position:absolute;width:30px;height:100px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(8,12.5%);translate:0 12px}.theme-torch .side-left{transform:rotateY(-90deg) translateZ(15px) translateY(8px)}.theme-torch .side-right{transform:rotateY(0) translateZ(15px) translateY(8px)}.theme-torch .side div{width:103%;height:103%}.theme-torch .side div:nth-child(1){background-color:#443622}.theme-torch .side div:nth-child(2){background-color:#2e2517}.theme-torch .side div:nth-child(3),.theme-torch .side div:nth-child(5){background-color:#4b3b23}.theme-torch .side div:nth-child(4),.theme-torch .side div:nth-child(10){background-color:#251e12}.theme-torch .side div:nth-child(6){background-color:#292115}.theme-torch .side div:nth-child(7){background-color:#4b3c26}.theme-torch .side div:nth-child(8){background-color:#292115}.theme-torch .side div:nth-child(9){background-color:#4b3a21}.theme-torch .side div:nth-child(11),.theme-torch .side div:nth-child(15){background-color:#3d311d}.theme-torch .side div:nth-child(12){background-color:#2c2315}.theme-torch .side div:nth-child(13){background-color:#493a22}.theme-torch .side div:nth-child(14){background-color:#2b2114}.theme-torch .side div:nth-child(16){background-color:#271e10}.theme-torch input:checked~.torch .face{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 10px rgba(255,237,156,.7)) drop-shadow(0 0 25px rgba(255,227,101,.4))}.theme-torch input:checked~.torch .top div:nth-child(1),.theme-torch input:checked~.torch .left div:nth-child(3),.theme-torch input:checked~.torch .right div:nth-child(3){background-color:#ffff97}.theme-torch input:checked~.torch .top div:nth-child(2),.theme-torch input:checked~.torch .left div:nth-child(1),.theme-torch input:checked~.torch .right div:nth-child(1){background-color:#ffd800}.theme-torch input:checked~.torch .top div:nth-child(3),.theme-torch input:checked~.torch .left div:nth-child(4),.theme-torch input:checked~.torch .right div:nth-child(4){background-color:#fff}.theme-torch input:checked~.torch .top div:nth-child(4),.theme-torch input:checked~.torch .left div:nth-child(2),.theme-torch input:checked~.torch .right div:nth-child(2){background-color:#ff8f00}.theme-torch input:checked~.torch .side div:nth-child(1){background-color:#7c623e}.theme-torch input:checked~.torch .side div:nth-child(2){background-color:#4c3d26}.theme-torch input:checked~.torch .side div:nth-child(3),.theme-torch input:checked~.torch .side div:nth-child(5){background-color:#937344}.theme-torch input:checked~.torch .side div:nth-child(4),.theme-torch input:checked~.torch .side div:nth-child(10){background-color:#3c2f1c}.theme-torch input:checked~.torch .side div:nth-child(6){background-color:#423522}.theme-torch input:checked~.torch .side div:nth-child(7){background-color:#9f7f50}.theme-torch input:checked~.torch .side div:nth-child(8){background-color:#403320}.theme-torch input:checked~.torch .side div:nth-child(9){background-color:#977748}.theme-torch input:checked~.torch .side div:nth-child(11),.theme-torch input:checked~.torch .side div:nth-child(15){background-color:#675231}.theme-torch input:checked~.torch .side div:nth-child(12){background-color:#3d301d}.theme-torch input:checked~.torch .side div:nth-child(13){background-color:#987849}.theme-torch input:checked~.torch .side div:nth-child(14){background-color:#3b2e1b}.theme-torch input:checked~.torch .side div:nth-child(16){background-color:#372a17}.nav-menu{flex:1;padding:16px 10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden}.nav-link{display:flex;align-items:center;gap:9px;padding:11px 12px;background:var(--neo-surface);color:var(--neo-muted);box-shadow:var(--neo-shadow-outset);border-radius:16px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.nav-link:hover{color:var(--neo-text);transform:translateY(-1px);box-shadow:var(--neo-shadow-hover)}.nav-link.active{color:var(--neo-text);font-weight:600;box-shadow:var(--neo-shadow-press)}.nav-icon{width:18px;height:18px;flex-shrink:0;transition:color .2s ease}.nav-text{font-size:13px;font-weight:650;white-space:nowrap}.user-sidebar::-webkit-scrollbar,.nav-menu::-webkit-scrollbar{width:6px}.user-sidebar::-webkit-scrollbar-track,.nav-menu::-webkit-scrollbar-track{background:transparent}.user-sidebar::-webkit-scrollbar-thumb,.nav-menu::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.dark .user-sidebar::-webkit-scrollbar-thumb,.dark .nav-menu::-webkit-scrollbar-thumb{background:#ffffff26}.user-sidebar::-webkit-scrollbar-thumb:hover,.nav-menu::-webkit-scrollbar-thumb:hover{background:#00000040}.dark .user-sidebar::-webkit-scrollbar-thumb:hover,.dark .nav-menu::-webkit-scrollbar-thumb:hover{background:#ffffff40}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .2s ease-out}.slide-fade-leave-active{transition:all .15s ease-in}.slide-fade-enter-from,.slide-fade-leave-to{transform:translate(-10px);opacity:0}.neo-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;margin:24px 32px 16px;border-radius:28px;background:var(--neo-surface);box-shadow:var(--neo-shadow-outset);border:1px solid var(--neo-border);color:var(--neo-text);transition:var(--transition-smooth)}.neo-topbar__primary{display:flex;align-items:center;gap:16px;flex:1 1 auto;min-width:0}.neo-topbar__title{font-size:1.5rem;font-weight:700;letter-spacing:0;color:var(--neo-text);margin:0}.neo-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--neo-muted)}.dark .neo-label{color:#a1a1aa}.neo-topbar__actions{display:flex;align-items:center;gap:12px}.neo-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:18px;border:1px solid var(--neo-border);background:var(--neo-surface);box-shadow:var(--neo-shadow-outset);color:var(--neo-text);cursor:pointer;transition:transform .18s ease,box-shadow .2s ease,color .2s ease}.neo-icon-button svg{width:20px;height:20px}.neo-icon-button:hover{transform:translateY(-1px);box-shadow:var(--neo-shadow-hover)}.neo-icon-button:active{transform:translateY(0);box-shadow:var(--neo-shadow-press)}.neo-icon-button--ghost{background:transparent;box-shadow:none;border-color:transparent}.neo-icon-button--ghost:hover{box-shadow:none;background:#0000000a}.dark .neo-icon-button--ghost:hover{background:#ffffff0d}.neo-icon-button--alert{color:#ea580c}.dark .neo-icon-button--alert{color:#fbbf24}@keyframes pulse-support{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}.neo-icon-button--support{color:#0891b2}.neo-icon-button--support:hover{color:#0e7490;animation-play-state:paused}.dark .neo-icon-button--support{color:#22d3ee}.dark .neo-icon-button--support:hover{color:#67e8f9}.neo-icon-button__badge{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2px var(--neo-surface)}.dark .neo-icon-button__badge{box-shadow:0 0 0 2px var(--neo-surface)}.neo-pill-button{position:relative;--pill-border: rgba(148, 163, 184, .45);--pill-glow: rgba(148, 163, 184, .7);--pill-glow-strong: rgba(148, 163, 184, .9);margin-left:8px;padding:6px 14px;border-radius:999px;border:none;background:linear-gradient(135deg,#94a3b833,#94a3b866);color:#e5e7eb;font-size:13px;font-weight:600;letter-spacing:.03em;cursor:pointer;overflow:hidden;box-shadow:0 0 0 1px var(--pill-border),0 0 10px #0f172a99;-webkit-backdrop-filter:none;backdrop-filter:none}.neo-pill-button--primary{--pill-border: rgba(248, 250, 252, .25);--pill-glow: rgba(249, 115, 22, .85);--pill-glow-strong: rgba(249, 115, 22, .95);background:linear-gradient(135deg,#f97316,#facc15);color:#111827}.neo-pill-button--support{--pill-border: rgba(248, 250, 252, .25);--pill-glow: rgba(125, 211, 252, .85);--pill-glow-strong: rgba(125, 211, 252, .95);background:linear-gradient(135deg,#67e8f9,#93c5fd);color:#0b1220}.neo-pill-button--group{--pill-border: rgba(248, 250, 252, .25);--pill-glow: rgba(52, 211, 153, .85);--pill-glow-strong: rgba(52, 211, 153, .95);background:linear-gradient(135deg,#6ee7b7,#86efac);color:#052e16}.neo-pill-button--alert{--pill-border: rgba(248, 250, 252, .35);--pill-glow: rgba(251, 191, 36, .85);--pill-glow-strong: rgba(251, 191, 36, .95)}.neo-pill-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 0% 0%,rgba(255,255,255,.4),transparent 55%);opacity:.6;pointer-events:none}.neo-pill-button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #f8fafc59,0 0 12px var(--pill-glow-strong)}.neo-pill-button:active{transform:translateY(0);box-shadow:0 0 0 1px #0f172a99,0 0 8px #0f172acc}@keyframes pill-breathe{0%,to{transform:translateY(0);box-shadow:0 0 0 1px var(--pill-border),0 0 16px #0f172ab3}50%{transform:translateY(-1px);box-shadow:0 0 0 1px #f8fafc80,0 0 26px var(--pill-glow)}}.neo-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.6rem 1.1rem;border-radius:999px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;background:linear-gradient(145deg,#fffffff2,#dcdcdcb3);color:var(--neo-text);box-shadow:var(--neo-shadow-outset);transition:transform .18s ease,box-shadow .2s ease,color .2s ease}.neo-button svg{width:18px;height:18px}.neo-button:hover{transform:translateY(-1px);box-shadow:var(--neo-shadow-hover)}.neo-button:active{transform:translateY(0);box-shadow:var(--neo-shadow-press)}.neo-button--ghost{background:var(--neo-surface)}.neo-flyout{position:absolute;top:calc(100% + 18px);right:28px;width:min(360px,82vw);background:var(--neo-surface);border-radius:26px;padding:20px 22px;border:1px solid var(--neo-border);box-shadow:var(--neo-shadow-outset);display:flex;flex-direction:column;gap:16px;z-index:120}.agent-token-panel{margin:18px clamp(1rem,2vw,1.8rem) 0;padding:16px;border:1px solid var(--neo-border);border-radius:18px;background:radial-gradient(circle at 0% 0%,rgba(102,126,234,.14),transparent 56%),var(--neo-surface);box-shadow:var(--neo-shadow);display:grid;grid-template-columns:minmax(190px,.65fr) minmax(260px,1fr);gap:14px;align-items:end}.agent-token-panel__title{margin:2px 0 6px;font-size:1.05rem;color:var(--neo-text)}.agent-token-panel__status{margin:0;color:var(--neo-muted);line-height:1.5}.agent-token-panel__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.agent-token-panel__input{width:100%;min-width:0;height:42px;padding:0 13px;border:1px solid rgba(148,163,184,.42);border-radius:13px;background:#ffffffc2;color:var(--neo-text);font:inherit;outline:none}.agent-token-panel__input:focus{border-color:#6366f1b8;box-shadow:0 0 0 3px #6366f124}.agent-token-panel__message{grid-column:2;margin:-6px 0 0;color:#047857;line-height:1.5}.agent-token-panel__message--error{color:#dc2626}.dark .agent-token-panel__input{background:#0f172a94;border-color:#94a3b842}.neo-flyout__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.neo-flyout__title{font-size:1.05rem;font-weight:600;color:var(--neo-text);margin-top:2px}.neo-flyout__body{display:flex;flex-direction:column;gap:14px;max-height:360px;overflow-y:auto}.neo-flyout__body--support{align-items:center}.neo-support-qr-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.neo-support-qr-item{display:flex;flex-direction:column;gap:8px}.neo-support-qr-title{margin:0;font-size:.78rem;color:var(--neo-muted);text-align:center}.neo-announcement{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:20px;background:var(--neo-surface);border:1px solid var(--neo-border);box-shadow:var(--neo-shadow-outset)}.neo-announcement__header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.neo-announcement__title{font-size:.95rem;font-weight:600;color:var(--neo-text)}.neo-announcement__time{font-size:.75rem;color:var(--neo-muted);white-space:nowrap}.neo-announcement__content{font-size:.86rem;line-height:1.6;color:var(--neo-text)}.neo-announcement__content :deep(:where(p,ul,ol,blockquote,pre,h1,h2,h3,h4)){margin:.7em 0}.neo-announcement__content :deep(:where(ul,ol)){padding-left:1.2em}.neo-announcement__content :deep(:where(a)){color:var(--primary-dark);text-decoration:underline}.neo-announcement__content :deep(> :first-child){margin-top:0}.neo-announcement__content :deep(> :last-child){margin-bottom:0}.neo-empty-text{font-size:.82rem;color:var(--neo-muted);text-align:center}.neo-support-image{width:100%;border-radius:20px;border:1px solid var(--neo-border);box-shadow:var(--neo-shadow-outset);background:var(--neo-surface)}.neo-support-image--customer{width:min(220px,100%);height:auto}.neo-support-hint{margin:0;font-size:.8rem;color:#111827;text-align:center}.dark .neo-support-hint{color:#e2e8f0}.dark .neo-topbar{border-color:#ffffff0d}.dark .neo-button{color:#e2e8f0;background:linear-gradient(145deg,#282830e6,#18181ed9);border:1px solid rgba(255,255,255,.05)}.dark .neo-button--ghost{background:var(--neo-surface)}.dark .neo-announcement{border-color:#ffffff0d}.dark .neo-announcement__content{color:#e2e8f0}.dark .neo-empty-text{color:#94a3b8}.dark .neo-support-image{border-color:#ffffff0d}.menu-toggle{display:none}@media (max-width: 1024px){.neo-topbar{flex-direction:column;align-items:stretch;gap:20px}.neo-topbar__actions{justify-content:flex-end}.menu-toggle{display:inline-flex}}@media (max-width: 768px){.neo-topbar{margin:16px;padding:20px}.agent-token-panel{margin:12px 16px 0;grid-template-columns:1fr}.agent-token-panel__form{grid-template-columns:1fr}.agent-token-panel__message{grid-column:1}.neo-support-qr-grid,.group-qr-modal__grid{grid-template-columns:1fr}}.code-copy-btn{position:absolute;top:8px;right:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s}.code-copy-btn:hover{background:#fff3}.code-block{background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:8px;overflow:auto;margin-bottom:1rem}.os-tabs{margin-top:4px}.os-tab{display:inline-block;padding:10px 16px;margin-right:8px;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:#ffffffd9;color:#0f172a;cursor:pointer;font-weight:600;transition:all .2s}.os-tab:hover{filter:brightness(.98)}.os-tab.active{background:linear-gradient(135deg,#667eea,#f093fb);color:#fff;border-color:transparent}.os-pane pre{margin-top:8px}.linear-chart-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px 24px;box-shadow:0 2px 8px #00000014;height:38vh;display:flex;flex-direction:column;margin-bottom:16px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.chart-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.chart-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.tab-group{display:flex;gap:4px;padding:4px;background:#0000000f;border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tab{padding:8px 20px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.tab:hover{background:#ffffff80;color:#475569}.tab.active{background:#fff;color:#1e293b;font-weight:700;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014,0 0 0 1px #0000000a}.chart-legend{display:flex;gap:12px;align-items:center}.legend-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;background:#fffffff2;border:1px solid rgba(0,0,0,.08);color:#1e293b;font-size:13px;font-weight:600;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legend-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #fffc}.chart-body{flex:1;position:relative;min-height:0}.chart-body canvas{width:100%!important;height:100%!important}.glass-card{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:24px;box-shadow:0 2px 15px -3px #00000012,0 10px 20px -2px #0000000a;transition:all .3s}.glass-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000040}.glass-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.glass-card-title{font-size:18px;font-weight:700;color:#1a1a1a}.mb-4{margin-bottom:1rem}.muted,.info-banner{color:#6b7280}.requests-list{display:flex;flex-direction:column;gap:6px}.request-card{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 12px;box-shadow:0 2px 15px -3px #00000012;transition:all .3s}.request-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #00000040}.request-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:12px}.request-card-left{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.request-card-time{font-size:14px;color:#6b7280}.request-card-sep{color:#9ca3af}.request-card-model{font-size:13px;color:#1f2937;font-family:monospace}.request-card-stats{display:flex;gap:12px}.request-card-cost,.request-card-remaining{font-size:13px;color:#1a1a1a}.pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pagination-btn{padding:8px 12px;background:#fff9;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.pagination-btn:hover{background:#667eea26;color:#667eea}.pagination-btn.active{background:#667eea;color:#fff;box-shadow:0 2px 15px -3px #00000012}@media (max-width: 1200px){.linear-cards-row{grid-template-columns:1fr}.card-value{font-size:40px}.linear-chart-card{height:45vh}}@media (max-width: 768px){.console{left:0!important}.user-sidebar{left:0;top:0;bottom:0;width:min(224px,84vw);border-radius:0;transform:translate(-100%);transition:transform .3s ease}.user-sidebar.show{transform:translate(0);box-shadow:8px 0 32px #0000004d}.user-sidebar.collapsed{width:80px}.menu-toggle{display:block}.sidebar-collapse-btn{width:32px;height:32px;flex-basis:32px}.linear-meta-bar{flex-wrap:wrap;gap:16px}.card-value{font-size:36px}.chart-header,.chart-controls{flex-direction:column;align-items:flex-start}.chart-legend{flex-wrap:wrap}.linear-chart-card{height:40vh}.dashboard{padding:16px}.user-info{display:none}}.api-key-input{font-family:JetBrains Mono,Courier New,monospace}h4,h5{color:#1a1a1a;margin:1rem 0 .5rem}h5{font-size:14px;font-weight:600}.linear-meta-bar{display:flex;align-items:center;gap:20px;padding:14px 20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#1a1a1a}.meta-icon{font-size:20px}.meta-value{font-weight:600;color:#1a1a1a}.linear-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}.linear-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .3s}.linear-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f}.card-label{font-size:13px;font-weight:500;color:#6b7280;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.card-value{font-size:48px;font-weight:800;color:#1a1a1a;line-height:1;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-progress{display:flex;align-items:center;gap:12px;margin-bottom:12px}.progress-bar{flex:1;height:8px;background:#0000001a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .6s ease}.progress-text{font-size:12px;font-weight:600;color:#667eea;min-width:40px;text-align:right}.card-breakdown{display:flex;align-items:center;gap:16px;font-size:13px;color:#6b7280;flex-wrap:wrap}.breakdown-item{display:flex;align-items:center;gap:6px}.breakdown-dot{width:10px;height:10px;border-radius:50%}.breakdown-dot.codex{background:linear-gradient(135deg,#00eaff,#09f)}.breakdown-dot.claude{background:linear-gradient(135deg,#8b5cf6,#d946ef)}.breakdown-dot.gemini{background:linear-gradient(135deg,#34d399,#10b981)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--text-muted)}.token-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--glass-border);border-radius:8px;background:#fff9}.token-row.active{border-color:#667eea99;box-shadow:0 0 0 3px #667eea26}.token-main{display:flex;flex-direction:column;gap:4px}.token-name{font-weight:600;color:var(--text-primary)}.token-preview{color:var(--text-secondary);font-family:ui-monospace,Menlo,Consolas,monospace}.token-actions{display:flex;gap:8px}.token-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;padding:16px;background:#0f172a8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10050}.token-modal{width:min(560px,96vw);background:var(--neo-surface);border-radius:28px;border:1px solid var(--neo-border);box-shadow:var(--neo-shadow-hover);overflow:hidden}.token-modal__header{padding:18px 20px 14px;border-bottom:1px solid var(--neo-border);background:radial-gradient(circle at 0% 0%,rgba(102,126,234,.18),transparent 60%),radial-gradient(circle at 100% 0%,rgba(240,147,251,.14),transparent 55%),var(--neo-surface)}.token-modal__title{margin:0;font-size:1.1rem;font-weight:800;color:var(--neo-text);letter-spacing:0}.token-modal__body{padding:16px 20px;color:var(--neo-text)}.token-modal__text{margin:0 0 10px;line-height:1.7;color:var(--neo-text)}.token-modal__hint{margin:10px 0 0;color:var(--neo-muted)}.token-modal__input{width:100%;margin-top:4px;padding:13px 14px;border:1px solid rgba(148,163,184,.42);border-radius:14px;background:#ffffffc2;color:var(--neo-text);font:inherit;outline:none}.token-modal__input:focus{border-color:#6366f1b8;box-shadow:0 0 0 3px #6366f124}.dark .token-modal__input{background:#0f172a94;border-color:#94a3b842}.token-modal__error{margin:8px 0 0;color:#dc2626;line-height:1.5}.token-modal__body code{font-family:ui-monospace,Menlo,Consolas,monospace;background:#94a3b82e;padding:2px 6px;border-radius:6px}.dark .token-modal__body code{background:#94a3b838}.token-modal__footer{padding:14px 20px 18px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--neo-border);background:var(--neo-surface)}.token-modal-enter-active,.token-modal-leave-active{transition:opacity .22s ease}.token-modal-enter-from,.token-modal-leave-to{opacity:0}.token-modal-enter-active .token-modal,.token-modal-leave-active .token-modal{transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s ease}.token-modal-enter-from .token-modal{transform:translateY(18px) scale(.98);opacity:0}.token-modal-leave-to .token-modal{transform:translateY(10px) scale(.99);opacity:0}.announcement-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;padding:16px;background:#0f172a8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000}.announcement-modal{width:min(920px,96vw);max-height:min(86dvh,760px);background:var(--neo-surface);border-radius:32px;border:1px solid var(--neo-border);box-shadow:var(--neo-shadow-hover);overflow:hidden;display:flex;flex-direction:column}.announcement-modal__header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid var(--neo-border);background:radial-gradient(circle at 0% 0%,rgba(102,126,234,.18),transparent 60%),radial-gradient(circle at 100% 0%,rgba(240,147,251,.14),transparent 55%),var(--neo-surface)}.announcement-modal__heading{min-width:0;display:flex;flex-direction:column;gap:4px}.announcement-modal__title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:0;color:var(--neo-text)}.announcement-modal__body{flex:1 1 auto;min-height:0;padding:18px 20px;display:flex;flex-direction:column;gap:14px;overflow:auto}.announcement-modal__footer{flex:0 0 auto;padding:14px 20px 18px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--neo-border);background:var(--neo-surface)}.neo-announcement--modal{padding:18px 20px;border-radius:24px}.dark .neo-announcement__content :deep(:where(a)){color:#a5b4fc}.announcement-modal-enter-active,.announcement-modal-leave-active{transition:opacity .28s ease}.announcement-modal-enter-from,.announcement-modal-leave-to{opacity:0}.announcement-modal-enter-active .announcement-modal,.announcement-modal-leave-active .announcement-modal{transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .28s ease}.announcement-modal-enter-from .announcement-modal{transform:translateY(18px) scale(.96);opacity:0}.announcement-modal-leave-to .announcement-modal{transform:translateY(10px) scale(.98);opacity:0}.group-qr-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;padding:16px;background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2050}.group-qr-modal{width:min(700px,96vw);max-height:min(86dvh,720px);background:var(--neo-surface);border-radius:28px;border:1px solid var(--neo-border);box-shadow:var(--neo-shadow-hover);overflow:hidden;display:flex;flex-direction:column}.group-qr-modal__header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid var(--neo-border);background:radial-gradient(circle at 0% 0%,rgba(16,185,129,.2),transparent 60%),radial-gradient(circle at 100% 0%,rgba(59,130,246,.14),transparent 55%),var(--neo-surface)}.group-qr-modal__heading{min-width:0;display:flex;flex-direction:column;gap:4px}.group-qr-modal__title{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:0;color:var(--neo-text)}.group-qr-modal__body{flex:1 1 auto;min-height:0;padding:18px 20px;display:flex;flex-direction:column;align-items:stretch;gap:14px;overflow:auto;-webkit-overflow-scrolling:touch}.group-qr-modal__content{line-height:1.6;color:#111827;text-align:left}.group-qr-modal__content :deep(:where(p,ul,ol,blockquote,pre,h1,h2,h3,h4)){margin:.7em 0}.group-qr-modal__content :deep(:where(ul,ol)){padding-left:1.2em}.group-qr-modal__content :deep(:where(a)){color:var(--primary-dark);text-decoration:underline}.group-qr-modal__content :deep(:where(img)){max-width:100%;border-radius:14px}.group-qr-modal__content :deep(> :first-child){margin-top:0}.group-qr-modal__content :deep(> :last-child){margin-bottom:0}.dark .group-qr-modal__content{color:#f3f4f6}.dark .group-qr-modal__content :deep(:where(a)){color:#a5b4fc}.group-qr-modal__grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.group-qr-modal__item{display:flex;flex-direction:column;gap:8px}.group-qr-modal__item-title{margin:0;font-size:.78rem;color:var(--neo-muted);text-align:center}.group-qr-modal__image{width:100%;max-width:100%;border-radius:16px;border:1px solid rgba(148,163,184,.26);box-shadow:0 10px 28px -18px #0f172a8c;background:#fffc}.dark .group-qr-modal__image{background:#0f172acc}.group-qr-modal__footer{flex:0 0 auto;padding:14px 20px 18px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--neo-border);background:var(--neo-surface)}.group-qr-modal-enter-active,.group-qr-modal-leave-active{transition:opacity .24s ease}.group-qr-modal-enter-from,.group-qr-modal-leave-to{opacity:0}.group-qr-modal-enter-active .group-qr-modal,.group-qr-modal-leave-active .group-qr-modal{transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .24s ease}.group-qr-modal-enter-from .group-qr-modal{transform:translateY(14px) scale(.97);opacity:0}.group-qr-modal-leave-to .group-qr-modal{transform:translateY(8px) scale(.985);opacity:0}@media (max-width: 640px){.announcement-modal-mask,.group-qr-modal-mask{padding:10px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom));align-items:center}.announcement-modal,.group-qr-modal{width:min(100%,calc(100vw - 20px));max-height:calc(100dvh - 20px);border-radius:20px}.announcement-modal__header,.group-qr-modal__header{align-items:center;padding:12px 14px}.announcement-modal__title,.group-qr-modal__title{font-size:1rem}.announcement-modal__body,.group-qr-modal__body{padding:12px 14px;overflow:auto;-webkit-overflow-scrolling:touch}.announcement-modal__footer,.group-qr-modal__footer{padding:10px 14px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.announcement-modal__footer .neo-button,.group-qr-modal__footer .neo-button{width:100%;min-height:44px;justify-content:center}.neo-announcement--modal{padding:14px;border-radius:18px}.group-qr-modal__grid{grid-template-columns:1fr}.group-qr-modal__content :deep(:where(img)){max-height:58dvh;object-fit:contain}}.console-page .linear-chart-card,.console-page .tab-group,.console-page .legend-badge,.console-page .glass-card,.console-page .request-card,.console-page .linear-meta-bar,.console-page .linear-card{-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-reduced-motion: reduce){.announcement-modal-enter-active,.announcement-modal-leave-active,.announcement-modal-enter-active .announcement-modal,.announcement-modal-leave-active .announcement-modal,.group-qr-modal-enter-active,.group-qr-modal-leave-active,.group-qr-modal-enter-active .group-qr-modal,.group-qr-modal-leave-active .group-qr-modal{transition:none}}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-size:12px;color:var(--text-secondary)}.form-row input{border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:14px}.error-text{color:var(--danger);font-size:12px}.api-token-manager{max-width:900px;margin:0 auto 24px}.premium-card-token{position:relative;background:#fffffff2;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #00000012,0 8px 20px #0000000d;transition:all .3s}.premium-card-token:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.premium-card-header{padding:24px 24px 20px;border-bottom:1px solid rgba(0,0,0,.08);background:linear-gradient(to bottom,#fff,#f9fafbcc)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-icon-title{display:flex;align-items:center;gap:16px}.icon-circle{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:0 4px 12px #667eea66}.card-main-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #10b9814d}.premium-card-body{padding:24px;display:flex;flex-direction:column;gap:20px}.input-section{display:flex;flex-direction:column;gap:10px}.input-label-modern{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151}.input-label-modern i{color:var(--primary)}.input-with-button{display:flex;gap:12px;align-items:stretch}.input-modern{flex:1;padding:12px 16px;font-size:14px;font-family:JetBrains Mono,monospace;color:#1f2937;background:#f9fafbcc;border:2px solid #e5e7eb;border-radius:10px;transition:all .2s;outline:none}.input-modern:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #667eea1a}.input-modern::placeholder{color:#9ca3af}.btn-modern{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-modern i{font-size:14px}.btn-primary-modern{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 2px 8px #667eea4d,0 4px 16px #667eea33}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66,0 8px 24px #667eea40}.btn-primary-modern:active{transform:translateY(0)}.btn-secondary-modern{background:#667eea1a;color:var(--primary);border:1px solid rgba(102,126,234,.2)}.btn-secondary-modern:hover{background:#667eea26;border-color:#667eea4d}.btn-outline-modern{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline-modern:hover{background:#6b72800d;border-color:#9ca3af;color:#374151}.btn-modern:disabled{opacity:.5;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#dc2626;font-size:13px}.error-message i{font-size:14px}.token-info-section{padding:16px;background:linear-gradient(135deg,#667eea0d,#f093fb0d);border:1px solid rgba(102,126,234,.15);border-radius:12px}.info-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.info-label-text{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.token-code-display{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;color:var(--primary);background:#fff;padding:8px 14px;border-radius:8px;border:1px solid rgba(102,126,234,.2)}.action-buttons-group{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 768px){.api-token-manager{max-width:100%}.header-icon-title{flex-direction:column;align-items:flex-start}.input-with-button,.action-buttons-group{flex-direction:column}.btn-modern{width:100%;justify-content:center}}

.dashboard-page{min-height:100%;background:var(--surface-bg, #e0e0e0);padding:clamp(1.5rem,2.5vw,2.4rem) 0 2.8rem}.dark .dashboard-page{background:var(--surface-bg-dark, #1f1f24)}.dashboard-container{width:100%;max-width:none;margin:0;padding:0 clamp(16px,2.5vw,32px);display:flex;flex-direction:column;gap:1.1rem}.neo-card{position:relative;border-radius:24px;background:var(--surface-bg, #e0e0e0);box-shadow:18px 18px 35px #bebebe,-18px -18px 35px #fff;border:1px solid var(--neo-border, rgba(255, 255, 255, .35));color:var(--neo-text, #2d3748);transition:transform .2s ease-out,box-shadow .2s ease-out,color .2s ease-out}.neo-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.35);mix-blend-mode:soft-light;pointer-events:none}.dark .neo-card{background:var(--surface-bg-dark, #1f1f24);box-shadow:20px 20px 40px #000c,-20px -20px 40px #3c3c444d;border-color:#ffffff1f}.dark .neo-card:before{border-color:#ffffff2e;mix-blend-mode:overlay}.neo-card:hover{transform:translateY(-2px);box-shadow:20px 20px 40px #bebebe,-20px -20px 40px #fff}.dark .neo-card:hover{box-shadow:22px 22px 45px #000000e6,-22px -22px 45px #46464e66}.neo-card--header{padding:clamp(.6rem,1.6vw,1rem)}.neo-header{display:flex;flex-direction:column;gap:.6rem}@media (min-width: 768px){.neo-header{flex-direction:row;align-items:center;justify-content:space-between}}.neo-header__copy{display:flex;flex-direction:column;gap:.3rem;max-width:520px}.neo-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--neo-muted, #718096)}.dark .neo-label{color:var(--neo-muted, #a0aec0)}.neo-title{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;color:var(--neo-text, #2d3748)}.dark .neo-title{color:var(--neo-text, #e2e8f0)}.neo-subtitle{font-size:.78rem;line-height:1.2;color:var(--neo-muted, #718096);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .neo-subtitle{color:var(--neo-muted, #a0aec0)}.neo-meta__item dt{font-size:.78rem}.neo-plan{display:flex;flex-direction:column;gap:.1rem;font-size:.8rem}.neo-plan__line{line-height:1.3;white-space:nowrap}.neo-meta{display:grid;gap:.6rem 2rem;grid-template-columns:repeat(2,minmax(140px,1fr));margin-left:auto}@media (min-width: 768px){.neo-meta{width:min(100%,720px);grid-template-columns:minmax(72px,max-content) minmax(170px,max-content) minmax(190px,max-content);align-items:start;justify-content:end}}.neo-meta__item{display:flex;flex-direction:column;gap:.35rem}.neo-meta__item dt{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--neo-muted, #718096)}.dark .neo-meta__item dt{color:var(--neo-muted, #a0aec0)}.neo-meta__item dd{margin:0;font-size:.94rem;font-weight:600;color:var(--neo-text, #2d3748);word-break:break-word}.dark .neo-meta__item dd{color:var(--neo-text, #e2e8f0)}.neo-meta__item dd.neo-expiry-row{display:flex;align-items:center;gap:.9rem}.neo-expiry-row__text{min-width:0}.neo-meta-refresh{width:28px;height:28px;flex:0 0 28px;border:1px solid rgba(255,255,255,.45);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-bg, #e8e8e8);color:var(--neo-text, #2d3748);cursor:pointer;box-shadow:4px 4px 8px #0000001f,-4px -4px 8px #ffffffb8;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.neo-meta-refresh:not(:disabled):hover{transform:translateY(-1px);box-shadow:5px 5px 10px #00000024,-5px -5px 10px #ffffffc7}.neo-meta-refresh:disabled{cursor:not-allowed;opacity:.62}.neo-meta-refresh svg{width:15px;height:15px}.neo-meta-refresh.is-loading svg{animation:dashboard-refresh-spin-e2bdccdf .9s linear infinite}.dark .neo-meta-refresh{background:var(--surface-bg-dark, #202025);color:var(--neo-text, #f8fafc);border-color:#ffffff1f;box-shadow:4px 4px 8px #0009,-4px -4px 8px #46464e42}.dark .neo-meta-refresh:not(:disabled):hover{box-shadow:5px 5px 10px #000000b8,-5px -5px 10px #46464e52}@keyframes dashboard-refresh-spin-e2bdccdf{to{transform:rotate(360deg)}}.neo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem;align-items:stretch}.neo-metric{display:flex;gap:1rem;align-items:flex-start;padding:clamp(1.1rem,2vw,1.35rem);transition:transform .2s ease-out}.neo-metric:hover{transform:translateY(-2px)}.neo-metric__badge{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 4px 4px 8px #ffffff52,inset -4px -4px 9px #00000014}.neo-metric__badge svg{width:22px;height:22px}.neo-metric__badge.is-blue{background:linear-gradient(145deg,#60a5fa,#2563eb)}.neo-metric__badge.is-purple{background:linear-gradient(145deg,#a855f7,#7c3aed)}.neo-metric__badge.is-amber{background:linear-gradient(145deg,#fbbf24,#d97706)}.neo-metric__badge.is-emerald{background:linear-gradient(145deg,#34d399,#059669)}.neo-metric__badge.is-cyan{background:linear-gradient(145deg,#38bdf8,#0ea5e9)}.neo-metric__badge.is-spark{background:linear-gradient(145deg,#facc15,#14b8a6)}.neo-metric__body{display:flex;flex-direction:column;gap:.6rem;flex:1}.neo-metric__label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--neo-muted, #718096)}.dark .neo-metric__label{color:var(--neo-muted, #a0aec0)}.neo-metric__value{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:700;color:var(--neo-text, #2d3748)}.dark .neo-metric__value{color:var(--neo-text, #e2e8f0)}.neo-metric--points .neo-metric__body{gap:.8rem}.neo-points-header{display:flex;justify-content:space-between;align-items:center}.neo-points-total{font-size:.78rem;font-weight:600;color:var(--neo-muted, #718096)}.dark .neo-points-total{color:var(--neo-muted, #a0aec0)}.neo-points-main{display:flex;align-items:baseline;gap:.4rem}.neo-metric__unit{font-size:.8rem;font-weight:500;margin-left:.25rem;color:var(--neo-muted, #718096)}.dark .neo-metric__unit{color:var(--neo-muted, #a0aec0)}.neo-topup-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.neo-topup-count{flex:0 0 auto;border-radius:999px;padding:.18rem .55rem;font-size:.72rem;font-weight:700;color:#92400e;background:#fbbf2438}.dark .neo-topup-count{color:#fde68a;background:#d9770633}.neo-topup-summary{margin:-.25rem 0 0;font-size:.78rem;font-weight:700;color:#b45309}.dark .neo-topup-summary{color:#fbbf24}.neo-window-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.neo-window-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.45rem .9rem;font-size:.78rem;font-weight:700;color:#fff;background:linear-gradient(145deg,#34d399,#059669);box-shadow:0 10px 20px #10b9812e;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.neo-window-btn:hover{transform:translateY(-1px);box-shadow:0 14px 24px #10b98138}.neo-window-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.neo-window-btn--ghost{color:var(--neo-text, #2d3748);background:#e2e8f0d9;box-shadow:none}.dark .neo-window-btn--ghost{color:var(--neo-text, #e2e8f0);background:#1e293ba6}.neo-window-status{margin:0;font-size:.74rem;color:var(--neo-muted, #718096)}.dark .neo-window-status{color:var(--neo-muted, #a0aec0)}.neo-window-status--error{color:#ef4444}.dark .neo-window-status--error{color:#f87171}.neo-progress{display:flex;align-items:center;gap:.75rem}.neo-progress__bar{flex:1;height:7px;border-radius:999px;background:var(--surface-bg, #e0e0e0);overflow:hidden;box-shadow:inset 3px 3px 6px #00000026,inset -3px -3px 6px #ffffffb3}.dark .neo-progress__bar{background:var(--surface-bg-dark, #1f1f24);box-shadow:inset 4px 4px 8px #0009,inset -4px -4px 8px #50505840}.neo-progress__fill{height:100%;border-radius:inherit;background:linear-gradient(135deg,#6366f1,#8b5cf6);transition:width .2s ease-out}.neo-progress--sub .neo-progress__fill{background:linear-gradient(135deg,#fbbf24,#f97316)}.neo-progress--spark .neo-progress__fill{background:linear-gradient(135deg,#facc15,#10b981)}.neo-metric--spark{border-color:#14b8a638;padding:1rem;gap:.8rem}.neo-metric--spark .neo-metric__body{gap:.45rem}.neo-metric--spark .neo-metric__value{font-size:clamp(1.05rem,1.8vw,1.22rem)}.neo-spark-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.neo-spark-state{flex:0 0 auto;border-radius:999px;padding:.16rem .52rem;font-size:.7rem;font-weight:700;color:#0f766e;background:#14b8a61f}.dark .neo-spark-state{color:#99f6e4;background:#14b8a62e}.neo-spark-model{margin:-.35rem 0 0;font-size:.72rem;line-height:1.25;color:var(--neo-muted, #718096);word-break:break-all}.dark .neo-spark-model{color:var(--neo-muted, #a0aec0)}.neo-spark-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.neo-spark-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:10px;padding:.36rem .68rem;font-size:.74rem;font-weight:700;line-height:1.2;color:#fff;background:linear-gradient(135deg,#14b8a6,#0f766e);cursor:pointer;box-shadow:0 10px 18px #14b8a629;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.neo-spark-btn:hover{transform:translateY(-1px);box-shadow:0 13px 22px #14b8a633}.neo-spark-btn.active{background:linear-gradient(135deg,#475569,#1f2937);box-shadow:none}.neo-spark-btn:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.neo-spark-btn--ghost{color:var(--neo-text, #2d3748);background:#e2e8f0d9;box-shadow:none}.dark .neo-spark-btn--ghost{color:var(--neo-text, #e2e8f0);background:#1e293bb8}.neo-spark-locked-pill{display:inline-flex;align-items:center;width:fit-content;min-height:26px;border-radius:10px;padding:.32rem .62rem;font-size:.74rem;font-weight:700;line-height:1.2;color:#a16207;background:#a1620729}.dark .neo-spark-locked-pill{color:#fde68a;background:#a1620733}.spark-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1rem}.spark-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a7a}.spark-modal__panel{position:relative;width:min(540px,100%);max-height:min(86vh,620px);overflow:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.42) transparent;border-radius:18px;padding:1.15rem;background:var(--surface-bg, #f8fafc);color:var(--neo-text, #2d3748);box-shadow:0 24px 70px #0f172a47}.spark-modal__panel::-webkit-scrollbar{width:8px;height:8px}.spark-modal__panel::-webkit-scrollbar-track{background:transparent}.spark-modal__panel::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#64748b5c;background-clip:padding-box}.spark-modal__panel::-webkit-scrollbar-thumb:hover{background:#4755698c;background-clip:padding-box}.dark .spark-modal__panel{background:var(--surface-bg-dark, #1f1f24);color:var(--neo-text, #e2e8f0);scrollbar-color:rgba(148,163,184,.46) transparent}.dark .spark-modal__panel::-webkit-scrollbar-thumb{background:#94a3b85c;background-clip:padding-box}.dark .spark-modal__panel::-webkit-scrollbar-thumb:hover{background:#cbd5e185;background-clip:padding-box}.spark-modal__close{position:absolute;top:.85rem;right:.85rem;width:28px;height:28px;border:0;border-radius:999px;background:#94a3b82e;color:var(--neo-muted, #718096);font-size:.9rem;font-weight:700;line-height:1;cursor:pointer}.dark .spark-modal__close{color:var(--neo-muted, #a0aec0);background:#94a3b829}.spark-modal__panel h3{margin:0 2rem .85rem 0;font-size:1.08rem;font-weight:700}.spark-modal__eyebrow{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:.18rem .58rem;margin-bottom:.65rem;background:#facc1529;color:#a16207;font-size:.72rem;font-weight:700}.dark .spark-modal__eyebrow{color:#fde68a;background:#a1620733}.spark-modal__lead,.spark-modal__note{margin:0 0 .85rem;font-size:.82rem;line-height:1.65;color:var(--neo-muted, #718096)}.dark .spark-modal__lead,.dark .spark-modal__note{color:var(--neo-muted, #a0aec0)}.spark-modal__section{border-radius:14px;padding:.8rem .9rem;margin-top:.7rem;background:#14b8a612;border:1px solid rgba(20,184,166,.14)}.dark .spark-modal__section{background:#14b8a61a;border-color:#14b8a633}.spark-modal__section h4{margin:0 0 .42rem;font-size:.86rem;font-weight:700}.spark-modal__note{margin-top:.85rem;margin-bottom:0;color:#0f766e}.dark .spark-modal__note{color:#99f6e4}.spark-modal__panel ol,.spark-modal__panel ul{margin:0;padding-left:1.15rem;font-size:.82rem;line-height:1.7}.spark-modal__panel ul{margin-top:.75rem}.spark-modal__panel code{display:inline-block;max-width:100%;border-radius:8px;padding:.08rem .32rem;background:#0f172a14;color:#0f766e;font-size:.76rem;white-space:normal;word-break:break-all}.dark .spark-modal__panel code{background:#ffffff14;color:#99f6e4}.neo-progress__value{font-size:.72rem;font-weight:600;color:var(--neo-muted, #718096)}.dark .neo-progress__value{color:var(--neo-muted, #a0aec0)}.neo-breakdown{display:flex;flex-wrap:wrap;gap:.6rem 1rem;font-size:.78rem;color:var(--neo-muted, #718096);padding:0;margin:0;list-style:none}.dark .neo-breakdown{color:var(--neo-muted, #a0aec0)}.neo-breakdown--stack{flex-direction:column;gap:.4rem}.neo-breakdown--muted{color:var(--neo-muted, #718096)}.dark .neo-breakdown--muted{color:var(--neo-muted, #a0aec0)}.neo-breakdown li{display:inline-flex;align-items:center;gap:.5rem}.neo-breakdown--dual{flex-direction:column;gap:.4rem}.neo-breakdown__value{font-size:.76rem;color:var(--neo-muted, #7a869c)}.dark .neo-breakdown__value{color:var(--neo-muted, #a0aec0)}.neo-dot{width:.6rem;height:.6rem;border-radius:999px;box-shadow:0 0 6px #0000001f}.neo-dot.is-codex{background:linear-gradient(135deg,#5eead4,#14b8a6)}.neo-dot.is-claude{background:linear-gradient(135deg,#a855f7,#7c3aed)}.neo-dot.is-gemini{background:linear-gradient(135deg,#34d399,#0ea5e9)}.neo-dot.is-grok{background:linear-gradient(135deg,#111827,#64748b)}.neo-dot.is-request{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.neo-dot.is-points{background:linear-gradient(135deg,#6366f1,#ec4899)}.neo-dot.is-usd{background:linear-gradient(135deg,#0ea5e9,#059669)}.neo-dot.is-cache{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.neo-panel{display:flex;flex-direction:column;gap:1.2rem;padding:clamp(1.1rem,2vw,1.5rem)}.neo-panel__header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between}.neo-panel__title{font-size:1rem;font-weight:600;color:var(--neo-text, #2d3748)}.dark .neo-panel__title{color:var(--neo-text, #e2e8f0)}.neo-panel__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.neo-panel__actions--compact{gap:.75rem}.neo-tab-group{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem;border-radius:999px;background:var(--surface-bg, #e0e0e0);box-shadow:inset 4px 4px 9px #00000026,inset -4px -4px 9px #ffffffb3}.dark .neo-tab-group{background:var(--surface-bg-dark, #1f1f24);box-shadow:inset 6px 6px 12px #0009,inset -6px -6px 12px #50505840}.neo-tab-group--compact{padding:.25rem}.neo-tab{border:none;background:transparent;color:var(--neo-muted, #718096);padding:.4rem .9rem;font-size:.78rem;font-weight:600;border-radius:999px;cursor:pointer;transition:color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out,background-color .2s ease-out}.dark .neo-tab{color:var(--neo-muted, #a0aec0)}.neo-tab:hover{color:var(--neo-text, #2d3748);transform:translateY(-1px);box-shadow:2px 2px 4px #0000001a,-2px -2px 4px #ffffffb3}.dark .neo-tab:hover{color:var(--neo-text, #e2e8f0);box-shadow:3px 3px 6px #000000b3,-3px -3px 6px #50505859;background:var(--surface-bg-dark, #1f1f24)}.neo-tab.active{color:var(--neo-text, #2d3748);background:var(--surface-bg, #e0e0e0);box-shadow:inset 2px 2px 4px #00000026,inset -2px -2px 4px #ffffffb3}.dark .neo-tab.active{color:var(--neo-text, #e2e8f0);background:var(--surface-bg-dark, #1f1f24);box-shadow:inset 4px 4px 8px #000000b3,inset -4px -4px 8px #5050584d}.neo-legend{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.75rem}.neo-legend__item{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border-radius:999px;background:#fff9;border:1px solid rgba(255,255,255,.35);color:var(--neo-text, #2d3748)}.dark .neo-legend__item{background:#28282db3;border-color:#28282d80;box-shadow:inset 2px 2px 4px #00000080,inset -2px -2px 4px #50505840;color:var(--neo-text, #e2e8f0)}.neo-panel__body{position:relative;height:clamp(260px,45vh,340px)}.neo-panel__body--split{height:clamp(240px,42vh,320px)}.neo-panel__body canvas{width:100%!important;height:100%!important}.neo-panel__helper{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--neo-muted, #718096)}.dark .neo-panel__helper{color:var(--neo-muted, #a0aec0)}.neo-panel__helper--inline{font-size:.72rem;letter-spacing:.05em}@media (max-width: 768px){.dashboard-container{padding:0 1rem;gap:1rem}.neo-grid{gap:1rem}.neo-metric{padding:1.2rem}.neo-panel__body,.neo-panel__body--split{height:280px}.neo-legend__item{padding:.4rem .8rem}.neo-header{gap:.8rem}.neo-meta{grid-template-columns:repeat(2,minmax(120px,1fr));gap:.75rem .9rem}}@media (max-width: 480px){.neo-card--header{padding:1rem}.neo-meta{grid-template-columns:1fr}.neo-panel__actions{justify-content:flex-start}.neo-header__copy{max-width:100%}.neo-tab-group{flex-wrap:wrap}.neo-legend{width:100%;justify-content:center}}

.subscription-page{--na-primary: #18181b;--na-primary-fg: #ffffff;--na-accent: #2563eb;--na-accent-fg: #ffffff;--na-fg: #0a0a0a;--na-fg-muted: #525252;--na-fg-faint: #737373;--na-card-bg: #ffffff;--na-card-border: #e5e7eb;--na-card-border-strong: #d4d4d8;--na-divider: #f4f4f5;--na-muted: #fafafa;--na-muted-2: #f4f4f5;--na-success: #16a34a;--na-success-bg: #f0fdf4;--na-success-border: #bbf7d0;--na-warning: #ca8a04;--na-warning-bg: #fefce8;--na-warning-border: #fde68a;--na-danger: #dc2626;--na-danger-bg: #fef2f2;--na-danger-border: #fecaca;--na-info: #2563eb;--na-info-bg: #eff6ff;--na-info-border: #bfdbfe;--na-radius: 10px;--na-radius-sm: 6px;--na-radius-lg: 14px;min-height:100%;padding:clamp(1.6rem,3vw,2.5rem) 0 3.2rem;background:var(--surface-bg, #e0e0e0);color:var(--na-fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.55}.dark .subscription-page{--na-primary: #fafafa;--na-primary-fg: #0a0a0a;--na-accent: #60a5fa;--na-fg: #fafafa;--na-fg-muted: #c2c2c4;--na-fg-faint: #8d8d90;--na-card-bg: #1c1c1f;--na-card-border: rgba(255, 255, 255, .1);--na-card-border-strong: rgba(255, 255, 255, .16);--na-divider: rgba(255, 255, 255, .06);--na-muted: rgba(255, 255, 255, .04);--na-muted-2: rgba(255, 255, 255, .06);--na-success: #4ade80;--na-success-bg: rgba(74, 222, 128, .08);--na-success-border: rgba(74, 222, 128, .28);--na-warning: #facc15;--na-warning-bg: rgba(250, 204, 21, .08);--na-warning-border: rgba(250, 204, 21, .28);--na-danger: #f87171;--na-danger-bg: rgba(248, 113, 113, .08);--na-danger-border: rgba(248, 113, 113, .28);--na-info: #60a5fa;--na-info-bg: rgba(96, 165, 250, .08);--na-info-border: rgba(96, 165, 250, .28);background:var(--surface-bg-dark, #1f1f24)}.subscription-page .subscription-container{width:100%;max-width:1480px;margin:0 auto;padding:0 clamp(16px,2.5vw,32px);display:flex;flex-direction:column;gap:16px}.subscription-page--desktop-bridge{min-height:100vh;padding:12px 0;background:var(--surface-bg-dark, #1f1f24)}.subscription-page--desktop-bridge .subscription-container{max-width:none;padding:0 12px}.subscription-page--desktop-bridge .subscription-card--online{min-height:calc(100vh - 24px);margin:0}.subscription-page .subscription-header{border:1px solid var(--na-card-border);border-radius:var(--na-radius);background:var(--na-card-bg);padding:20px 22px;box-shadow:none}.subscription-page .subscription-header .neo-header{display:flex;flex-direction:column;gap:6px}.subscription-page .subscription-header .neo-header__copy{display:flex;flex-direction:column;gap:8px}.subscription-page .subscription-header .neo-title{margin:0;font-size:clamp(18px,2vw,22px);font-weight:600;letter-spacing:-.005em;color:var(--na-fg);line-height:1.3}.subscription-page .subscription-header .neo-subtitle{margin:0;white-space:normal;font-size:13px;line-height:1.6;color:var(--na-fg-muted);max-width:920px}.subscription-page .subscription-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.subscription-page .subscription-column{min-width:0;display:grid;gap:16px;align-content:flex-start}.subscription-page .subscription-card,.subscription-page .subscription-empty,.subscription-page .subscription-history li,.subscription-page .payment-product-card{border:1px solid var(--na-card-border);border-radius:var(--na-radius);background:var(--na-card-bg);box-shadow:none;transition:border-color .18s ease}.subscription-page .subscription-card{padding:0;display:flex;flex-direction:column;overflow:hidden}.subscription-page .subscription-step-head,.subscription-page .subscription-step-row{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--na-divider);min-height:56px;background:transparent}.subscription-page .subscription-step-row{justify-content:space-between;flex-wrap:wrap;row-gap:8px}.subscription-page .subscription-step-head>div,.subscription-page .subscription-step-row>.subscription-step-head{min-width:0;flex:1;padding:0;border:0;min-height:0}.subscription-page .subscription-card>*:not(.subscription-step-head):not(.subscription-step-row){margin-left:20px;margin-right:20px}.subscription-page .subscription-card>*:not(.subscription-step-head):not(.subscription-step-row):first-child{margin-top:16px}.subscription-page .subscription-card>*:not(.subscription-step-head):not(.subscription-step-row):last-child{margin-bottom:18px}.subscription-page .subscription-card>*:not(.subscription-step-head):not(.subscription-step-row):not(:last-child){margin-bottom:12px}.subscription-page .subscription-card__title{margin:0;font-size:15px;font-weight:600;line-height:22px;color:var(--na-fg)}.subscription-page .subscription-card__subtitle{margin:3px 0 0;font-size:13px;line-height:20px;color:var(--na-fg-muted)}.subscription-page .subscription-step-index{flex:0 0 26px;width:26px;height:26px;border-radius:var(--na-radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--na-primary-fg);background:var(--na-primary);letter-spacing:0;line-height:1}.subscription-page .subscription-step-index--muted{background:var(--na-muted-2);color:var(--na-fg-muted)}.subscription-page .subscription-inline-status,.subscription-page .subscription-taobao-target{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.subscription-page .subscription-inline-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border:1px solid var(--na-card-border);border-radius:999px;background:var(--na-card-bg);color:var(--na-fg-muted);font-size:12px;font-weight:500;line-height:22px;white-space:nowrap;font-variant-numeric:tabular-nums}.subscription-page .subscription-inline-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--na-fg-faint)}.subscription-page .subscription-inline-pill:first-child{border-color:var(--na-success-border);background:var(--na-success-bg);color:var(--na-success)}.subscription-page .subscription-inline-pill:first-child:before{background:var(--na-success)}.subscription-page .subscription-field{display:grid;gap:6px}.subscription-page .subscription-field__label{font-size:12px;font-weight:500;color:var(--na-fg-muted);letter-spacing:.04em;text-transform:uppercase;line-height:18px}.subscription-page .subscription-input,.subscription-page .subscription-textarea{width:100%;height:38px;min-height:38px;padding:8px 12px;font-size:13px;line-height:1.5;background:var(--na-card-bg);border:1px solid var(--na-card-border);border-radius:var(--na-radius-sm);color:var(--na-fg);outline:none;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transition:border-color .16s ease,box-shadow .16s ease;box-shadow:none}.subscription-page .subscription-textarea{font-family:inherit;height:auto;min-height:84px;padding:10px 12px;resize:vertical}.subscription-page .subscription-input::placeholder,.subscription-page .subscription-textarea::placeholder{color:var(--na-fg-faint)}.subscription-page .subscription-input:hover,.subscription-page .subscription-textarea:hover{border-color:var(--na-card-border-strong)}.subscription-page .subscription-input:focus,.subscription-page .subscription-textarea:focus{border-color:var(--na-fg);box-shadow:0 0 0 3px #0000000f}.dark .subscription-page .subscription-input:focus,.dark .subscription-page .subscription-textarea:focus{border-color:var(--na-fg);box-shadow:0 0 0 3px #ffffff14}.subscription-page .subscription-input:disabled,.subscription-page .subscription-textarea:disabled{background:var(--na-muted);color:var(--na-fg-faint);cursor:not-allowed}.subscription-page .subscription-card--current-key .subscription-input,.subscription-page .subscription-card--taobao .subscription-input{height:40px;min-height:40px}.subscription-page .subscription-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.subscription-page .subscription-tips{display:grid;gap:4px;font-size:12px;line-height:18px;color:var(--na-fg-muted)}.subscription-page .subscription-rule-list{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13px;line-height:20px;color:var(--na-fg-muted)}.subscription-page .subscription-rule-list li::marker{color:var(--na-fg-faint)}.subscription-page .subscription-card--taobao .subscription-rule-list--taobao{margin-top:auto}.subscription-page .neo-pill-button{margin-left:0;height:36px;padding:0 14px;border:1px solid var(--na-card-border);border-radius:var(--na-radius-sm);background:var(--na-card-bg);color:var(--na-fg);font-size:13px;font-weight:500;letter-spacing:0;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .12s ease}.subscription-page .neo-pill-button:before{content:none}.subscription-page .neo-pill-button:hover{background:var(--na-muted);border-color:var(--na-card-border-strong);color:var(--na-fg);transform:none;box-shadow:none}.subscription-page .neo-pill-button:active{transform:translateY(1px)}.subscription-page .neo-pill-button:disabled{opacity:.5;cursor:not-allowed}.subscription-page .neo-pill-button--primary{border-color:var(--na-primary);background:var(--na-primary);color:var(--na-primary-fg);box-shadow:none}.subscription-page .neo-pill-button--primary:after{content:none}.subscription-page .neo-pill-button--primary:hover{border-color:var(--na-primary);background:var(--na-primary);color:var(--na-primary-fg);opacity:.88;box-shadow:none}.subscription-page .neo-pill-button--primary:disabled{opacity:.45;background:var(--na-primary);color:var(--na-primary-fg)}.subscription-page .subscription-card--online{gap:0}.subscription-page .subscription-current-strip{border:1px solid var(--na-card-border);border-radius:var(--na-radius);padding:14px 16px;display:grid;gap:12px;background:var(--na-muted)}.subscription-page .subscription-current-strip__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.subscription-page .subscription-current-strip__head strong{font-size:13px;font-weight:600;color:var(--na-fg);letter-spacing:0}.subscription-page .subscription-current-strip__head p{margin:4px 0 0;font-size:12px;line-height:18px;color:var(--na-fg-muted)}.subscription-page .subscription-current-strip__meta{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--na-card-border);border-radius:var(--na-radius-sm);background:var(--na-card-bg);overflow:hidden}.subscription-page .subscription-current-strip__meta div{padding:10px 14px;border-right:1px solid var(--na-divider);background:transparent}.subscription-page .subscription-current-strip__meta div:last-child{border-right:none}.subscription-page .subscription-current-strip__meta dt{margin:0;font-size:11px;font-weight:500;color:var(--na-fg-muted);letter-spacing:.06em;text-transform:uppercase;line-height:16px}.subscription-page .subscription-current-strip__meta dd{margin:4px 0 0;font-size:14px;font-weight:600;color:var(--na-fg);word-break:break-word;line-height:20px;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.subscription-page .payment-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.subscription-page .payment-product-card{display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--na-card-bg)}.subscription-page .payment-product-card:before,.subscription-page .payment-product-card:after{content:none}.subscription-page .payment-product-card:hover{border-color:var(--na-card-border-strong);transform:none;box-shadow:none}.subscription-page .payment-product-card__head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.subscription-page .payment-product-card__brand{min-width:0;display:flex;align-items:flex-start;gap:10px}.subscription-page .payment-product-card__icon{flex:0 0 auto;width:32px;height:32px;border-radius:var(--na-radius-sm);display:inline-grid;place-items:center;color:var(--na-primary-fg);background:var(--na-primary);font-weight:700;font-size:13px;box-shadow:none}.subscription-page .payment-product-card__type{display:inline-flex;align-items:center;height:20px;padding:0 8px;border:1px solid var(--na-card-border);border-radius:999px;font-size:11px;font-weight:500;letter-spacing:0;color:var(--na-fg-muted);background:var(--na-muted);line-height:18px}.subscription-page .payment-product-card__head h3{margin:4px 0 0;font-size:15px;font-weight:600;letter-spacing:-.005em;line-height:22px;color:var(--na-fg)}.subscription-page .payment-product-card__head strong{white-space:nowrap;font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:28px;color:var(--na-fg);background:none;-webkit-text-fill-color:currentColor}.subscription-page .payment-product-card__desc{margin:0;font-size:13px;line-height:20px;color:var(--na-fg-muted)}.subscription-page .payment-product-card__method{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid var(--na-card-border);border-radius:var(--na-radius-sm);padding:8px 12px;background:var(--na-muted);color:var(--na-fg);font-size:13px;line-height:18px}.subscription-page .payment-product-card__method-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.subscription-page .payment-product-card__method-icon{flex:0 0 auto;width:20px;height:20px;border-radius:5px;display:inline-grid;place-items:center;color:#fff;background:#1677ff;font-size:11px;font-weight:700}.subscription-page .payment-product-card__method-chip.is-wechat .payment-product-card__method-icon{background:#07c160}.subscription-page .payment-product-card__method em{margin-left:auto;font-style:normal;font-size:12px;color:var(--na-fg-muted)}.subscription-page .payment-product-card__notice{border:1px solid var(--na-warning-border);border-radius:var(--na-radius-sm);padding:8px 12px;background:var(--na-warning-bg);color:var(--na-fg);font-size:12px;line-height:18px}.subscription-page .payment-product-card__spark-hint{border:1px solid rgba(245,158,11,.34);border-radius:var(--na-radius-sm);padding:7px 11px;background:#fef3c76b;color:#b45309;font-size:12px;line-height:18px;font-weight:600}.dark .subscription-page .payment-product-card__spark-hint{background:#92400e29;border-color:#f59e0b47;color:#fbbf24}.subscription-page .payment-product-card__meta{display:grid;gap:0;margin:0;border-radius:var(--na-radius-sm);padding:0 14px;background:var(--na-muted);border:1px solid var(--na-card-border)}.subscription-page .payment-product-card__meta div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--na-divider)}.subscription-page .payment-product-card__meta div:last-child{border-bottom:none}.subscription-page .payment-product-card__meta dt{margin:0;font-size:12px;color:var(--na-fg-muted);line-height:20px}.subscription-page .payment-product-card__meta dd{margin:0;font-size:13px;font-weight:600;color:var(--na-fg);text-align:right;font-variant-numeric:tabular-nums;line-height:20px}.subscription-page .payment-product-quantity{display:grid;gap:8px;border:1px solid var(--na-card-border);border-radius:var(--na-radius-sm);padding:10px 12px;background:var(--na-card-bg)}.subscription-page .payment-product-quantity>span{font-size:12px;font-weight:500;color:var(--na-fg-muted);letter-spacing:.04em;text-transform:uppercase}.subscription-page .payment-product-quantity__options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.subscription-page .payment-product-quantity__options button{min-height:38px;border:1px solid var(--na-card-border);border-radius:var(--na-radius-sm);padding:6px 8px;background:var(--na-card-bg);color:var(--na-fg);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .16s,background .16s,color .16s}.subscription-page .payment-product-quantity__options button:hover{border-color:var(--na-accent)}.subscription-page .payment-product-quantity__options button.active{border-color:var(--na-accent);background:var(--na-accent);color:var(--na-accent-fg, #fff)}.subscription-page .payment-product-quantity__options button:disabled{cursor:not-allowed;opacity:.6}.subscription-page .payment-product-quantity__control{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:0;border:1px solid var(--na-card-border);border-radius:var(--na-radius-sm);overflow:hidden;background:var(--na-card-bg)}.subscription-page .payment-product-quantity__control button{border:none;border-radius:0;background:transparent;color:var(--na-fg);font-size:14px;font-weight:500;cursor:pointer;transition:background .16s,color .16s}.subscription-page .payment-product-quantity__control button:first-child{border-right:1px solid var(--na-divider)}.subscription-page .payment-product-quantity__control button:last-child{border-left:1px solid var(--na-divider)}.subscription-page .payment-product-quantity__control button:hover{background:var(--na-muted)}.subscription-page .payment-product-quantity__control button:disabled{cursor:not-allowed;color:var(--na-fg-faint)}.subscription-page .payment-product-quantity__control .subscription-input{border:none;border-radius:0;height:30px;min-height:30px;padding:0 8px;text-align:center;font-size:13px;background:transparent;box-shadow:none}.subscription-page .payment-product-quantity__control .subscription-input:focus{box-shadow:none}.subscription-page .payment-product-quantity small{font-size:12px;color:var(--na-fg-muted);line-height:18px}.subscription-page .payment-mode-toggle{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;padding:3px;border:1px solid var(--na-card-border);border-radius:var(--na-radius-sm);background:var(--na-muted)}.subscription-page .payment-mode-toggle button{border:none;border-radius:5px;padding:8px 12px;text-align:left;display:grid;gap:2px;background:transparent;color:var(--na-fg-muted);cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.subscription-page .payment-mode-toggle button:hover{color:var(--na-fg)}.subscription-page .payment-mode-toggle button.active{background:var(--na-card-bg);color:var(--na-fg);box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000d}.dark .subscription-page .payment-mode-toggle button.active{box-shadow:0 0 0 1px var(--na-card-border-strong)}.subscription-page .payment-mode-toggle button.active strong{color:var(--na-fg)}.subscription-page .payment-mode-toggle button:disabled{cursor:not-allowed;opacity:.55}.subscription-page .payment-mode-toggle strong{font-size:13px;font-weight:600;line-height:18px;color:var(--na-fg)}.subscription-page .payment-mode-toggle span{font-size:12px;line-height:16px;color:var(--na-fg-muted)}.subscription-page .payment-product-variant{margin:0}.subscription-page .payment-product-variant select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--na-fg-muted) 50%),linear-gradient(135deg,var(--na-fg-muted) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px;cursor:pointer}.subscription-page .payment-upgrade-note{display:grid;gap:4px;border:1px solid var(--na-success-border);border-radius:var(--na-radius-sm);padding:8px 12px;background:var(--na-success-bg);color:var(--na-fg);font-size:12px;line-height:18px}.subscription-page .payment-upgrade-note strong{color:var(--na-success);font-weight:600;font-size:13px}.subscription-page .subscription-submit{justify-self:flex-start}.subscription-page .payment-product-card .subscription-submit{width:100%;justify-content:center;text-align:center;height:40px;font-size:13px;font-weight:600;margin-top:auto}.subscription-page .payment-product-card__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:auto}.subscription-page .payment-product-card__blocked{margin:0;font-size:12px;line-height:18px;color:var(--na-danger)}.subscription-page .subscription-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subscription-page .subscription-panel{border:1px solid var(--na-card-border);border-radius:var(--na-radius-sm);padding:14px 16px;display:grid;gap:8px;background:var(--na-muted);box-shadow:none}.subscription-page .subscription-panel__title{margin:0;font-size:13px;font-weight:600;color:var(--na-fg);line-height:18px}.subscription-page .subscription-panel__meta{display:grid;gap:0}.subscription-page .subscription-panel__meta div{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border-bottom:1px solid var(--na-divider)}.subscription-page .subscription-panel__meta div:last-child{border-bottom:none;padding-bottom:0}.subscription-page .subscription-panel__meta dt{margin:0;font-size:12px;color:var(--na-fg-muted);line-height:18px}.subscription-page .subscription-panel__meta dd{margin:0;font-size:13px;font-weight:500;color:var(--na-fg);text-align:right;word-break:break-word;line-height:18px}.subscription-page .subscription-option-list{display:grid;gap:8px}.subscription-page .subscription-option{width:100%;text-align:left;padding:12px 14px;display:grid;gap:4px;cursor:pointer;border:1px solid var(--na-card-border);border-radius:var(--na-radius-sm);background:var(--na-card-bg);color:var(--na-fg);transition:border-color .16s,background .16s,box-shadow .16s}.subscription-page .subscription-option:hover{border-color:var(--na-card-border-strong);background:var(--na-muted);transform:none;box-shadow:none}.subscription-page .subscription-option.active{border-color:var(--na-fg);background:var(--na-card-bg);box-shadow:0 0 0 1px var(--na-fg)}.subscription-page .subscription-option__head{display:flex;justify-content:space-between;gap:12px;align-items:center}.subscription-page .subscription-option__head strong{font-size:13px;font-weight:600;color:var(--na-fg)}.subscription-page .subscription-option__head span{font-size:12px;color:var(--na-fg-muted)}.subscription-page .subscription-option.active .subscription-option__head span{color:var(--na-fg);font-weight:500}.subscription-page .subscription-option__summary{margin:0;font-size:13px;line-height:18px;color:var(--na-fg-muted)}.subscription-page .subscription-option__warnings{margin:4px 0 0;padding-left:18px;font-size:12px;color:var(--na-warning);line-height:18px}.subscription-page .subscription-selection-note{font-size:13px;border-radius:var(--na-radius-sm);padding:10px 14px;border:1px solid var(--na-info-border);color:var(--na-fg);background:var(--na-info-bg);line-height:18px}.subscription-page .subscription-selection-note strong{color:var(--na-info);font-weight:600}.subscription-page .subscription-confirm{display:grid;gap:12px}.subscription-page .subscription-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:18px;color:var(--na-fg);cursor:pointer}.subscription-page .subscription-checkbox input{margin-top:2px;width:14px;height:14px;accent-color:var(--na-fg);cursor:pointer}.subscription-page .subscription-inline-note{display:grid;gap:4px;border-radius:var(--na-radius-sm);padding:10px 14px;font-size:12px;line-height:18px;border:1px solid transparent}.subscription-page .subscription-inline-note--warning{border-color:var(--na-warning-border);background:var(--na-warning-bg);color:var(--na-fg)}.subscription-page .subscription-inline-note--warning strong{color:var(--na-warning);font-weight:600;font-size:13px}.subscription-page .subscription-inline-note p{margin:0}.subscription-page .subscription-alert{border-radius:var(--na-radius-sm);padding:10px 14px;font-size:13px;line-height:18px;border:1px solid transparent}.subscription-page .subscription-alert--stack{display:grid;gap:4px}.subscription-page .subscription-alert--danger{color:var(--na-fg);background:var(--na-danger-bg);border-color:var(--na-danger-border)}.subscription-page .subscription-alert--warning{color:var(--na-fg);background:var(--na-warning-bg);border-color:var(--na-warning-border)}.subscription-page .subscription-alert--success{color:var(--na-fg);background:var(--na-success-bg);border-color:var(--na-success-border)}.subscription-page .subscription-alert--muted{color:var(--na-fg-muted);background:var(--na-muted);border-color:var(--na-card-border)}.subscription-page .subscription-activity-card{padding:0;overflow:hidden}.subscription-page .subscription-activity-card>*{margin:0!important}.subscription-page .subscription-activity{display:block}.subscription-page .subscription-activity summary{list-style:none;cursor:pointer;padding:14px 20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;transition:background .16s}.subscription-page .subscription-activity summary:hover{background:var(--na-muted)}.subscription-page .subscription-activity summary::-webkit-details-marker{display:none}.subscription-page .subscription-activity summary .subscription-step-index--muted{flex:0 0 24px;width:24px;height:24px;font-size:11px}.subscription-page .subscription-activity__count{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--na-card-border);border-radius:999px;padding:0 10px;height:22px;font-size:12px;font-weight:500;color:var(--na-fg-muted);background:var(--na-card-bg);white-space:nowrap;line-height:20px}.subscription-page .subscription-activity__count:after{content:" · 展开";color:var(--na-fg-faint)}.subscription-page .subscription-activity[open] .subscription-activity__count:after{content:" · 收起"}.subscription-page .subscription-activity__body{border-top:1px solid var(--na-divider);padding:14px 20px 18px;display:grid;gap:10px;margin:0!important}.subscription-page .subscription-history{list-style:none;margin:0;padding:0;display:grid;gap:8px}.subscription-page .subscription-history li{position:relative;padding:10px 14px 10px 22px;background:var(--na-card-bg);border:1px solid var(--na-card-border);border-radius:var(--na-radius-sm);box-shadow:none}.subscription-page .subscription-history__item:before{content:"";position:absolute;left:10px;top:12px;bottom:12px;width:2px;border-radius:0;background:var(--na-fg-faint)}.subscription-page .subscription-history__item.is-payment:before{background:var(--na-info)}.subscription-page .subscription-history__item.is-subscription:before{background:var(--na-success)}.subscription-page .subscription-history__head{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px;align-items:baseline}.subscription-page .subscription-history__head strong{font-size:13px;font-weight:600;color:var(--na-fg);line-height:18px}.subscription-page .subscription-history__head time{font-size:12px;color:var(--na-fg-muted);font-variant-numeric:tabular-nums;line-height:18px}.subscription-page .subscription-history li p{margin:0;font-size:13px;line-height:18px;color:var(--na-fg-muted)}.subscription-page .subscription-history__extra{margin-top:4px!important;color:var(--na-danger)!important;font-size:12px!important}.subscription-page .subscription-empty{border-style:dashed;border-color:var(--na-card-border);padding:32px 24px;text-align:center}.subscription-page .subscription-empty__icon{width:48px;height:48px;margin:0 auto 12px;border-radius:var(--na-radius-sm);display:grid;place-items:center;color:var(--na-warning);background:var(--na-warning-bg);border:1px solid var(--na-warning-border)}.subscription-page .subscription-empty__title{margin:0;font-size:14px;font-weight:600;color:var(--na-fg);line-height:20px}.subscription-page .subscription-empty__text{margin:6px auto 0;max-width:480px;font-size:13px;line-height:20px;color:var(--na-fg-muted)}.subscription-page .subscription-empty__actions{margin-top:16px;display:flex;justify-content:center}.subscription-page .payment-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.subscription-page .payment-confirm-modal{width:min(92vw,520px);border:1px solid var(--na-card-border);border-radius:var(--na-radius);padding:0;display:grid;gap:0;background:var(--na-card-bg);box-shadow:0 20px 60px #0000002e;overflow:hidden;color:var(--na-fg)}.subscription-page .payment-confirm-modal__head{display:flex;align-items:flex-start;gap:12px;padding:18px 22px 14px;border-bottom:1px solid var(--na-divider)}.subscription-page .payment-confirm-modal__icon{flex:0 0 auto;width:32px;height:32px;border-radius:var(--na-radius-sm);display:grid;place-items:center;color:var(--na-primary-fg);background:var(--na-primary);font-weight:700;font-size:13px;box-shadow:none}.subscription-page .payment-confirm-modal__icon--wechat{background:#07c160;color:#fff}.subscription-page .payment-confirm-modal h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.005em;color:var(--na-fg);line-height:22px}.subscription-page .payment-confirm-modal__head p{margin:4px 0 0;font-size:13px;line-height:18px;color:var(--na-fg-muted)}.subscription-page .payment-confirm-modal__list{margin:0;display:grid;gap:0;padding:14px 22px;background:var(--na-muted)}.subscription-page .payment-confirm-modal__list div{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px solid var(--na-divider)}.subscription-page .payment-confirm-modal__list div:last-child{border-bottom:none}.subscription-page .payment-confirm-modal__list dt{font-size:13px;color:var(--na-fg-muted);line-height:20px}.subscription-page .payment-confirm-modal__list dd{margin:0;font-size:13px;font-weight:600;color:var(--na-fg);text-align:right;font-variant-numeric:tabular-nums;line-height:20px}.subscription-page .payment-confirm-modal__amount-warning{margin:14px 22px 0;border:1px solid var(--na-warning-border);border-radius:var(--na-radius-sm);padding:9px 12px;font-size:13px;font-weight:600;line-height:20px;color:var(--na-warning);background:var(--na-warning-bg)}.subscription-page .payment-confirm-modal__note{margin:14px 22px 0;border:1px solid var(--na-info-border);border-radius:var(--na-radius-sm);padding:8px 12px;font-size:12px;line-height:18px;color:var(--na-fg);background:var(--na-info-bg)}.subscription-page .payment-confirm-modal__actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 22px 16px}.subscription-page .payment-confirm-modal--wechat{width:min(92vw,420px)}.subscription-page .wechat-pay-qr{display:grid;justify-items:center;gap:10px;padding:22px;background:var(--na-muted)}.subscription-page .wechat-pay-qr img{width:260px;height:260px;border:1px solid var(--na-card-border);border-radius:16px;padding:10px;background:#fff}.subscription-page .wechat-pay-qr span,.subscription-page .wechat-pay-qr__fallback{margin:0;max-width:100%;font-size:12px;line-height:18px;color:var(--na-fg-muted);word-break:break-all}@media (max-width: 1180px){.subscription-page .subscription-current-strip__meta{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-page .subscription-current-strip__meta div:nth-child(2){border-right:none}.subscription-page .subscription-current-strip__meta div:nth-child(-n+2){border-bottom:1px solid var(--na-divider)}}@media (max-width: 960px){.subscription-page .subscription-top-grid,.subscription-page .subscription-preview-grid{grid-template-columns:1fr}}@media (max-width: 760px){.subscription-page{padding:14px 0 32px}.subscription-page .subscription-container{padding:0 14px}.subscription-page .subscription-header{padding:16px 18px}.subscription-page .subscription-step-head,.subscription-page .subscription-step-row{padding:12px 16px}.subscription-page .subscription-card>*:not(.subscription-step-head):not(.subscription-step-row){margin-left:16px;margin-right:16px}.subscription-page .subscription-current-strip__meta{grid-template-columns:1fr}.subscription-page .subscription-current-strip__meta div{border-right:none;border-bottom:1px solid var(--na-divider)}.subscription-page .subscription-current-strip__meta div:last-child{border-bottom:none}.subscription-page .payment-product-card{padding:16px}.subscription-page .payment-product-card__head,.subscription-page .subscription-history__head,.subscription-page .subscription-current-strip__head{flex-direction:column;align-items:flex-start}.subscription-page .payment-product-card__meta div{flex-direction:column;align-items:flex-start;gap:2px}.subscription-page .payment-product-card__meta dd{text-align:left}.subscription-page .subscription-activity summary{grid-template-columns:auto 1fr;grid-auto-rows:auto}.subscription-page .subscription-activity__count{grid-column:1 / -1;justify-self:flex-start}}@media (max-width: 520px){.subscription-page .subscription-inline-status,.subscription-page .subscription-actions,.subscription-page .subscription-option__head{flex-direction:column;align-items:flex-start}.subscription-page .subscription-actions>*,.subscription-page .subscription-submit{width:100%;justify-content:center;text-align:center}.subscription-page .payment-mode-toggle{grid-template-columns:1fr}}