@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300..800;1,9..40,300..800&display=swap";.lp-wrap{--bg: #F5F7F6;--bg-surface: #FFFFFF;--bg-surface2: #F0F5F2;--border: #D1D8D6;--border-light: #E8ECEB;--text: #3A4541;--text-muted: #6B7975;--text-bright: #252E2B;--accent: #0F7A63;--p-500: #0F7A63;--p-600: #146E58;--p-100: #E8F5F1;--s-500: #3399C7;--success-bg: #E8F9F1;--success-border: #8FE4BA;--success-text: #0A7E46;--error-bg: #FDEAEA;--error-border: #F5A8A8;--error-text: #C12828;--sc-font: "DM Sans", -apple-system, sans-serif;--sc-font-mono: "DM Mono", monospace;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--shadow-sm: 0 1px 3px rgba(13,92,76,.08);--shadow-lg: 0 10px 30px rgba(13,92,76,.12);background:var(--bg);color:var(--text);font:400 15px/1.65 var(--sc-font)}.lp-nav{position:sticky;top:0;z-index:100;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}.lp-nav-inner{max-width:1080px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:32px;height:60px}.lp-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.lp-brand-name{font:700 16px/1 var(--sc-font);color:var(--text-bright)}.lp-brand-name span{color:var(--accent)}.lp-nav-links{display:flex;gap:4px;margin-left:24px}.lp-nav-links a{padding:7px 14px;border-radius:var(--r-md);font:500 13.5px/1 var(--sc-font);color:var(--text-muted);text-decoration:none;transition:all .15s}.lp-nav-links a:hover{color:var(--text-bright);background:var(--bg-surface2)}.lp-nav-cta{margin-left:auto;display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font:600 14px/1 var(--sc-font);padding:10px 20px;border-radius:var(--r-md);border:1.5px solid transparent;cursor:pointer;transition:all .15s;text-decoration:none}.btn-primary{background:var(--p-500);color:#fff;border-color:var(--p-500)}.btn-primary:hover{background:var(--p-600);border-color:var(--p-600)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover{background:var(--bg-surface2);color:var(--text)}.lp-hero{max-width:720px;margin:0 auto;padding:80px 28px 60px;text-align:center}.lp-hero-badge{display:inline-flex;align-items:center;gap:6px;font:600 11px/1 var(--sc-font);text-transform:uppercase;letter-spacing:.05em;color:var(--p-600);background:var(--p-100);padding:5px 13px;border-radius:var(--r-full);margin-bottom:24px}.lp-hero-title{font:800 54px/1.1 var(--sc-font);letter-spacing:-2px;color:var(--text-bright);margin-bottom:18px}.lp-hero-title span{color:var(--accent)}.lp-hero-sub{font:400 18px/1.65 var(--sc-font);color:var(--text-muted);max-width:520px;margin:0 auto 28px}.lp-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.lp-hero-meta{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:20px;font:500 13px/1 var(--sc-font);color:var(--text-muted)}.lp-hero-meta span{display:flex;align-items:center;gap:5px;color:var(--success-text)}.lp-preview-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);margin-top:48px;overflow:hidden;box-shadow:var(--shadow-lg);text-align:left}.lp-preview-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-surface2);border-bottom:1px solid var(--border-light)}.lp-preview-dots{display:flex;gap:5px}.lp-preview-dots span{width:10px;height:10px;border-radius:50%}.lp-preview-url{font:500 12px/1 var(--sc-font-mono);color:var(--text-muted);flex:1;text-align:center}.lp-preview-body{padding:16px;display:flex;flex-direction:column;gap:10px}.lp-result-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--r-md);border:1px solid}.lp-result-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.lp-result-banner strong{display:block;font:700 14px/1.3 var(--sc-font);margin-bottom:3px}.lp-result-banner p{font-size:12px;opacity:.8}.lp-error-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-surface2);border-radius:var(--r-md);font-size:13px}.lp-error-code{font:600 11px/1 var(--sc-font-mono);padding:2px 8px;background:var(--error-bg);color:var(--error-text);border-radius:var(--r-md);white-space:nowrap;flex-shrink:0}.lp-error-msg{color:var(--text-muted);font-size:12.5px}.lp-preview-action{display:flex;gap:8px;padding-top:4px}.lp-section{padding:80px 0}.lp-section-alt{background:var(--bg-surface2)}.lp-section-inner{max-width:1080px;margin:0 auto;padding:0 28px}.lp-eyebrow{font:600 11px/1 var(--sc-font);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:8px}.lp-section h2{font:700 36px/1.2 var(--sc-font);color:var(--text-bright);letter-spacing:-.5px;margin-bottom:12px}.lp-section-sub{font:400 16px/1 var(--sc-font);color:var(--text-muted);margin-bottom:48px}.lp-steps{display:flex;gap:0;align-items:flex-start;flex-wrap:wrap;margin-top:40px}.lp-step{flex:1;min-width:200px;display:flex;align-items:flex-start;gap:14px;position:relative}.lp-step-num{font:800 28px/1 var(--sc-font);color:var(--p-100);-webkit-text-stroke:2px var(--accent);flex-shrink:0}.lp-step h3{font:600 15px/1.3 var(--sc-font);color:var(--text-bright);margin-bottom:5px}.lp-step p{font:400 13.5px/1.6 var(--sc-font);color:var(--text-muted)}.lp-step-arrow{color:var(--border);margin-top:4px;flex-shrink:0}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.lp-feature-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:24px;transition:box-shadow .2s}.lp-feature-card:hover{box-shadow:var(--shadow-lg)}.lp-feature-icon{width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.lp-feature-card h3{font:600 15px/1.3 var(--sc-font);color:var(--text-bright);margin-bottom:7px}.lp-feature-card p{font:400 13.5px/1.6 var(--sc-font);color:var(--text-muted)}.lp-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.lp-plan{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:28px;position:relative;display:flex;flex-direction:column;gap:20px}.lp-plan-highlight{border-color:var(--accent);box-shadow:0 0 0 3px #0f7a631a}.lp-plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font:600 11px/1 var(--sc-font);padding:4px 14px;border-radius:var(--r-full);white-space:nowrap}.lp-plan-header h3{font:700 18px/1 var(--sc-font);color:var(--text-bright);margin-bottom:10px}.lp-plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.lp-price-value{font:800 32px/1 var(--sc-font);color:var(--text-bright)}.lp-price-period{font:400 14px/1 var(--sc-font);color:var(--text-muted)}.lp-plan-limit{font:500 12px/1 var(--sc-font);color:var(--text-muted)}.lp-plan-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}.lp-plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--text)}.lp-plan-features li svg{color:var(--accent);flex-shrink:0;margin-top:1px}.lp-plan-cta{width:100%;justify-content:center}.lp-cta-section{background:linear-gradient(135deg,var(--p-100) 0%,#fff 60%);padding:80px 0;border-top:1px solid var(--border-light)}.lp-cta-section h2{font:800 36px/1.2 var(--sc-font);color:var(--text-bright);margin-bottom:12px}.lp-cta-section p{font:400 16px/1 var(--sc-font);color:var(--text-muted)}.lp-footer{border-top:1px solid var(--border-light);padding:28px 0;background:var(--bg-surface)}.lp-footer-links{display:flex;gap:20px;margin-left:auto}.lp-footer-links a{font:400 13px/1 var(--sc-font);color:var(--text-muted);text-decoration:none}.lp-footer-links a:hover{color:var(--accent)}.lp-footer-copy{font:400 12px/1 var(--sc-font);color:var(--text-muted)}@media(max-width:900px){.lp-hero-title{font-size:38px}.lp-features-grid,.lp-plans{grid-template-columns:1fr}.lp-nav-links{display:none}.lp-steps{flex-direction:column}.lp-step-arrow{display:none}}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px;position:relative;overflow:hidden}.auth-bg-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px)}.auth-bg-orb1{width:500px;height:500px;background:radial-gradient(circle,rgba(15,122,99,.1) 0%,transparent 70%);top:-200px;right:-100px}.auth-bg-orb2{width:400px;height:400px;background:radial-gradient(circle,rgba(51,153,199,.06) 0%,transparent 70%);bottom:-150px;left:-100px}.auth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:40px;width:100%;max-width:440px;box-shadow:var(--shadow-xl);position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.auth-logo-wrap{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0f7a631a;border:1px solid rgba(15,122,99,.2);border-radius:12px;flex-shrink:0}.auth-brand-name{font:600 15px/1.35 var(--sc-font);color:var(--text-bright)}.auth-brand-sub{font:400 12px/1 var(--sc-font);color:var(--text-muted);margin-top:3px}.auth-divider{height:1px;background:var(--border);margin-bottom:28px}.auth-title{font:700 22px/1.3 var(--sc-font);color:var(--text-bright);letter-spacing:-.01em;margin-bottom:6px}.auth-subtitle{font:400 14px/1 var(--sc-font);color:var(--text-muted);margin-bottom:28px}.auth-form{display:flex;flex-direction:column}.input-with-icon{position:relative}.input-with-icon .form-input{padding-right:42px}.input-icon-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;padding:2px;transition:color var(--t-fast)}.input-icon-btn:hover{color:var(--text)}.auth-btn{width:100%;justify-content:center;padding:13px;font-size:15px;margin-top:6px}.auth-footer-text{text-align:center;font:400 13px/1 var(--sc-font);color:var(--text-muted);margin-top:20px}.auth-footer-text a{color:var(--accent);font-weight:600}.auth-footer-text a:hover{text-decoration:underline}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}@media(max-width:500px){.auth-card{padding:28px 20px}.auth-grid{grid-template-columns:1fr}}.admin-shell{display:flex;min-height:100vh;background:var(--sc-bg-primary);font-family:var(--sc-font)}.sidebar{width:256px;flex-shrink:0;background:var(--sc-bg-card);border-right:1px solid var(--sc-stroke-subtle);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;overflow-y:auto;z-index:100}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 20px 18px;border-bottom:1px solid var(--sc-stroke-subtle);flex-shrink:0}.sidebar-logo-img{object-fit:contain;flex-shrink:0;display:block;border-radius:6px;overflow:hidden}.sidebar-logo-text{font-size:16px;font-weight:700;line-height:1.4;color:var(--sc-text-primary);letter-spacing:-.01em}.sidebar-logo-subtitle{font-size:10px;font-weight:600;color:var(--sc-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;line-height:1.3}.project-sel{display:flex;align-items:center;gap:8px;margin:8px 12px 2px;padding:8px 12px;background:var(--sc-bg-secondary);border:1px solid var(--sc-stroke-subtle);border-radius:var(--r-md);font-size:13px;font-weight:500;color:var(--sc-text-secondary);cursor:pointer;transition:background var(--t-fast)}.project-sel:hover{background:color-mix(in srgb,var(--sc-accent-primary) 8%,var(--sc-bg-secondary))}.project-dot{width:7px;height:7px;border-radius:50%;background:var(--sc-accent-primary);box-shadow:0 0 5px var(--sc-accent-primary);flex-shrink:0}.project-name{flex:1}.project-chevron{color:var(--sc-text-tertiary);flex-shrink:0}.sidebar-nav-wrap{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:6px 0 8px}.sidebar-nav{padding:0 10px 2px}.nav-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--sc-text-tertiary);padding:14px 8px 5px;display:flex;align-items:center;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:8px;font-size:13.5px;font-weight:500;line-height:1.5;color:var(--sc-text-secondary);background:transparent;border:none;cursor:pointer;text-decoration:none;margin-bottom:1px;transition:background var(--t-fast),color var(--t-fast);text-align:left}.nav-item:hover{background:color-mix(in srgb,var(--sc-accent-primary) 7%,transparent);color:var(--sc-text-primary)}.nav-item.active{background:var(--sc-accent-subtle);color:var(--sc-accent-primary);font-weight:600}.nav-icon{flex-shrink:0;opacity:.75}.nav-item:hover .nav-icon{opacity:.9}.nav-item.active .nav-icon{color:var(--sc-accent-primary);opacity:1}.sidebar-footer{flex-shrink:0;border-top:1px solid var(--sc-stroke-subtle);padding:10px 10px 12px;display:flex;flex-direction:column;gap:4px}.theme-toggle-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:var(--r-md);border:1px solid var(--sc-stroke-subtle);background:transparent;color:var(--sc-text-secondary);font-family:var(--sc-font);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--t-fast)}.theme-toggle-btn:hover{background:var(--sc-bg-secondary);color:var(--sc-text-primary);border-color:var(--sc-accent-primary)}.user-row{display:flex;align-items:center;gap:10px;padding:6px 4px 2px}.user-av{width:32px;height:32px;border-radius:var(--r-full);background:var(--sc-accent-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:13.5px;font-weight:600;line-height:1.3;color:var(--sc-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;font-weight:400;color:var(--sc-text-tertiary);margin-top:1px}.logout-btn{background:none;border:none;color:var(--sc-text-tertiary);cursor:pointer;padding:6px;border-radius:var(--r-sm);display:flex;transition:color var(--t-fast);flex-shrink:0}.logout-btn:hover{color:var(--error-text, #F5A8A8)}.admin-main{flex:1;margin-left:256px;min-width:0;height:100vh;overflow-y:auto;background:var(--sc-bg-primary)}.page-header{padding:20px 28px 16px;border-bottom:1px solid var(--sc-stroke-subtle);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--sc-bg-primary);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-title{font-size:22px;font-weight:700;line-height:1.3;color:var(--sc-text-primary);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.page-sub{font-size:13px;font-weight:400;color:var(--sc-text-tertiary);margin-top:4px;line-height:1.4}.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-body{padding:20px 28px}@media(max-width:1200px){.page-body{padding:16px 20px}.page-header{padding:16px 20px 14px}}@media(max-width:900px){.sidebar{transform:translate(-100%)}.admin-main{margin-left:0}.page-body{padding:14px 16px}.page-header{padding:14px 16px 12px}}@media(max-width:600px){.page-body{padding:12px}.page-title{font-size:18px}}.public-shell{min-height:100vh;background:var(--bg)}.pub-header{background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.pub-header-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px;height:58px}.pub-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.pub-logo-name{font:600 14px/1.3 var(--sc-font);color:var(--text-bright)}.pub-logo-sub{font:400 11px/1 var(--sc-font);color:var(--text-muted)}.pub-nav{display:flex;gap:2px;margin-left:auto}.pub-nav a{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--r-md);font:500 13px/1 var(--sc-font);color:var(--text-muted);text-decoration:none;transition:all var(--t-fast)}.pub-nav a:hover{background:var(--bg-surface2);color:var(--text)}.pub-nav a.active{background:var(--p-100);color:var(--p-600);font-weight:600}.pub-user{display:flex;align-items:center;gap:8px;flex-shrink:0}.pub-admin-link{display:flex;align-items:center;gap:5px;font:500 12px/1 var(--sc-font);color:var(--text-muted);padding:6px 10px;border-radius:var(--r-sm);text-decoration:none;border:1px solid var(--border);transition:all var(--t-fast)}.pub-admin-link:hover{border-color:var(--accent);color:var(--accent)}.pub-user-name{font:500 13px/1 var(--sc-font);color:var(--text-muted)}.pub-logout{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:5px;display:flex;border-radius:var(--r-sm);transition:color var(--t-fast)}.pub-logout:hover{color:var(--error-text)}.pub-theme-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-surface2);color:var(--text-muted);cursor:pointer;transition:all var(--t-fast);flex-shrink:0}.pub-theme-btn:hover{background:var(--bg-surface3);color:var(--accent);border-color:var(--accent)}.pub-body{max-width:1100px;margin:0 auto;padding:32px 24px}.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.spark-wrap{display:flex;align-items:flex-end;gap:5px;height:60px;padding-bottom:20px;position:relative}.spark-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;position:relative}.spark-bar{width:100%;background:var(--p-500);border-radius:3px 3px 0 0;opacity:.75;transition:opacity var(--t-fast),height .4s ease;min-height:4px}.spark-col:hover .spark-bar{opacity:1}.spark-label{font:500 10px/1 var(--sc-font-mono);color:var(--text-muted);text-transform:capitalize;position:absolute;bottom:-18px}.dash-usage-legend{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.dash-legend-item{display:flex;align-items:center;gap:5px;font:400 11px/1 var(--sc-font);color:var(--text-muted)}.dash-legend-dot{width:7px;height:7px;border-radius:2px;flex-shrink:0}.dash-token-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid var(--border-light);transition:background var(--t-fast)}.dash-token-row:hover{background:var(--bg-surface2)}.dash-token-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.dash-token-name{font:600 13px/1 var(--sc-font);color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-token-preview{font-family:var(--sc-font-mono);font-size:11px;color:var(--text-muted);background:var(--bg-surface2);padding:2px 7px;border-radius:var(--r-sm);display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-quicklinks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dash-ql-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);text-decoration:none;color:var(--text);transition:all var(--t-fast)}.dash-ql-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.dash-ql-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dash-ql-label{font:600 12.5px/1.3 var(--sc-font);color:var(--text-bright);margin-bottom:2px}.dash-ql-desc{font:400 11.5px/1.4 var(--sc-font);color:var(--text-muted)}.dash-ql-arrow{color:var(--text-muted);margin-left:auto;flex-shrink:0}@media(max-width:1400px){.dash-quicklinks{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.dash-metrics,.dash-quicklinks{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.dash-grid{grid-template-columns:1fr}.dash-metrics,.dash-quicklinks{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.dash-metrics,.dash-quicklinks{grid-template-columns:1fr}}.new-key-display{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.new-key-value{font-family:var(--sc-font-mono);font-size:12px;background:#0000001f;padding:6px 12px;border-radius:var(--r-sm);word-break:break-all;color:inherit;flex:1}.scope-grid{display:flex;flex-wrap:wrap;gap:8px}.scope-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:var(--r-full);font:500 13px/1 var(--sc-font);background:var(--bg-surface2);border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--t-fast)}.scope-btn:hover{border-color:var(--accent);color:var(--accent)}.scope-btn.active{background:#5bbf9a1f;border-color:var(--accent);color:var(--accent);font-weight:600}.apikeys-tip{margin-top:20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 24px}.tip-title{font:600 14px/1 var(--sc-font);color:var(--text-bright);margin-bottom:12px}.vh-wrap{max-width:840px;margin:0 auto}.vh-hero{text-align:center;margin-bottom:32px}.vh-hero-badge{display:inline-flex;align-items:center;gap:5px;font:600 11px/1 var(--sc-font);text-transform:uppercase;letter-spacing:.05em;color:var(--p-600);background:var(--p-100);padding:5px 12px;border-radius:var(--r-full);margin-bottom:16px}.vh-title{font:800 30px/1.25 var(--sc-font);color:var(--text-bright);letter-spacing:-.02em;margin-bottom:10px}.vh-sub{font:400 15px/1.65 var(--sc-font);color:var(--text-muted)}.vh-ops{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.vh-op-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r-lg);background:var(--bg-surface);border:1.5px solid var(--border);cursor:pointer;text-align:left;transition:all var(--t-fast)}.vh-op-card:hover{border-color:var(--p-400)}.vh-op-card.active{border-color:var(--p-500);background:var(--p-100)}.vh-op-card.active .vh-op-icon{background:var(--p-500);color:#fff}.vh-op-icon{width:36px;height:36px;border-radius:var(--r-md);flex-shrink:0;background:var(--bg-surface2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.vh-op-label{font:600 13px/1.3 var(--sc-font);color:var(--text-bright);margin-bottom:4px}.vh-op-desc{font:400 12px/1.45 var(--sc-font);color:var(--text-muted)}.vh-dropzone{border:2px dashed var(--border);border-radius:var(--r-xl);padding:48px 24px;text-align:center;cursor:pointer;background:var(--bg-surface);transition:all var(--t-base);margin-bottom:20px}.vh-dropzone:hover{border-color:var(--p-400);background:var(--p-100)}.vh-dropzone.active{border-color:var(--p-500);background:var(--p-100)}.vh-dz-content{display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.vh-dz-icon{width:60px;height:60px;border-radius:50%;background:var(--p-100);color:var(--p-500);display:flex;align-items:center;justify-content:center}.vh-dropzone.active .vh-dz-icon{background:var(--p-200)}.vh-dz-text{font:500 15px/1 var(--sc-font);color:var(--text)}.vh-dz-text span{color:var(--p-600);font-weight:600;text-decoration:underline}.vh-dz-hint{font:400 13px/1 var(--sc-font);color:var(--text-muted)}.vh-file-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.vh-file-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-md);background:var(--bg-surface);border:1px solid var(--border);font-size:13px;transition:border-color var(--t-fast)}.vh-file-row.status-done{border-color:var(--success-border)}.vh-file-row.status-error{border-color:var(--error-border)}.vh-file-row.status-processing{border-color:var(--info-border)}.vh-file-icon{color:var(--text-muted);flex-shrink:0}.vh-file-name{flex:1;font-weight:500;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vh-file-size{font-size:12px;color:var(--text-muted);flex-shrink:0}.vh-file-status{flex-shrink:0}.vh-file-progress{flex:1;height:4px;background:var(--border);border-radius:var(--r-full);overflow:hidden;min-width:60px;max-width:120px}.vh-file-progress-bar{height:100%;background:var(--accent);border-radius:var(--r-full);transition:width .2s ease}.vh-file-rm{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;display:flex;border-radius:var(--r-sm);transition:color var(--t-fast);flex-shrink:0}.vh-file-rm:hover{color:var(--error-text)}.vh-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:32px}.vh-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.vh-info-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;transition:box-shadow var(--t-fast)}.vh-info-card:hover{box-shadow:var(--shadow-md)}.vh-info-icon{font-size:22px;display:block;margin-bottom:10px}.vh-info-title{font:600 14px/1.3 var(--sc-font);color:var(--text-bright);margin-bottom:6px}.vh-info-desc{font:400 13px/1.55 var(--sc-font);color:var(--text-muted)}@media(max-width:720px){.vh-ops{grid-template-columns:1fr}.vh-info-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.vh-info-grid{grid-template-columns:1fr}}.vr-wrap{max-width:860px;margin:0 auto}.vr-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}.vr-filename{flex:1;min-width:0}.vr-filename h1{font:600 17px/1.3 var(--sc-font);color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.vr-tags{display:flex;flex-wrap:wrap;gap:6px}.vr-tag{font:500 11px/1 var(--sc-font);letter-spacing:.02em;background:var(--bg-surface);border:1px solid var(--border);padding:3px 10px;border-radius:var(--r-full);color:var(--text-muted)}.vr-banner{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:var(--r-lg);border:1.5px solid;margin-bottom:18px}.vr-banner strong{display:block;font-size:15px;font-weight:700;margin-bottom:3px}.vr-banner p{font-size:13px;opacity:.85;line-height:1.5}.vr-banner.valid{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.vr-banner.invalid{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.vr-pills{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.vr-pill{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 16px;border-radius:var(--r-lg);cursor:pointer;transition:all var(--t-fast);background:none;font-family:var(--sc-font)}.vr-pill:hover{opacity:.85;transform:translateY(-1px)}.vr-pill.active{box-shadow:0 0 0 2px currentColor}.vr-pill strong{font:800 22px/1 var(--sc-font)}.vr-pill span{font:600 10px/1 var(--sc-font);text-transform:uppercase;letter-spacing:.06em;opacity:.8}.vr-section-title{font:600 15px/1 var(--sc-font);color:var(--text-bright);margin-bottom:12px}.vr-errors-section{margin-bottom:24px}.vr-error-list{display:flex;flex-direction:column;gap:8px}.vr-error-item{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid;border-radius:var(--r-md);overflow:hidden}.vr-error-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px 14px;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background var(--t-fast)}.vr-error-header:hover{background:var(--bg-surface2)}.vr-error-code{font-family:var(--sc-font-mono);font-size:12px;font-weight:700;color:var(--text-bright)}.vr-error-path{font:400 11px/1 var(--sc-font-mono);color:var(--text-muted);background:var(--bg-surface2);padding:1px 7px;border-radius:var(--r-sm)}.vr-error-line{font:500 11px/1 var(--sc-font);color:var(--text-muted)}.vr-error-msg{padding:0 14px 12px;font:400 13px/1.55 var(--sc-font);color:var(--text)}.vr-error-detail{display:flex;align-items:center;gap:8px;padding:8px 14px 12px}.vr-error-detail-label{font:500 12px/1 var(--sc-font);color:var(--text-muted)}.vr-error-detail code{font-family:var(--sc-font-mono);font-size:12px;background:var(--bg-surface2);padding:2px 8px;border-radius:var(--r-sm);color:var(--error-text)}.vr-no-errors{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px;text-align:center}.vr-no-errors p{font:500 15px/1 var(--sc-font);color:var(--success-text)}.vr-json{font-family:var(--sc-font-mono);font-size:12px;line-height:1.65;color:var(--accent);padding:16px;max-height:360px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}:root{--sc-font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sc-font-mono: "DM Mono", "Fira Code", ui-monospace, monospace;--sc-display: 800 48px/1.2 var(--sc-font);--sc-h1: 700 36px/1.3 var(--sc-font);--sc-h2: 700 28px/1.35 var(--sc-font);--sc-h3: 600 22px/1.4 var(--sc-font);--sc-h4: 600 18px/1.5 var(--sc-font);--sc-body-lg: 400 16px/1.6 var(--sc-font);--sc-body: 400 14px/1.6 var(--sc-font);--sc-sm: 400 12px/1.5 var(--sc-font);--sc-xs: 600 11px/1.4 var(--sc-font);--p-100: #E8F5F1;--p-200: #D1EBE3;--p-300: #9DD3C0;--p-400: #69BB9D;--p-500: #0F7A63;--p-600: #146E58;--p-700: #0D5C4C;--p-800: #0A4A3F;--p-900: #073832;--s-100: #E6F3F8;--s-200: #CCE7F1;--s-300: #99CFE3;--s-400: #66B7D5;--s-500: #3399C7;--s-600: #2980B0;--s-700: #1F6799;--s-800: #154E82;--s-900: #0B356B;--n-50: #FAFBFB;--n-100: #F5F7F6;--n-200: #E8ECEB;--n-300: #D1D8D6;--n-400: #9BA8A4;--n-500: #6B7975;--n-600: #4F5B57;--n-700: #3A4541;--n-800: #252E2B;--shadow-xs: 0 1px 2px rgba(13,92,76,.05);--shadow-sm: 0 1px 3px rgba(13,92,76,.08), 0 1px 2px rgba(13,92,76,.04);--shadow-md: 0 4px 6px rgba(13,92,76,.08), 0 2px 4px rgba(13,92,76,.04);--shadow-lg: 0 10px 15px rgba(13,92,76,.1), 0 4px 6px rgba(13,92,76,.05);--shadow-xl: 0 20px 25px rgba(13,92,76,.12), 0 10px 10px rgba(13,92,76,.04);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--r-2xl: 32px;--r-full: 9999px;--sidebar-w: 256px;--t-fast: .12s ease;--t-base: .2s ease;--t-slow: .35s ease}:root,[data-theme=light]{--bg: var(--sc-bg-primary);--bg-surface: var(--sc-bg-card);--bg-surface2: var(--sc-bg-secondary);--bg-surface3: #D1EBE3;--bg-elevated: var(--sc-bg-elevated);--surface: var(--sc-bg-card);--sc-bg-primary: #F6FBF9;--sc-bg-secondary: #E8F5F1;--sc-bg-card: #FFFFFF;--sc-bg-elevated: #FFFFFF;--sc-stroke-subtle: #CFE3DC;--sc-stroke-default: #B8D4C9;--sc-stroke-strong: #A0C5B6;--sc-text-primary: #0D5C4C;--sc-text-secondary: #4B6B64;--sc-text-tertiary: #6B8A82;--sc-text-inverse: #FFFFFF;--sc-accent-primary: #0F7A63;--sc-accent-hover: #146E58;--sc-accent-active: #0A5544;--sc-accent-subtle: #E8F5F1;--border: var(--sc-stroke-subtle);--border-light: #E8ECEB;--text: var(--sc-text-secondary);--text-muted: var(--sc-text-tertiary);--text-bright: var(--sc-text-primary);--accent: var(--sc-accent-primary);--accent-h: var(--sc-accent-hover);--accent-bg: var(--sc-accent-subtle);--success-bg: #E8F9F1;--success-border: #8FE4BA;--success-text: #0A7E46;--warning-bg: #FFF4E6;--warning-border: #FFD699;--warning-text: #CC7A00;--error-bg: #FDEAEA;--error-border: #F5A8A8;--error-text: #C12828;--info-bg: #E6F3F8;--info-border: #99CFE3;--info-text: #1F6799}[data-theme=dark]{--sc-bg-primary: #020F0B;--sc-bg-secondary: #0A1D16;--sc-bg-card: #0F241C;--sc-bg-elevated: #142D24;--sc-stroke-subtle: #123227;--sc-stroke-default: #1A4334;--sc-stroke-strong: #225441;--sc-text-primary: #EAF6EE;--sc-text-secondary: #8FB39F;--sc-text-tertiary: #6B9382;--sc-text-inverse: #020F0B;--sc-accent-primary: #5BBF9A;--sc-accent-hover: #4DAE8A;--sc-accent-active: #3F9D7A;--sc-accent-subtle: #1A4334;--bg: var(--sc-bg-primary);--bg-surface: var(--sc-bg-card);--bg-surface2: var(--sc-bg-secondary);--bg-surface3: var(--sc-bg-elevated);--bg-elevated: var(--sc-bg-elevated);--surface: var(--sc-bg-card);--border: var(--sc-stroke-subtle);--border-light: var(--sc-stroke-subtle);--text: var(--sc-text-secondary);--text-muted: var(--sc-text-tertiary);--text-bright: var(--sc-text-primary);--accent: var(--sc-accent-primary);--accent-h: var(--sc-accent-hover);--accent-bg: var(--sc-accent-subtle);--success-bg: #0A3622;--success-border: #0F5535;--success-text: #8FE4BA;--warning-bg: #4D3500;--warning-border: #805700;--warning-text: #FFD699;--error-bg: #4D1414;--error-border: #7A1F1F;--error-text: #F5A8A8;--info-bg: #0B356B;--info-border: #1F6799;--info-text: #99CFE3;--shadow-xs: 0 1px 2px rgba(0,0,0,.4);--shadow-sm: 0 1px 3px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.6), 0 2px 4px rgba(0,0,0,.4);--shadow-lg: 0 10px 15px rgba(0,0,0,.7), 0 4px 6px rgba(0,0,0,.5)}body{font-family:var(--sc-font);font-size:16px;line-height:1.6;background:var(--sc-bg-primary);color:var(--sc-text-secondary);min-height:100vh}a{color:var(--sc-accent-primary);text-decoration:none}a:hover{color:var(--sc-accent-hover)}button,input,select,textarea{font-family:var(--sc-font)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sc-font);font-size:14px;font-weight:600;line-height:1.4;padding:10px 20px;border-radius:var(--r-md);border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--t-fast);text-decoration:none}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--sc-accent-primary);color:#fff;border-color:var(--sc-accent-primary)}.btn-primary:hover{background:var(--sc-accent-hover);border-color:var(--sc-accent-hover)}.btn-outline{background:transparent;color:var(--sc-text-secondary);border-color:var(--sc-stroke-default)}.btn-outline:hover{border-color:var(--sc-accent-primary);color:var(--sc-accent-primary)}.btn-ghost{background:transparent;color:var(--sc-text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--sc-bg-secondary);color:var(--sc-text-primary)}.btn-danger{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.btn-danger:hover{background:var(--error-text);color:#fff}.btn-sm{padding:6px 13px;font-size:13px}.btn-lg{padding:13px 28px;font-size:15px}.btn-icon{padding:8px;border-radius:var(--r-md)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--r-full);letter-spacing:.04em;text-transform:uppercase}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-error{background:var(--error-bg);color:var(--error-text)}.badge-info{background:var(--info-bg);color:var(--info-text)}.badge-neutral{background:var(--sc-bg-secondary);color:var(--sc-text-secondary)}.badge-accent{background:var(--sc-accent-subtle);color:var(--sc-accent-primary)}.card{background:var(--sc-bg-card);border:1px solid var(--sc-stroke-subtle);border-radius:var(--r-lg)}.card-body{padding:24px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--sc-stroke-subtle)}.card-title{font-size:15px;font-weight:600;line-height:1.4;color:var(--sc-text-primary)}.metric-card{background:var(--sc-bg-card);border:1px solid var(--sc-stroke-subtle);border-radius:var(--r-lg);padding:20px 22px}.metric-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--sc-text-tertiary);margin-bottom:10px}.metric-value{font-size:30px;font-weight:800;line-height:1;color:var(--sc-text-primary);margin-bottom:6px}.metric-sub{font-size:13px;color:var(--sc-text-tertiary)}.metric-delta{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:3px}.metric-delta.up{color:var(--success-text)}.metric-delta.down{color:var(--error-text)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--sc-text-primary)}.form-label .optional{font-weight:400;text-transform:none;color:var(--sc-text-tertiary);letter-spacing:0;font-size:11px}.form-input{background:var(--sc-bg-card);border:1.5px solid var(--sc-stroke-default);border-radius:var(--r-md);padding:10px 14px;font-family:var(--sc-font);font-size:14px;font-weight:400;line-height:1;color:var(--sc-text-primary);outline:none;width:100%;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.form-input::placeholder{color:var(--sc-text-tertiary)}.form-input:focus{border-color:var(--sc-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--sc-accent-primary) 12%,transparent)}.form-input:disabled{opacity:.55;cursor:not-allowed}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-hint{font-size:12px;color:var(--sc-text-tertiary)}.form-error-msg{font-size:12px;color:var(--error-text)}.alert{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border-radius:var(--r-md);border:1px solid;font-size:14px;line-height:1.5}.alert svg{flex-shrink:0;margin-top:1px}.alert-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.alert-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.alert-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.alert strong{display:block;font-weight:600;margin-bottom:2px}.tbl-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--sc-stroke-subtle)}table{width:100%;border-collapse:collapse}thead tr{background:var(--sc-bg-secondary)}th{text-align:left;padding:11px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--sc-text-tertiary);white-space:nowrap}td{padding:13px 16px;font-size:14px;color:var(--sc-text-secondary);border-top:1px solid var(--sc-stroke-subtle);vertical-align:middle}tbody tr:hover td{background:var(--sc-bg-secondary)}td code{font-family:var(--sc-font-mono);font-size:12px;background:var(--sc-bg-secondary);padding:2px 7px;border-radius:var(--r-sm)}.code-block{position:relative;background:var(--sc-bg-secondary);border:1px solid var(--sc-stroke-subtle);border-left:3px solid var(--sc-accent-primary);border-radius:var(--r-md);padding:16px 16px 16px 18px;font-family:var(--sc-font-mono);font-size:12.5px;line-height:1.7;color:var(--sc-accent-primary);overflow-x:auto;white-space:pre}.spinner{width:18px;height:18px;border:2px solid var(--sc-stroke-default);border-top-color:var(--sc-accent-primary);border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.skel{background:linear-gradient(90deg,var(--sc-bg-secondary) 25%,var(--sc-bg-elevated) 50%,var(--sc-bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-md)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:56px 32px;color:var(--sc-text-tertiary);text-align:center}.empty-state svg{opacity:.35}.empty-state h3{font-size:16px;font-weight:600;color:var(--sc-text-secondary)}.empty-state p{font-size:14px;max-width:320px}.divider{height:1px;background:var(--sc-stroke-subtle)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sc-stroke-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sc-text-tertiary)}.toast-custom{background:var(--sc-bg-card)!important;color:var(--sc-text-primary)!important;border:1px solid var(--sc-stroke-subtle)!important;border-radius:var(--r-md)!important;font-family:var(--sc-font)!important;font-size:14px!important}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}