:root{--glyph-primary: #1E3A5F;--glyph-primary-bright: #2563EB;--glyph-primary-dark: #172554;--glyph-primary-glow: rgba(30, 58, 95, .25);--glyph-primary-subtle: rgba(30, 58, 95, .1);--glyph-accent: #14B8A6;--glyph-accent-light: #2DD4BF;--bg-primary: #0B1120;--bg-secondary: #111827;--bg-tertiary: #1E293B;--bg-elevated: #1E3A5F;--bg-hover: #263548;--bg-card: #1E293B;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-tertiary: #64748B;--text-muted: #475569;--border-subtle: #1E293B;--border-default: rgba(30, 58, 95, .3);--success: #22C55E;--warning: #F59E0B;--error: #EF4444;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-smooth: .2s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-logo: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}.mono{font-family:var(--font-mono)}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--glyph-primary-bright);outline-offset:2px}.gradient-mesh{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;will-change:transform}.gradient-orb--1{width:600px;height:600px;background:radial-gradient(circle,#1E3A5F 0%,transparent 70%);top:-200px;left:-100px;animation:floatOrb1 25s ease-in-out infinite}.gradient-orb--2{width:500px;height:500px;background:radial-gradient(circle,#14B8A6 0%,transparent 70%);top:40%;right:-150px;opacity:.1;animation:floatOrb2 30s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.gradient-orb{animation:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-default)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #1e3a5f26}50%{box-shadow:0 0 30px #1e3a5f40}}@keyframes floatOrb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,40px) scale(1.05)}66%{transform:translate(-30px,80px) scale(.95)}}@keyframes floatOrb2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,-60px) scale(1.08)}66%{transform:translate(40px,30px) scale(.92)}}@keyframes successPop{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.animate-in{animation:fadeIn .35s cubic-bezier(.34,1.56,.64,1)}.animate-in-scale{animation:fadeInScale .4s cubic-bezier(.34,1.56,.64,1)}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-elevated) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.dashboard{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding:48px 24px;position:relative;z-index:2}.container{max-width:640px;margin:0 auto}.header{border-bottom:1px solid var(--border-subtle);padding:16px 24px;position:sticky;top:0;background:#0b1120f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}.logo-text{font-family:var(--font-logo);font-size:21px;font-weight:200;font-stretch:110%;letter-spacing:.1em;text-transform:uppercase}.logo-mark{width:36px;height:36px;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;padding:8px 12px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary)}.docs-link{display:flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;padding:8px 12px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.docs-link:hover{color:var(--text-primary);background:var(--bg-hover)}.auth-card{background:#111827d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:48px 40px;text-align:center;box-shadow:0 24px 48px -12px #0006}.auth-card h1{font-size:28px;margin-bottom:8px}.value-preview{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;text-align:left}.value-preview-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(30,58,95,.1) 100%);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all .2s ease}.value-preview-item:hover{border-color:var(--glyph-primary);transform:translate(4px)}.value-preview-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f4d,#2563eb26);border-radius:var(--radius-sm);flex-shrink:0}.value-preview-icon svg{stroke:var(--glyph-primary-bright);width:18px;height:18px}.value-preview-text{display:flex;flex-direction:column;gap:2px}.value-preview-text strong{font-size:14px;font-weight:600;color:var(--text-primary)}.value-preview-text span{font-size:12px;color:var(--text-tertiary)}.value-preview-cta{text-align:center;margin-bottom:20px}.free-tier-badge{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#14b8a61f,#14b8a60a);border:1px solid rgba(20,184,166,.25);border-radius:999px;color:#14b8a6;font-size:13px;font-weight:600}.auth-divider{display:flex;align-items:center;margin:0 0 24px;gap:16px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.auth-divider span{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.subtitle{color:var(--text-secondary);margin-bottom:32px}.auth-form{display:flex;flex-direction:column;gap:16px}.input-hint{color:var(--text-muted);font-size:13px;text-align:center;margin-top:-8px}.input-group{position:relative;display:flex;align-items:center}.api-input{width:100%;padding:14px 48px 14px 16px;background:var(--bg-tertiary);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.api-input:hover:not(:focus){border-color:var(--border-default)}.api-input:focus{outline:none;border-color:var(--glyph-primary-bright);box-shadow:0 0 0 4px var(--glyph-primary-glow);transform:translateY(-1px)}.api-input::placeholder{color:var(--text-muted);transition:color .2s ease}.api-input:focus::placeholder{color:var(--text-tertiary)}.input-action{position:absolute;right:12px;padding:8px;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all .15s ease}.input-action:hover{color:var(--text-primary);background:var(--bg-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--radius-md);font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%);opacity:0;transition:opacity .25s ease}.btn:hover:before{opacity:1}.btn-primary{background:var(--glyph-primary);color:#fff;box-shadow:0 2px 8px #1e3a5f40}.btn-primary:hover:not(:disabled){background:var(--glyph-primary-bright);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb59}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover);transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}.btn-icon{padding:8px;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all .2s ease}.btn-icon:hover{color:var(--text-primary);background:var(--bg-hover);transform:scale(1.1)}.btn-icon:active{transform:scale(.95)}.btn-danger{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%);color:#fff;box-shadow:0 2px 8px #ef444440}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.btn-danger:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-danger-outline{color:var(--error);border:1px solid var(--error);background:transparent}.btn-danger-outline:hover{background:#ef44441a;transform:translateY(-1px);box-shadow:0 4px 12px #ef444426}.btn-danger-outline:active{transform:translateY(0)}.btn.loading{pointer-events:none;background:linear-gradient(90deg,var(--glyph-primary) 0%,var(--glyph-primary-bright) 50%,var(--glyph-primary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.btn.loading-with-spinner{position:relative;color:transparent!important;pointer-events:none}.btn.loading-with-spinner:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn.success{background:#22c55e!important;border-color:#22c55e!important}.btn.success:after{content:"";position:absolute;inset:0;border-radius:inherit;animation:success-ring .6s ease-out}@keyframes success-ring{0%{box-shadow:0 0 #22c55e80}to{box-shadow:0 0 0 8px #22c55e00}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--glyph-primary-bright);border-radius:50%;animation:btn-spin .8s linear infinite}.loading-spinner--small{width:20px;height:20px;border-width:2px}.loading-text{font-size:14px;color:var(--text-secondary);animation:pulse-text 2s ease-in-out infinite}.loading-subtext{font-size:12px;color:var(--text-tertiary)}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.6}}.progress-bar{width:100%;height:4px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--glyph-primary),var(--glyph-primary-bright));border-radius:2px;transition:width .3s ease-out}.progress-bar--indeterminate .progress-bar__fill{width:30%;animation:progress-slide 1.5s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-subtle) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pop-in{animation:pop-in-anim .35s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes pop-in-anim{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.shake{animation:shake-anim .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake-anim{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.btn.loading-with-spinner:after,.loading-spinner,.progress-bar--indeterminate .progress-bar__fill{animation-duration:1.5s}.pop-in,.shake{animation:none}.skeleton{animation:none;background:var(--border-subtle)}.pulse-text{animation:none}}.error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--error);margin-top:16px;font-size:13px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.loading-state--small{padding:16px;gap:8px}.loading-state--medium{padding:32px;gap:12px}.loading-state--large{padding:48px;gap:16px}.loading-state__spinner{width:28px;height:28px;border:3px solid var(--border-subtle);border-top-color:var(--glyph-primary-bright);border-radius:50%;animation:spin .8s linear infinite}.loading-state--small .loading-state__spinner{width:20px;height:20px;border-width:2px}.loading-state--large .loading-state__spinner{width:36px;height:36px;border-width:4px}.loading-state__message{font-size:14px;color:var(--text-secondary);animation:pulse-text 2s ease-in-out infinite}.loading-state--small .loading-state__message{font-size:13px}.loading-state--large .loading-state__message{font-size:16px}.loading-state__subtext{font-size:12px;color:var(--text-tertiary)}.loading-state--large .loading-state__subtext{font-size:13px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md)}.error-state--small{padding:16px;gap:8px;flex-direction:row;flex-wrap:wrap;justify-content:center}.error-state--medium{padding:32px;gap:12px}.error-state--large{padding:48px;gap:16px}.error-state__icon{color:var(--error);display:flex;align-items:center;justify-content:center}.error-state--small .error-state__icon svg{width:18px;height:18px}.error-state--large .error-state__icon svg{width:32px;height:32px}.error-state__message{font-size:14px;color:var(--error);margin:0;max-width:400px}.error-state--small .error-state__message{font-size:13px}.error-state--large .error-state__message{font-size:16px}.error-state__retry{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;color:var(--text-primary);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.error-state__retry:hover{background:var(--bg-hover);border-color:var(--glyph-primary)}.error-state__retry svg{width:14px;height:14px}.templates-error,.sources-error{margin-top:8px}.my-templates-error-state{max-width:400px;margin:40px auto}.my-templates-loading-state{padding:60px 20px}.playground-error-container{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);margin-top:12px}.playground-error-state{padding:0;background:transparent;border:none;flex:1}.playground-error-dismiss{padding:4px;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:color .15s ease}.playground-error-dismiss:hover{color:var(--text-primary)}@media(prefers-reduced-motion:reduce){.loading-state__spinner{animation-duration:1.5s}.loading-state__message{animation:none}}.dashboard-content{display:flex;flex-direction:column;gap:32px}.section{background:#111827d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;transition:all .3s ease}.section:hover{border-color:var(--border-default);box-shadow:0 4px 20px #0000004d}.section h2{font-size:16px;margin-bottom:16px;letter-spacing:-.01em}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2{margin-bottom:0}.tier-badge{padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;box-shadow:0 2px 8px #0003;transition:all .2s ease}.tier-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.key-card{display:flex;flex-direction:column;gap:16px}.key-display{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.key-display code{font-size:14px;color:var(--text-primary);letter-spacing:.02em}.key-actions{display:flex;gap:4px}.key-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--text-tertiary);font-size:13px}.key-footer{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border-subtle)}.new-key-alert{background:linear-gradient(135deg,#1e3a5f33,#1e3a5f0d);border:1.5px solid var(--glyph-primary);border-radius:var(--radius-lg);padding:24px;animation:successPop .4s cubic-bezier(.34,1.56,.64,1),glow 3s ease-in-out infinite;position:relative;overflow:hidden}.new-key-alert:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--glyph-primary) 0%,transparent 50%,var(--glyph-primary) 100%);opacity:.1;border-radius:inherit;z-index:0}.alert-header{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;position:relative;z-index:1}.alert-header strong{color:var(--glyph-primary-bright);font-size:15px}.alert-header span{font-size:13px;color:var(--text-secondary)}.new-key-display{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:18px;position:relative;z-index:1;border:1px solid var(--border-subtle)}.new-key-display code{flex:1;font-size:13px;color:var(--text-primary);word-break:break-all}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(24,24,27,.6) 100%);border-radius:var(--radius-md);text-align:center;border:1px solid transparent;transition:all .25s ease}.stat-card:hover{border-color:var(--border-subtle);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.stat-value{font-size:36px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1}.stat-unit{font-size:12px;color:var(--text-muted)}.rate-text{font-size:13px;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-weight:500}.rate-bar-container{height:10px;background:var(--bg-tertiary);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.rate-bar{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.34,1.56,.64,1),background .3s ease;min-width:4px;box-shadow:0 0 10px currentColor;position:relative}.rate-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);border-radius:inherit}.rate-reset{margin-top:14px;font-size:13px;color:var(--text-tertiary)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fadeIn .2s ease}.modal{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:32px;max-width:420px;width:100%;animation:fadeInScale .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 24px 48px #0006;position:relative;z-index:1}.modal h3{font-size:20px;margin-bottom:12px;letter-spacing:-.02em}.modal p{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:28px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.sign-out{align-self:center;margin-top:8px}.footer{border-top:1px solid var(--border-subtle);padding:20px 24px;text-align:center;color:var(--text-muted);font-size:13px}.footer a{color:var(--text-tertiary);text-decoration:none;transition:color .15s ease}.footer a:hover{color:var(--text-primary)}.footer-link{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--text-tertiary);text-decoration:none;transition:color .15s ease}.footer-link:hover{color:var(--text-primary)}.footer-sep{margin:0 12px;color:var(--border-subtle)}.signup-divider{display:flex;align-items:center;margin:24px 0;gap:16px}.signup-divider:before,.signup-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.signup-divider span{color:var(--text-muted);font-size:13px;text-transform:uppercase;letter-spacing:.05em}.btn-signup{width:100%;padding:14px 20px;background:transparent;border:1.5px solid var(--glyph-primary);border-radius:var(--radius-md);color:var(--glyph-primary-bright);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-signup:hover{background:#1e3a5f33;border-color:var(--glyph-primary-bright);transform:translateY(-1px)}.btn-signup svg{stroke:currentColor}.free-tier-note{margin-top:16px;font-size:13px;color:var(--text-muted);text-align:center}.back-link{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.back-link svg{stroke:currentColor}.success-icon{width:64px;height:64px;margin:0 auto 24px;background:linear-gradient(135deg,#10b98133,#10b9811a);border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon svg{width:32px;height:32px;stroke:#10b981;stroke-width:2.5}.generated-key-display{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:24px 0}.generated-key-display code{flex:1;font-size:13px;color:var(--text-primary);word-break:break-all;font-family:JetBrains Mono,monospace}.signup-actions{display:flex;gap:12px;justify-content:center}.free-tier-features{margin-top:32px;padding:20px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.feature-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;color:var(--text-secondary)}.feature-item:not(:last-child){border-bottom:1px solid var(--border-subtle)}.feature-item svg{stroke:#10b981;flex-shrink:0}.signup-features{margin:16px 0;padding:12px 16px;background:var(--bg-card, #f8fafc);border-radius:8px;border:1px solid var(--border-subtle, #e2e8f0)}.signup-features .feature-item{border-bottom:none;padding:6px 0;font-size:13px}.signup-features .feature-item:not(:last-child){border-bottom:none}.signup-features .feature-item svg{stroke:#10b981;width:14px;height:14px}.auth-options{display:flex;flex-direction:column;gap:12px}.btn-beta{width:100%;padding:14px 20px;background:linear-gradient(135deg,#14b8a626,#14b8a60d);border:1.5px solid #14B8A6;border-radius:var(--radius-md);color:#14b8a6;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:10px}.btn-beta:hover{background:linear-gradient(135deg,#14b8a640,#14b8a61a);transform:translateY(-2px);box-shadow:0 8px 24px #14b8a633}.btn-beta svg{stroke:currentColor}.btn-secondary{width:100%;padding:14px 20px;background:transparent;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-secondary:hover{border-color:var(--glyph-primary);color:var(--text-primary);background:#1e3a5f1a}.btn-secondary svg{stroke:currentColor}.admin-link{margin-top:24px;text-align:center}.btn-link{color:var(--text-muted);font-size:13px;cursor:pointer;transition:color .15s ease}.btn-link:hover{color:var(--text-secondary)}.beta-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#14b8a626,#14b8a60d);border:1px solid rgba(20,184,166,.3);border-radius:999px;color:#14b8a6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:24px}.beta-badge svg{stroke:currentColor;width:14px;height:14px}.api-input.textarea{resize:vertical;min-height:80px;padding-top:12px;padding-bottom:12px;line-height:1.5}.success-icon--large{width:80px;height:80px;margin:0 auto 32px;background:linear-gradient(135deg,#14b8a633,#14b8a60d);border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon--large svg{width:40px;height:40px;stroke:#14b8a6;stroke-width:2}.success-icon--glow{animation:successGlow 2s ease-in-out infinite}@keyframes successGlow{0%,to{box-shadow:0 0 20px #14b8a633}50%{box-shadow:0 0 40px #14b8a666}}.success-message{color:var(--text-secondary);font-size:15px;line-height:1.6}.position-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(24,24,27,.6) 100%);border-radius:var(--radius-lg);margin:32px 0}.position-number{font-size:48px;font-weight:700;color:#14b8a6;letter-spacing:-.03em;line-height:1}.position-label{font-size:14px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.waitlist-features{margin:24px 0;padding:20px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.waitlist-features .feature-item{padding:10px 0}.waitlist-features .feature-item svg{stroke:var(--text-tertiary)}.invite-icon{width:64px;height:64px;margin:0 auto 24px;background:linear-gradient(135deg,#1e3a5f33,#2563eb1a);border-radius:50%;display:flex;align-items:center;justify-content:center}.invite-icon svg{width:28px;height:28px;stroke:var(--glyph-primary-bright)}.code-input{text-align:center;font-size:18px;letter-spacing:.1em;text-transform:uppercase}.key-warning{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f59e0b1a;border-radius:var(--radius-md);color:var(--warning);font-size:13px;margin:16px 0}.key-warning svg{flex-shrink:0}.key-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.activation-actions{margin:24px 0}.beta-features{margin:32px 0;padding:20px;background:linear-gradient(135deg,rgba(20,184,166,.08) 0%,transparent 100%);border-radius:var(--radius-md);border:1px solid rgba(20,184,166,.2)}.beta-features .feature-item{padding:10px 0}.beta-features .feature-item svg{stroke:#14b8a6}.admin-panel{max-width:800px;margin:0 auto}.admin-icon{width:64px;height:64px;margin:0 auto 24px;background:linear-gradient(135deg,#1e3a5f33,#1e3a5f0d);border-radius:50%;display:flex;align-items:center;justify-content:center}.admin-icon svg{width:28px;height:28px;stroke:var(--glyph-primary)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.admin-header h1{font-size:28px;letter-spacing:-.02em}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.admin-stats .stat-card{padding:20px;text-align:center}.admin-stats .stat-card--pending{border-left:3px solid var(--warning)}.admin-stats .stat-card--approved{border-left:3px solid var(--glyph-primary-bright)}.admin-stats .stat-card--activated{border-left:3px solid #14B8A6}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;padding:4px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);color:var(--text-tertiary);font-weight:500;font-size:14px;transition:all .2s ease}.tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.tab.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:0 2px 8px #00000026}.tab svg{width:16px;height:16px}.approved-code-banner{background:linear-gradient(135deg,#14b8a626,#14b8a60d);border:1.5px solid #14B8A6;border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;animation:successPop .4s cubic-bezier(.34,1.56,.64,1)}.approved-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#14b8a6}.approved-header svg{width:20px;height:20px}.approved-code{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:16px}.approved-code code{flex:1;font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:.05em}.admin-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.request-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;transition:all .2s ease}.request-card:hover{border-color:var(--border-default);box-shadow:0 4px 16px #0003}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.request-email{font-weight:600;color:var(--text-primary)}.request-date{font-size:13px;color:var(--text-muted)}.request-meta{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.request-meta strong{color:var(--text-tertiary)}.request-usecase{font-size:14px;color:var(--text-secondary);padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin:12px 0;line-height:1.5}.request-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.btn-approve{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#14b8a6;color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s ease}.btn-approve:hover:not(:disabled){background:#0d9488;transform:translateY(-1px)}.btn-approve:disabled{opacity:.5}.btn-reject{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;border:1px solid var(--error);color:var(--error);border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s ease}.btn-reject:hover:not(:disabled){background:#ef44441a}.btn-reject:disabled{opacity:.5}.invite-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;transition:all .2s ease}.invite-card:hover{border-color:var(--border-default)}.invite-card.revoked{opacity:.6}.invite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.invite-code{font-size:16px;font-weight:600;color:var(--glyph-primary-bright);letter-spacing:.05em}.invite-status{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.invite-status.pending{background:#f59e0b26;color:var(--warning)}.invite-status.activated{background:#14b8a626;color:#14b8a6}.invite-status.revoked{background:#ef444426;color:var(--error)}.invite-email{font-size:14px;color:var(--text-primary);margin-bottom:4px}.invite-meta{font-size:13px;color:var(--text-tertiary);margin-bottom:8px}.invite-dates{display:flex;gap:16px;font-size:12px;color:var(--text-muted)}.invite-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.btn-revoke{padding:8px 16px;background:transparent;border:1px solid var(--error);color:var(--error);border-radius:var(--radius-md);font-weight:500;font-size:13px;transition:all .2s ease}.btn-revoke:hover:not(:disabled){background:#ef44441a}.template-count{font-size:13px;color:var(--text-tertiary);font-weight:500}.templates-loading{text-align:center;padding:32px;color:var(--text-muted);font-size:14px}.templates-empty{text-align:center;padding:48px 24px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.empty-icon{width:48px;height:48px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f33,#1e3a5f0d);border-radius:50%}.empty-icon svg{width:24px;height:24px;stroke:var(--text-muted)}.empty-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-description{font-size:14px;color:var(--text-muted)}.empty-cta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 18px;background:var(--brand);color:#fff;text-decoration:none;font-size:14px;font-weight:500;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease}.empty-cta:hover{background:var(--brand-hover)}.empty-cta svg{width:16px;height:16px}.templates-list{display:flex;flex-direction:column;gap:12px}.template-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;transition:all .2s ease}.template-card:hover{border-color:var(--border-default);box-shadow:0 4px 12px #00000026}.template-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.template-name{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);font-size:15px}.default-indicator{display:flex;align-items:center;justify-content:center;color:#f59e0b}.default-indicator svg{width:14px;height:14px}.template-badges{display:flex;gap:6px;flex-wrap:wrap}.type-badge{padding:3px 8px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#2563eb26;color:var(--glyph-primary-bright)}.style-badge{padding:3px 8px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#14b8a626;color:#14b8a6}.template-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.template-meta{display:flex;gap:16px;font-size:12px;color:var(--text-muted);margin-bottom:12px}.template-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--border-subtle)}.btn-icon-danger{color:var(--text-tertiary)}.btn-icon-danger:hover{color:var(--error);background:#ef44441a}.modal-edit-template{max-width:480px}.edit-template-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group-checkbox{flex-direction:row;align-items:center;gap:10px}.form-group-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--glyph-primary-bright);cursor:pointer}.form-group-checkbox label{font-size:14px;cursor:pointer}select.api-input{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 12px;padding-right:40px;cursor:pointer}select.api-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%232563eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.sources-loading{text-align:center;padding:24px;color:var(--text-secondary)}.sources-empty{text-align:center;padding:48px 24px;background:var(--bg-tertiary);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg)}.sources-empty .empty-icon{width:48px;height:48px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f33,#1e3a5f0d);border-radius:50%}.sources-empty .empty-icon svg{width:24px;height:24px;stroke:var(--text-muted)}.sources-empty .empty-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.sources-empty .empty-description{color:var(--text-secondary);margin-bottom:24px}.welcome-empty-state{padding:60px 24px;max-width:400px;margin:40px auto;background:var(--bg-tertiary);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg)}.welcome-empty-state .empty-icon{font-size:48px;width:auto;height:auto;background:none}.welcome-empty-state .empty-title{font-size:24px;font-weight:700}.welcome-empty-state .empty-description{line-height:1.5}.sources-list{display:flex;flex-direction:column;gap:12px}.source-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;transition:all .2s ease}.source-card:hover{border-color:var(--border-default);box-shadow:0 4px 12px #00000026}.source-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.source-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,#1e3a5f33,#1e3a5f0d);display:flex;align-items:center;justify-content:center;color:var(--glyph-primary-bright);flex-shrink:0}.source-icon svg{width:20px;height:20px}.source-info{flex:1;min-width:0}.source-name{font-weight:600;color:var(--text-primary);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-type{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.source-status{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px;flex-shrink:0}.source-status--active{background:#10b98126;color:#10b981}.source-status--pending{background:#f59e0b26;color:#f59e0b}.source-status--failed{background:#ef444426;color:#ef4444}.source-status--disabled{background:#6b728026;color:#6b7280}.source-schema{font-size:13px;color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center}.source-schema .dot{display:inline-block;width:3px;height:3px;background:var(--text-tertiary);border-radius:50%;margin:0 8px}.source-error{font-size:12px;color:#ef4444;margin-bottom:8px;padding:8px 12px;background:#ef44441a;border-radius:var(--radius-sm)}.source-warning{font-size:12px;color:#b45309;margin-bottom:8px;padding:8px 12px;background:#f59e0b1f;border-radius:var(--radius-sm)}.source-meta{font-size:12px;color:var(--text-muted);margin-bottom:12px}.source-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border-subtle)}.modal-wizard{max-width:480px;width:100%;padding:0;max-height:85vh;display:flex;flex-direction:column;position:relative;z-index:1}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.wizard-header h3{margin:0;font-size:18px}.wizard-steps{display:flex;gap:8px;padding:16px 24px;flex-shrink:0}.wizard-step-indicator{flex:1;height:4px;background:var(--border-subtle);border-radius:2px;transition:background .3s ease}.wizard-step-indicator.active{background:var(--glyph-primary-bright)}.wizard-step-indicator.complete{background:#10b981}.wizard-breadcrumbs{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;flex-shrink:0;background:#1e3a5f1a;border-bottom:1px solid var(--border-subtle)}.wizard-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary);transition:all .3s ease}.wizard-breadcrumb.active{color:var(--glyph-primary-bright);font-weight:600}.wizard-breadcrumb.complete{color:#10b981}.wizard-breadcrumb-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;font-weight:700;background:var(--border-subtle);color:var(--text-secondary);transition:all .3s ease}.wizard-breadcrumb.active .wizard-breadcrumb-icon{background:var(--glyph-primary-bright);color:#fff}.wizard-breadcrumb.complete .wizard-breadcrumb-icon{background:#10b981;color:#fff}.wizard-breadcrumb-icon svg{width:10px;height:10px}.wizard-breadcrumb-arrow{color:var(--border-subtle);margin:0 2px}.wizard-auto-advance{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;text-align:center;animation:wizard-fade-in .3s ease}@keyframes wizard-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-auto-advance-text{color:var(--text-secondary);font-size:14px;margin:0}.wizard-auto-advance-text strong{color:var(--text-primary)}.wizard-auto-advance-loader{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#1e3a5f26;border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.wizard-auto-advance-spinner{width:24px;height:24px;border:2px solid var(--border-subtle);border-top-color:var(--glyph-primary-bright);border-radius:50%;animation:spin .8s linear infinite}.wizard-auto-advance-progress{flex:1;display:flex;flex-direction:column;gap:6px}.wizard-auto-advance-progress-text{font-size:13px;color:var(--text-primary);font-weight:500}.wizard-auto-advance-progress-bar{height:3px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.wizard-auto-advance-progress-fill{height:100%;background:var(--glyph-primary-bright);border-radius:2px;transition:width .5s ease-out}.wizard-success-auto-advance{margin-top:24px;padding:16px 20px;background:linear-gradient(135deg,#10b98114,#06b6d414);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);animation:wizard-fade-in .4s ease .5s both}.wizard-success-auto-advance .auto-advance-content{display:flex;align-items:center;gap:12px}.wizard-success-auto-advance .auto-advance-spinner{width:20px;height:20px;border:2px solid rgba(16,185,129,.3);border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.wizard-success-auto-advance .auto-advance-text{flex:1}.wizard-success-auto-advance .auto-advance-title{font-size:14px;font-weight:600;color:#10b981;margin-bottom:2px}.wizard-success-auto-advance .auto-advance-subtitle{font-size:12px;color:var(--text-secondary)}.wizard-inline-preview{margin-top:16px;border-radius:12px;overflow:hidden;border:1px solid var(--border-color, #e2e8f0)}.inline-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-success, #f0fdf4);border-bottom:1px solid var(--border-color, #e2e8f0)}.inline-preview-badge{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;color:var(--color-success, #16a34a)}.inline-preview-badge svg{width:16px;height:16px}.inline-preview-template{font-size:12px;color:var(--text-secondary, #64748b)}.inline-preview-frame{position:relative;height:300px;background:#fff;overflow:hidden}.inline-preview-iframe{width:200%;height:200%;border:none;transform-origin:top left;transform:scale(.5)}.inline-preview-actions{display:flex;gap:12px;padding:16px;justify-content:center;border-top:1px solid var(--border-color, #e2e8f0)}.wizard-inline-preview-error{text-align:center;padding:24px;color:var(--text-secondary)}.wizard-content{padding:24px;animation:wizard-content-enter .3s ease;flex:1;overflow-y:auto;min-height:0}@keyframes wizard-content-enter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.wizard-content.exiting{animation:wizard-content-exit .2s ease forwards}@keyframes wizard-content-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.wizard-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.migration-assistant-section{background:linear-gradient(135deg,#10b98117,#1880ff12);border:1px solid rgba(16,185,129,.28);border-radius:var(--radius-lg);padding:18px;margin-bottom:16px}.migration-assistant-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.migration-assistant-icon{width:34px;height:34px;border-radius:var(--radius-md);background:#059669;color:#fff;display:flex;align-items:center;justify-content:center}.migration-assistant-icon svg{width:18px;height:18px}.migration-assistant-text{display:flex;flex-direction:column}.migration-assistant-title{font-size:15px;font-weight:600;color:var(--text-primary)}.migration-assistant-hint{font-size:12px;color:var(--text-secondary)}.migration-assistant-input{width:100%;min-height:90px;resize:vertical;font-size:13px;font-family:var(--font-mono, "SF Mono", Monaco, Consolas, monospace)}.migration-assistant-actions{display:flex;gap:8px;margin-top:10px}.migration-assistant-error{margin-top:12px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-md);background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444;font-size:13px}.migration-assistant-result{margin-top:12px;padding:12px;border-radius:var(--radius-md);background:#0f172a73;border:1px solid var(--border-subtle)}.migration-assistant-result-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.migration-assistant-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#1880ff29;color:#93c5fd}.migration-assistant-confidence{font-size:12px;color:var(--text-secondary)}.migration-assistant-recommendation{margin-top:10px;font-size:13px;color:var(--text-primary)}.migration-assistant-list{margin:8px 0 0;padding-left:18px;color:var(--text-secondary);font-size:12px}.migration-assistant-list li+li{margin-top:4px}.migration-assistant-blockers{margin-top:8px;font-size:12px;color:#fca5a5}.quick-connect-section{background:linear-gradient(135deg,#1880ff14,#fcb9000f);border:1px solid rgba(24,128,255,.2);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.quick-connect-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.quick-connect-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#1880ff;border-radius:var(--radius-md);color:#fff}.quick-connect-icon svg{width:24px;height:24px}.quick-connect-text{display:flex;flex-direction:column}.quick-connect-title{font-weight:600;font-size:16px;color:var(--text-primary)}.quick-connect-hint{font-size:13px;color:var(--text-secondary)}.quick-connect-input{font-size:14px}.quick-connect-input::placeholder{color:var(--text-tertiary);opacity:.7}.quick-connect-status{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:#1880ff1a;border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary)}.quick-connect-error{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);font-size:13px;color:#ef4444}.quick-connect-error>span{flex:1;min-width:200px}.quick-connect-error .btn{flex-shrink:0}.quick-connect-error .btn-primary{background:#ef4444;border-color:#ef4444;color:#fff}.quick-connect-error .btn-primary:hover{background:#dc2626;border-color:#dc2626}.quick-connect-confirm{margin-top:16px;padding:16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md)}.quick-connect-confirm-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.quick-connect-confirm-icon{color:#10b981;flex-shrink:0}.quick-connect-confirm-icon svg{width:28px;height:28px}.quick-connect-confirm-text{display:flex;flex-direction:column}.quick-connect-confirm-title{font-size:15px;color:var(--text-primary)}.quick-connect-confirm-title strong{color:#10b981}.quick-connect-confirm-subtitle{font-size:13px;color:var(--text-secondary)}.quick-connect-confirm-actions{display:flex;gap:8px}.quick-connect-confirm-actions .btn-primary{flex:1}.quick-connect-needs-pat{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:12px;background:#fbbf241a;border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary);text-align:center}.quick-connect-pat-inline{margin-top:16px;padding:16px;background:var(--card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.quick-connect-pat-header{margin-bottom:12px}.quick-connect-pat-title{display:block;font-weight:500;color:var(--text-primary);margin-bottom:4px}.quick-connect-pat-hint{display:block;font-size:12px;color:var(--text-secondary)}.quick-connect-pat-hint a{color:var(--glyph-primary-bright);text-decoration:none}.quick-connect-pat-hint a:hover{text-decoration:underline}.quick-connect-pat-input-row{display:flex;gap:8px}.quick-connect-pat-input-row .api-input{flex:1}.quick-connect-pat-input-row .btn{flex-shrink:0}.quick-connect-pat-error{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:#ef44441a;border-radius:var(--radius-sm);color:var(--error);font-size:13px}.quick-connect-pat-error svg{flex-shrink:0}.quick-connect-detected-type{display:flex;align-items:center;gap:8px;margin:12px 0;padding:10px 14px;background:linear-gradient(135deg,#2563eb1a,#8b5cf61a);border:1px solid rgba(37,99,235,.2);border-radius:var(--radius-md);font-size:13px;color:var(--text-primary)}.quick-connect-detected-type svg{color:var(--glyph-primary-bright);width:16px;height:16px;flex-shrink:0}.quick-connect-detected-type strong{color:var(--glyph-primary-bright)}.quick-connect-detected-type .detected-confidence{margin-left:auto;font-size:11px;color:var(--text-tertiary);background:#ffffff1a;padding:2px 8px;border-radius:10px}.quick-connect-field-count{color:var(--text-tertiary)}.quick-connect-progress{margin-top:16px;padding:16px;background:linear-gradient(135deg,#1880ff14,#10b98114);border:1px solid rgba(24,128,255,.2);border-radius:var(--radius-lg);animation:fadeIn .2s ease-out}.quick-connect-progress-stages{display:flex;gap:8px;margin-bottom:12px}.progress-stage{display:flex;align-items:center;gap:6px;flex:1;padding:8px 10px;background:#ffffff80;border-radius:var(--radius-md);font-size:12px;color:var(--text-tertiary);transition:all .2s ease}.progress-stage.active{background:#1880ff26;color:var(--accent-primary);font-weight:500}.progress-stage.complete{background:#10b98126;color:#10b981}.progress-stage-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.progress-stage-icon svg{width:14px;height:14px}.progress-stage.complete .progress-stage-icon svg{stroke:#10b981}.spinner-tiny{width:12px;height:12px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.quick-connect-progress-info{font-size:13px;color:var(--text-secondary);text-align:center}.quick-connect-progress-info strong{color:var(--text-primary)}.progress-detected-type{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;background:#8b5cf61a;border-radius:10px;font-size:12px;color:#8b5cf6}.progress-detected-type svg{width:12px;height:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.quick-connect-divider{display:flex;align-items:center;margin:24px 0 20px;color:var(--text-tertiary);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.quick-connect-divider:before,.quick-connect-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.quick-connect-divider span{padding:0 16px}.spinner-small{width:16px;height:16px;border-width:2px}.btn-sm{padding:6px 12px;font-size:12px}.type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.type-selector--coming-soon{grid-template-columns:repeat(3,1fr);opacity:.5}.type-option{padding:20px 16px;border:2px solid var(--border-subtle);border-radius:var(--radius-lg);background:transparent;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.type-option:hover:not(.disabled){border-color:var(--glyph-primary);background:#1e3a5f0d}.type-option.selected{border-color:var(--glyph-primary-bright);background:#2563eb1a}.type-option.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.type-option-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--glyph-primary-bright)}.type-option-icon svg{width:24px;height:24px}.type-option-label{font-weight:600;font-size:14px;color:var(--text-primary)}.type-option-coming{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.wizard-form{display:flex;flex-direction:column;gap:16px}.form-hint{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}.wizard-actions{display:flex;justify-content:space-between;padding:16px 24px;margin:16px -24px -24px;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);position:sticky;bottom:-24px;flex-shrink:0}.field-selection-section{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;background:#1118278c;margin-top:8px}.field-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.field-selection-header label{font-weight:600;font-size:14px;color:var(--text-primary)}.field-selection-count{font-size:12px;color:var(--text-secondary)}.field-selection-excluded{color:var(--text-muted);margin-left:4px}.field-selection-actions{display:flex;gap:8px;margin-bottom:12px}.btn-xs{padding:4px 8px;font-size:11px;border-radius:var(--radius-sm)}.field-selection-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding-right:4px}.field-selection-list::-webkit-scrollbar{width:6px}.field-selection-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.field-selection-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.field-selection-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;background:transparent;border:1px solid transparent}.field-selection-item:hover{background:#ffffff08}.field-selection-item.selected{background:#2563eb14;border-color:#2563eb33}.field-selection-item.excluded{opacity:.5}.field-selection-item.system-field{background:#fbbf240d}.field-selection-item.system-field.excluded{opacity:.4}.field-selection-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--glyph-primary-bright);flex-shrink:0}.field-selection-item .field-name{flex:1;font-size:13px;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-selection-item .field-type{font-size:11px;color:var(--text-muted);text-transform:lowercase;background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);flex-shrink:0}.field-selection-item .field-badge{font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}.field-selection-item .field-badge.system{background:#fbbf2426;color:#fbbf24}.field-selection-item .field-sample{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.airtable-connect-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.airtable-connected-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;color:#10b981;background:#10b9811f;border:1px solid rgba(16,185,129,.25);white-space:nowrap}.look-selection-section{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;background:#1118278c;display:flex;flex-direction:column;gap:12px}.look-selection-header{display:flex;flex-direction:column;gap:4px}.look-selection-header label{font-weight:600;font-size:14px;color:var(--text-primary)}.look-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.look-style-pill{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#1e3a5f14;color:var(--text-primary);text-align:left;cursor:pointer;padding:10px 12px;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:4px}.look-style-pill:hover{border-color:var(--glyph-primary);background:#1e3a5f24}.look-style-pill.selected{border-color:var(--glyph-primary-bright);background:#2563eb24;box-shadow:inset 0 0 0 1px #60a5fa33}.look-style-name{font-weight:600;font-size:13px}.look-style-helper{color:var(--text-muted);font-size:11px;line-height:1.35}.look-description-group{margin-bottom:0}.input-with-status{position:relative;display:flex;align-items:center}.input-with-status .api-input{flex:1;padding-right:36px}.input-with-status .api-input.input-valid{border-color:#10b981}.input-with-status .api-input.input-invalid{border-color:#ef4444}.input-status-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.input-status-icon.valid{color:#10b981}.input-status-icon.invalid{color:#ef4444}.input-status-icon.validating{color:#6b7280}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--glyph-primary-bright, #4F8EF7);border-radius:50%;animation:spin .6s linear infinite}.airtable-picker{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#1118278c}.airtable-picker-header{display:flex;flex-direction:column;gap:8px}.airtable-picker-header label{font-weight:600;font-size:13px;color:var(--text-primary)}.airtable-picker-list{display:grid;grid-template-columns:1fr;gap:8px;max-height:220px;overflow:auto;padding-right:4px}.airtable-item{text-align:left;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#1e3a5f14;padding:10px 12px;cursor:pointer;transition:all var(--transition-fast)}.airtable-item:hover{border-color:var(--glyph-primary);background:#1e3a5f24}.airtable-item.selected{border-color:var(--glyph-primary-bright);background:#2563eb24}.airtable-item-title{font-weight:600;font-size:13px;color:var(--text-primary);margin-bottom:4px}.airtable-item-meta{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.airtable-loading{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary)}.magic-success-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.22);background:#10b98114;color:var(--text-primary);font-size:13px;margin-top:10px}.magic-success-banner svg{width:18px;height:18px;stroke:#10b981}.magic-record-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;margin-top:10px}.magic-record-row .record-label{font-size:12px;color:var(--text-secondary)}.magic-record-row .record-empty{font-size:12px;color:var(--text-muted)}.magic-record-row .record-loading{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.wizard-success{text-align:center}.wizard-success h4{margin:16px 0;color:var(--text-primary);font-size:18px}.schema-preview{text-align:left;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:16px;margin-top:16px}.schema-preview p{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.schema-fields{display:flex;flex-direction:column;gap:8px}.schema-field{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.schema-field .field-name{font-weight:500;font-size:13px;color:var(--text-primary)}.schema-field .field-type{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.schema-more{font-size:12px;color:var(--text-tertiary);text-align:center;padding-top:8px}.auto-identify-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;margin:16px 0}.auto-identify-spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--glyph-primary-bright);border-radius:50%;animation:spin .8s linear infinite}.auto-identify-loading p{font-size:14px;color:var(--text-secondary);margin:0}.auto-identify-result{margin:20px 0;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auto-identify-badge{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1e3a5f4d,#2563eb26);border:1px solid rgba(37,99,235,.3);border-radius:var(--radius-lg);padding:16px 20px;text-align:left}.auto-identify-icon{font-size:28px;line-height:1}.auto-identify-text{flex:1;display:flex;flex-direction:column;gap:2px}.auto-identify-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.auto-identify-type{font-size:18px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.auto-identify-confidence{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;background:#10b98126;border-radius:var(--radius-md);min-width:60px}.auto-identify-confidence .confidence-value{font-size:16px;font-weight:700;color:#10b981}.auto-identify-confidence .confidence-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.auto-identify-suggestion{font-size:13px;color:var(--text-secondary);margin-top:12px;text-align:center}.auto-identify-suggestion strong{color:var(--glyph-primary-bright);text-transform:capitalize}.btn-primary-outline{background:transparent;color:var(--glyph-primary-bright);border:1.5px solid var(--glyph-primary);padding:8px 16px;font-size:14px}.btn-primary-outline:hover{background:#1e3a5f1a;border-color:var(--glyph-primary-bright)}@media(max-width:640px){.main{padding:32px 16px}.auth-card{padding:32px 24px}.auth-card h1{font-size:24px}.value-preview{gap:10px;margin-bottom:20px}.value-preview-item{padding:12px 14px;gap:12px}.value-preview-icon{width:36px;height:36px}.value-preview-icon svg{width:16px;height:16px}.value-preview-text strong{font-size:13px}.value-preview-text span{font-size:11px}.free-tier-badge{font-size:12px;padding:6px 14px}.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:row;justify-content:space-between;padding:16px}.stat-value{font-size:24px}.key-meta{flex-direction:column;gap:8px}.key-display{flex-direction:column;gap:12px;align-items:stretch}.key-display code{font-size:12px;word-break:break-all}.key-actions{justify-content:flex-end}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-tabs{flex-direction:column}.request-header{flex-direction:column;align-items:flex-start;gap:4px}.request-actions{flex-direction:column}.invite-header{flex-direction:column;align-items:flex-start;gap:8px}.invite-dates{flex-direction:column;gap:4px}.position-number{font-size:36px}.code-input{font-size:16px}.template-header{flex-direction:column;gap:8px}.template-badges{order:-1}.template-meta{flex-direction:column;gap:4px}.template-actions{justify-content:stretch}.template-actions .btn-icon{flex:1}.modal-edit-template{max-width:100%;margin:16px}.type-selector,.type-selector--coming-soon{grid-template-columns:1fr}.source-header{flex-wrap:wrap}.source-status{margin-left:auto}.source-actions{flex-wrap:wrap}.source-actions .btn-icon{flex:1}.modal-wizard{max-width:100%;margin:16px;max-height:calc(100vh - 32px)}.wizard-header{padding:16px 20px}.wizard-content{padding:20px}.wizard-actions{flex-direction:column;gap:12px;margin:16px -20px -20px;padding:16px 20px;bottom:-20px}.wizard-actions .btn{width:100%}.look-style-grid{grid-template-columns:1fr}}.template-sources{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.template-sources-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sources-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.btn-sm{padding:4px 8px;font-size:12px}.btn-outline{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--glyph-primary);color:var(--glyph-primary)}.linked-sources-list{display:flex;flex-direction:column;gap:6px}.linked-source{display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-tertiary);border-radius:6px;font-size:13px}.linked-source-name{flex:1;font-weight:500}.default-badge{font-size:10px;padding:2px 6px;background:var(--glyph-primary);color:#fff;border-radius:3px;text-transform:uppercase}.validation-badge{font-size:10px;padding:2px 6px;border-radius:3px;text-transform:capitalize}.validation-badge--valid{background:#10b9811a;color:#10b981}.validation-badge--stale{background:#f59e0b1a;color:#f59e0b}.validation-badge--broken{background:#8b5cf61a;color:#8b5cf6}.validation-badge--pending{background:#6b72801a;color:#6b7280}.no-sources-linked{font-size:12px;color:var(--text-tertiary);font-style:italic}.modal-link-source{max-width:400px}.modal-subtitle{color:var(--text-secondary);margin-bottom:16px}.source-select-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;max-height:300px;overflow-y:auto}.source-select-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.source-select-item:hover{border-color:var(--glyph-primary)}.source-select-item.selected{border-color:var(--glyph-primary);background:#1e3a5f1a}.source-select-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--glyph-primary)}.source-select-info{flex:1}.source-select-name{font-weight:600}.source-select-meta{font-size:12px;color:var(--text-secondary)}.source-select-check{color:var(--glyph-primary)}.no-sources-message{text-align:center;padding:24px}.no-sources-message p{margin-bottom:16px;color:var(--text-secondary)}.modal-link-template{max-width:500px}.modal-link-template .error-banner.modal-error{margin:0 0 16px}.modal-link-template .error-banner.modal-error .btn-icon{padding:4px;min-width:auto}.template-select-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;max-height:400px;overflow-y:auto}.template-select-section{display:flex;flex-direction:column;gap:8px}.template-select-section-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:4px 0;border-bottom:1px solid var(--border-subtle)}.template-select-section-badge{font-size:10px;font-weight:500;padding:2px 6px;background:linear-gradient(135deg,var(--glyph-primary),#10b981);color:#fff;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.template-select-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.template-select-item:hover{border-color:var(--glyph-primary)}.template-select-item.selected{border-color:var(--glyph-primary);background:#1e3a5f1a}.template-select-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--glyph-primary);background:var(--bg-tertiary);border-radius:6px}.template-select-icon--builtin{background:linear-gradient(135deg,var(--glyph-primary),#10b981);color:#fff}.template-select-info{flex:1;min-width:0}.template-select-name{font-weight:600;margin-bottom:2px}.template-select-meta{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-select-check{color:var(--glyph-primary);flex-shrink:0}.no-templates-message{text-align:center;padding:24px}.no-templates-message p{margin-bottom:16px;color:var(--text-secondary)}.mapper-overlay{padding:20px}.modal-mapper{max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column}.mapper-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.mapper-header-main{flex:1;min-width:220px;display:flex;flex-direction:column;gap:8px}.mapper-header h3{margin:0}.mapper-required-progress{display:flex;flex-direction:column;gap:6px}.mapper-required-progress-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.mapper-required-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.mapper-required-count{font-size:12px;color:var(--text-secondary);font-weight:600}.mapper-required-progress-track{width:100%;height:6px;border-radius:999px;overflow:hidden;background:#94a3b82e}.mapper-required-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#22c55e);transition:width .2s ease}.mapper-coverage{font-size:14px;color:var(--text-secondary)}.coverage-value{font-weight:600;color:var(--glyph-primary)}.btn-ai{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;cursor:pointer;transition:opacity .2s}.btn-ai:hover{opacity:.9}.btn-ai:disabled{opacity:.5;cursor:not-allowed}.mapping-summary{background:linear-gradient(135deg,#8b5cf614,#a855f70a);border:1px solid rgba(139,92,246,.2);border-radius:8px;margin:0 24px;padding:16px}.mapping-summary-header{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);margin-bottom:12px;flex-wrap:wrap}.mapping-summary-header svg{width:18px;height:18px;color:var(--color-accent)}.mapping-accept-all-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;font-weight:600;background:linear-gradient(135deg,var(--color-accent),#7c3aed);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf64d}.mapping-summary-header .mapping-accept-all-btn:first-of-type{margin-left:auto}.mapping-accept-all-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.mapping-accept-all-btn svg{width:14px;height:14px;color:#fff}.mapping-summary-list{display:flex;flex-direction:column;gap:6px}.mapping-summary-item{display:flex;align-items:center;gap:8px;font-size:.875rem;padding:6px 10px;background:#ffffff80;border-radius:6px}.mapping-summary-item code{font-family:SF Mono,Fira Code,monospace;font-size:.8rem;padding:2px 6px;border-radius:4px}.mapping-summary-item .mapping-source{background:#3b82f61a;color:#3b82f6}.mapping-summary-item .mapping-template{background:#10b9811a;color:#10b981}.mapping-summary-item .mapping-arrow-inline{color:var(--text-tertiary);font-size:.75rem}.mapping-summary-item .mapping-confidence{margin-left:auto;font-size:.75rem;color:var(--color-accent);font-weight:500}.mapping-summary-low{padding:8px 10px;background:#eab30814;border-radius:6px;margin-top:4px}.mapping-summary-low-label{font-size:.8rem;color:#ca8a04}.adapt-template-banner{display:flex;align-items:center;gap:16px;padding:14px 24px;background:linear-gradient(135deg,#f59e0b1f,#ef444414);border-bottom:1px solid rgba(245,158,11,.25)}.adapt-banner-content{display:flex;align-items:flex-start;gap:12px;flex:1}.adapt-banner-icon{color:#f59e0b;flex-shrink:0;display:flex;align-items:center;padding-top:2px}.adapt-banner-icon svg{width:16px;height:16px}.adapt-banner-text{display:flex;flex-direction:column;gap:4px}.adapt-banner-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.adapt-banner-subtitle{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.adapt-banner-subtitle strong{color:var(--text-primary);font-weight:500}.adapt-banner-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;border:none;border-radius:8px;cursor:pointer;transition:all .15s;white-space:nowrap}.adapt-banner-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px)}.adapt-banner-btn svg{width:16px;height:16px}@media(max-width:600px){.adapt-template-banner{flex-direction:column;align-items:stretch;gap:12px}.adapt-banner-btn{width:100%;justify-content:center}}.mapper-body{flex:1;overflow-y:auto;padding:24px}.mapper-empty{text-align:center;padding:48px;color:var(--text-secondary)}.mapper-empty-recovery{display:flex;flex-direction:column;align-items:center;gap:16px}.mapper-empty-recovery .mapper-empty-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);display:flex;align-items:center;justify-content:center;color:#fff}.mapper-empty-recovery .mapper-empty-icon svg{width:24px;height:24px}.mapper-empty-recovery h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.mapper-empty-recovery .mapper-empty-hint{max-width:320px;line-height:1.5}.mapper-empty-recovery .mapper-empty-hint strong{color:var(--accent)}.mapper-empty-actions{display:flex;gap:12px;margin-top:8px}.mapper-empty-actions .btn-with-icon{display:flex;align-items:center;gap:8px}.mapper-empty-actions .btn-with-icon svg{width:16px;height:16px}.mapper-empty-hint{font-size:13px;color:var(--text-tertiary);margin-top:8px}.mapper-auto-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;min-height:200px}.mapper-loading-spinner{color:var(--accent)}.mapper-spinner{animation:mapper-pulse 2s ease-in-out infinite}@keyframes mapper-pulse{0%,to{opacity:.6}50%{opacity:1}}.mapper-auto-generating h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.mapper-loading-hint{font-size:14px;color:var(--text-secondary);text-align:center;max-width:280px;line-height:1.5}.mapping-rows{display:flex;flex-direction:column;gap:12px}.source-mapping-rows{gap:8px}.source-mapping-rows .sfm-section-title{display:flex;align-items:center;gap:8px;padding:16px 0 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-top:1px solid var(--border-subtle);margin-top:8px}.source-mapping-rows .sfm-section-title:first-child{border-top:none;margin-top:0;padding-top:0}.source-mapping-rows .sfm-section-title--mapped{color:#22c55e}.source-mapping-rows .sfm-section-title--mapped svg{color:#22c55e}.source-mapping-rows .sfm-section-title--unmapped{color:var(--text-muted)}.source-mapping-rows .sfm-section-count{font-weight:400;color:var(--text-tertiary)}.template-view-toggle{margin-top:16px;border-top:1px solid var(--border-subtle);padding-top:16px}.template-view-summary{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-muted);font-size:13px;padding:8px 12px;background:var(--bg-secondary);border-radius:8px;transition:all .15s ease}.template-view-summary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.template-view-summary svg{width:16px;height:16px}.template-view-toggle[open] .template-view-summary{border-radius:8px 8px 0 0;background:var(--bg-tertiary)}.template-mapping-rows{background:var(--bg-secondary);border-radius:0 0 8px 8px;padding:12px}.mapper-stats{display:flex;flex-direction:column;gap:2px;font-size:13px}.mapper-stat-item{color:var(--text-secondary)}.mapper-stat-item strong{color:var(--glyph-primary-bright);font-weight:600}.mapper-stat-secondary{font-size:11px;color:var(--text-muted)}.mapper-stat-warning{font-size:11px;color:#f59e0b}.mapper-guidance{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 24px 18px;padding:14px 16px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#0f172a6b}.mapper-guidance--ready{border-color:#22c55e47;background:linear-gradient(135deg,#15803d2e,#0f172a80)}.mapper-guidance--review{border-color:#f59e0b47;background:linear-gradient(135deg,#b453092e,#0f172a80)}.mapper-guidance--attention,.mapper-guidance--warning{border-color:#3b82f63d;background:linear-gradient(135deg,#1e40af2e,#0f172a80)}.mapper-guidance-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.mapper-guidance-title{font-size:14px;font-weight:700;color:var(--text-primary)}.mapper-guidance-body{font-size:12px;color:var(--text-secondary);line-height:1.5}.mapper-guidance-action{flex-shrink:0;white-space:nowrap}.mapper-unresolved-toggle{white-space:nowrap;color:var(--text-secondary);border:1px solid var(--border-subtle)}.mapper-unresolved-toggle:hover:not(:disabled){border-color:#f59e0b73;color:#fbbf24;background:#f59e0b1f}.mapper-unresolved-toggle.active{color:#f59e0b;border-color:#f59e0b6b;background:#f59e0b29}.mapping-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px}.mapping-template-field{flex:0 0 180px}.mapping-template-field code{font-family:SF Mono,Monaco,monospace;font-size:13px;color:var(--glyph-primary);background:var(--bg-tertiary);padding:4px 8px;border-radius:4px}.mapping-arrow{flex:0 0 24px;color:var(--text-tertiary)}.mapping-source-field{flex:1}.mapping-select{width:100%;padding:8px 12px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;cursor:pointer}.mapping-select:focus{outline:none;border-color:var(--glyph-primary)}.mapping-transform{flex:0 0 140px}.transform-select{width:100%;padding:8px 12px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;cursor:pointer}.mapping-confidence{flex:0 0 60px;font-size:11px;padding:4px 8px;background:#6366f11a;color:#6366f1;border-radius:4px;text-align:center}.mapper-error{margin:0 24px}.mapper-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-subtle)}@media(max-width:768px){.modal-mapper{max-width:100%;height:100vh;max-height:100vh;border-radius:0}.mapping-row{flex-wrap:wrap}.mapping-template-field{flex:0 0 100%;margin-bottom:8px}.mapping-arrow{display:none}.mapping-source-field{flex:1 1 50%}.mapping-transform{flex:1 1 40%}.mapping-confidence{flex:0 0 100%;margin-top:8px}}@media(max-width:480px){.mapper-header{flex-wrap:wrap;gap:8px}.mapper-header h3,.mapping-source-field,.mapping-transform{flex:0 0 100%}}.modal-mapper--v2{max-width:720px}.mapper-header__title{flex:1;min-width:200px}.mapper-header__title h3{margin:0 0 4px;font-size:18px}.mapper-header__stats{display:flex;gap:12px;font-size:13px}.mapper-stat{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-weight:500}.mapper-stat--mapped{background:#10b9811a;color:#10b981}.mapper-stat--unmapped{background:#f59e0b1a;color:#f59e0b}.mapper-header__progress{display:flex;align-items:center;gap:12px;min-width:150px}.mapper-progress-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.mapper-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#22c55e);border-radius:3px;transition:width .3s ease}.mapper-progress-text{font-size:14px;font-weight:600;color:var(--text-primary);min-width:36px}.mapper-header__actions{display:flex;gap:8px}.mapper-instructions{display:flex;align-items:flex-start;gap:12px;padding:16px 24px;background:#3b82f60d;border-bottom:1px solid rgba(59,130,246,.1)}.mapper-instructions__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.mapper-instructions__text{font-size:13px;color:var(--text-secondary);line-height:1.5}.mapper-instructions__text strong{color:var(--text-primary)}.mapper-ai-summary{padding:16px 24px;background:linear-gradient(135deg,#8b5cf614,#a855f70a);border-bottom:1px solid rgba(139,92,246,.15)}.mapper-ai-summary__header{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.mapper-ai-summary__header svg{color:#8b5cf6}.mapper-ai-summary__hint{font-size:13px;color:var(--text-secondary)}.mapping-cards{display:flex;flex-direction:column;gap:16px}.mapping-card{background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.mapping-card:hover{border-color:var(--border-color)}.mapping-card--mapped{border-color:#10b9814d}.mapping-card--mapped:hover{border-color:#10b98180}.mapping-card--suggested{border-color:#8b5cf64d;background:linear-gradient(to bottom,rgba(139,92,246,.02),transparent)}.mapping-card--suggested:hover{border-color:#8b5cf680}.mapping-card--unmapped{border-color:#f59e0b33}.mapping-card__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.mapping-card__template{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mapping-card__field-name{font-family:SF Mono,Fira Code,monospace;font-size:14px;color:var(--glyph-primary);background:#1e3a5f26;padding:4px 10px;border-radius:6px;font-weight:500}.mapping-card__status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.mapping-card__status-badge svg{width:12px;height:12px}.mapping-card__status-badge--mapped{background:#10b9811a;color:#10b981}.mapping-card__status-badge--suggested{background:#8b5cf61a;color:#8b5cf6}.mapping-card__status-badge--unmapped{background:#6b72801a;color:#6b7280}.mapping-card__transform{position:relative}.mapping-card__transform-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.mapping-card__transform-btn:hover{border-color:var(--glyph-primary);color:var(--text-primary)}.mapping-card__transform-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:140px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:100;overflow:hidden}.mapping-card__transform-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:none;border:none;font-size:13px;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .15s}.mapping-card__transform-option:hover{background:var(--bg-secondary)}.mapping-card__transform-option.selected{background:#1e3a5f1a;color:var(--glyph-primary)}.mapping-card__transform-option svg{width:14px;height:14px;color:var(--glyph-primary)}.mapping-card__connector{display:flex;align-items:center;padding:0 16px;height:32px}.mapping-card__line{flex:1;height:2px;background:var(--border-subtle)}.mapping-card--mapped .mapping-card__line{background:linear-gradient(90deg,#10b9814d,#10b98180)}.mapping-card__arrow{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.mapping-card--mapped .mapping-card__arrow{color:#10b981}.mapping-card__source{padding:16px}.mapping-card__mapped-field{display:flex;align-items:center;justify-content:space-between;gap:12px}.mapping-card__field-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mapping-card__source-name{font-weight:600;font-size:14px;color:var(--text-primary)}.mapping-card__field-type{font-size:11px;font-weight:500;padding:2px 6px;background:#8b5cf61a;border-radius:4px;text-transform:uppercase}.mapping-card__sample{font-size:12px;color:var(--text-tertiary);font-style:italic}.mapping-card__actions{display:flex;gap:6px}.mapping-card__action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.mapping-card__action-btn:hover{background:var(--bg-primary);border-color:var(--glyph-primary);color:var(--glyph-primary)}.mapping-card__action-btn--danger:hover{border-color:#ef4444;color:#ef4444}.mapping-card__suggestion{display:flex;flex-direction:column;gap:12px;padding:12px;background:#8b5cf60d;border-radius:8px}.mapping-card__suggestion-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mapping-card__suggestion-label{font-size:11px;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.3px}.mapping-card__suggestion-reason{font-size:12px;color:var(--text-tertiary)}.mapping-card__suggestion-actions{display:flex;gap:8px}.mapping-card__accept-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:6px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:opacity .2s,transform .15s}.mapping-card__accept-btn:hover{opacity:.9;transform:translateY(-1px)}.mapping-card__accept-btn svg{width:14px;height:14px}.mapping-card__choose-btn{padding:8px 12px;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.mapping-card__choose-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.mapping-card__select-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--bg-tertiary);border:2px dashed var(--border-subtle);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.mapping-card__select-btn:hover{border-color:var(--glyph-primary);color:var(--glyph-primary);background:#1e3a5f0d}.mapping-card__select-btn svg{width:18px;height:18px}.mapping-card__selector{display:flex;flex-direction:column;gap:8px}.mapping-card__search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-primary);border:2px solid var(--glyph-primary);border-radius:8px}.mapping-card__search-icon{flex-shrink:0;color:var(--text-tertiary)}.mapping-card__search-input{flex:1;background:none;border:none;font-size:14px;color:var(--text-primary);outline:none}.mapping-card__search-input::placeholder{color:var(--text-tertiary)}.mapping-card__cancel-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.mapping-card__cancel-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.mapping-card__field-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-primary)}.mapping-card__field-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px;background:none;border:none;border-bottom:1px solid var(--border-subtle);text-align:left;cursor:pointer;transition:background .15s}.mapping-card__field-option:last-child{border-bottom:none}.mapping-card__field-option:hover{background:var(--bg-secondary)}.mapping-card__field-option.selected{background:#1e3a5f1a}.mapping-card__option-name{flex:1;font-weight:500;font-size:14px;color:var(--text-primary)}.mapping-card__option-type{font-size:11px;font-weight:500;padding:2px 6px;background:#8b5cf61a;border-radius:4px;text-transform:uppercase}.mapping-card__option-sample{font-size:12px;color:var(--text-tertiary);font-style:italic;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapping-card__no-results{padding:24px;text-align:center;color:var(--text-tertiary);font-size:13px}.mapper-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.mapper-footer__info{font-size:13px;color:var(--text-secondary)}.mapper-footer__complete{display:flex;align-items:center;gap:6px;color:#10b981;font-weight:500}.mapper-footer__complete svg{width:16px;height:16px}.mapper-footer__hint{color:var(--text-tertiary)}.mapper-footer__actions{display:flex;gap:8px}@media(max-width:640px){.modal-mapper--v2{max-width:100%;margin:0;border-radius:0;height:100vh;max-height:100vh}.mapper-header{padding:16px;gap:12px}.mapper-header__title{min-width:100%}.mapper-header__progress{flex:1}.mapper-header__actions{width:100%;justify-content:flex-end}.btn-ai{flex:1;justify-content:center}.mapper-instructions,.mapper-ai-summary{padding:12px 16px}.mapping-card__header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.mapping-card__template,.mapping-card__transform{width:100%}.mapping-card__transform-btn{width:100%;justify-content:space-between}.mapping-card__connector{height:24px;padding:0 12px}.mapping-card__source{padding:12px}.mapping-card__mapped-field{flex-direction:column;align-items:flex-start;gap:12px}.mapping-card__actions{width:100%}.mapping-card__action-btn{flex:1}.mapping-card__suggestion{padding:10px}.mapping-card__suggestion-actions{flex-direction:column}.mapping-card__accept-btn,.mapping-card__choose-btn{width:100%;justify-content:center}.mapping-card__field-option{flex-wrap:wrap;gap:6px}.mapping-card__option-sample{flex:0 0 100%;max-width:none}.mapper-footer{flex-direction:column;gap:12px;padding:12px 16px}.mapper-footer__actions{width:100%}.mapper-footer__actions .btn{flex:1}}.simple-mapper-overlay{padding:16px}.simple-mapper{max-width:720px;width:100%;max-height:85vh;display:flex;flex-direction:column;border-radius:16px;overflow:hidden}.simple-mapper__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.simple-mapper__title{display:flex;flex-direction:column;gap:4px}.simple-mapper__title h3{margin:0;font-size:18px;font-weight:600}.simple-mapper__subtitle{font-size:13px;color:var(--text-tertiary)}.simple-mapper__ai-banner{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#6366f114,#8b5cf60f);border-bottom:1px solid rgba(99,102,241,.15);font-size:14px;color:var(--text-secondary)}.simple-mapper__ai-banner--loading{background:#6366f10a}.simple-mapper__ai-spinner{width:16px;height:16px;border:2px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:simple-spin .8s linear infinite}@keyframes simple-spin{to{transform:rotate(360deg)}}.simple-mapper__ai-icon{color:#6366f1;display:flex}.simple-mapper__accept-all{margin-left:auto;padding:6px 14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s,transform .15s}.simple-mapper__accept-all:hover{opacity:.9;transform:translateY(-1px)}.simple-mapper__columns{display:grid;grid-template-columns:1fr 40px 1fr;gap:0;padding:12px 24px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.simple-mapper__column-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.simple-mapper__column-count{font-weight:400;opacity:.7}.simple-mapper__body{flex:1;overflow-y:auto;padding:8px 0}.simple-row{display:grid;grid-template-columns:1fr 40px 1fr;gap:0;padding:10px 24px;align-items:center;transition:background .15s}.simple-row:hover{background:var(--bg-secondary)}.simple-row--matched{background:#10b9810a}.simple-row--matched:hover{background:#10b98114}.simple-row--suggested{background:#eab3080a}.simple-row--suggested:hover{background:#eab30814}.simple-row__source{display:flex;flex-direction:column;gap:2px;min-width:0}.simple-row__name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-row__sample{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.simple-row__arrow{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.simple-row--matched .simple-row__arrow{color:#10b981}.simple-row--suggested .simple-row__arrow{color:#eab308}.simple-row__target{position:relative;min-width:0}.simple-dropdown{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,background .15s}.simple-dropdown:hover{border-color:var(--border-color);background:var(--bg-tertiary)}.simple-dropdown--matched{background:#10b98114;border-color:#10b9814d;color:#10b981}.simple-dropdown--matched:hover{background:#10b9811f;border-color:#10b98166}.simple-dropdown--suggested{background:#eab30814;border-color:#eab3084d;color:#ca8a04}.simple-dropdown--suggested:hover{background:#eab3081f;border-color:#eab30866}.simple-dropdown__value{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-dropdown__icon{flex-shrink:0;display:flex}.simple-dropdown__icon--check{color:#10b981}.simple-dropdown__icon--sparkle{color:#eab308}.simple-dropdown__chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform .15s}.simple-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #00000040;z-index:100;padding:6px}.simple-dropdown__option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:transparent;border:none;border-radius:6px;font-size:14px;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .1s}.simple-dropdown__option:hover{background:var(--bg-secondary)}.simple-dropdown__option--selected{background:#6366f11a;color:#6366f1}.simple-dropdown__option--selected:hover{background:#6366f126}.simple-dropdown__option--suggested{background:#eab3080f}.simple-dropdown__option--suggested:hover{background:#eab3081a}.simple-dropdown__option-text{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis}.simple-dropdown__option-hint{font-size:11px;color:#ca8a04;background:#eab30826;padding:2px 6px;border-radius:4px}.simple-dropdown__option-check{color:#6366f1;flex-shrink:0}.simple-dropdown__divider{height:1px;background:var(--border-subtle);margin:6px 0}.simple-mapper__error{padding:12px 24px;background:#ef44441a;color:#ef4444;font-size:14px;border-top:1px solid rgba(239,68,68,.2)}.simple-mapper__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.simple-mapper__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary)}.simple-mapper__empty-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;margin-bottom:16px}.simple-mapper__empty-icon svg{width:24px;height:24px}.simple-mapper__empty h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.simple-mapper__empty p{margin:0;font-size:14px;color:var(--text-tertiary)}@media(max-width:600px){.simple-mapper{max-height:95vh;border-radius:12px 12px 0 0}.simple-mapper__header{padding:16px 20px}.simple-mapper__columns{display:none}.simple-row{grid-template-columns:1fr;gap:8px;padding:12px 20px}.simple-row__arrow{display:none}.simple-row__source{padding-bottom:4px;border-bottom:1px solid var(--border-subtle)}.simple-row__target{padding-top:4px}.simple-mapper__footer{padding:16px 20px}.simple-mapper__footer .btn{flex:1}}.btn-generate{color:#10b981}.btn-generate:hover{background:#10b9811a}.modal-generate{max-width:520px;width:100%;padding:0}.generate-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.generate-header h3{margin:0}.generate-info{padding:16px 24px;background:var(--bg-secondary, rgba(17, 24, 39, .85));border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.info-row{display:flex;gap:8px;margin-bottom:4px}.info-row:last-child{margin-bottom:0}.info-label{color:var(--text-secondary, #9CA3AF);font-size:13px}.info-value{font-weight:500;font-size:13px}.generate-tabs{display:flex;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.generate-tab{flex:1;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;color:var(--text-secondary, #9CA3AF);transition:all .2s}.generate-tab:hover{color:var(--text-primary, #F9FAFB)}.generate-tab.active{color:var(--glyph-primary, #1E3A5F);border-bottom-color:var(--glyph-primary, #1E3A5F)}.generate-single,.generate-batch{padding:24px}.records-loading,.no-records{padding:16px;text-align:center;color:var(--text-secondary, #9CA3AF);background:var(--bg-tertiary, #1F2937);border-radius:6px}.record-preview{margin-top:16px}.record-preview h4{font-size:13px;color:var(--text-secondary, #9CA3AF);margin-bottom:8px}.record-json{background:var(--bg-tertiary, #1F2937);padding:12px;border-radius:6px;font-size:12px;max-height:150px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.batch-estimate{padding:12px 16px;background:#1e3a5f1a;border-radius:6px;text-align:center;font-size:14px;color:var(--text-secondary, #9CA3AF)}.batch-estimate strong{color:var(--glyph-primary, #1E3A5F)}.generate-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}.generate-result{padding:32px 24px;text-align:center}.result-success h4{margin:16px 0 8px;color:var(--text-primary, #F9FAFB)}.result-size{color:var(--text-secondary, #9CA3AF);font-size:14px}.result-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.batch-progress-container{padding:24px}.batch-status{text-align:center;margin-bottom:16px}.status-badge{display:inline-block;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;text-transform:capitalize}.status-badge--pending{background:#6b72801a;color:#6b7280}.status-badge--processing{background:#3b82f61a;color:#3b82f6}.status-badge--completed{background:#10b9811a;color:#10b981}.status-badge--failed{background:#ef44441a;color:#ef4444}.batch-progress{margin-bottom:24px}.progress-bar-container{height:8px;background:var(--bg-tertiary, #1F2937);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;background:var(--glyph-primary, #1E3A5F);border-radius:4px;transition:width .3s ease}.progress-text{text-align:center;font-size:14px;color:var(--text-secondary, #9CA3AF)}.failed-count{color:#ef4444}.batch-complete,.batch-error,.batch-running{text-align:center}.batch-complete p,.batch-error p,.batch-running p{margin:16px 0;color:var(--text-secondary, #9CA3AF)}.batch-complete .btn,.batch-error .btn,.batch-running .btn{margin-top:8px}.error-icon{width:48px;height:48px;margin:0 auto;color:#ef4444}.error-icon svg{width:48px;height:48px}.running-hint{font-size:13px;font-style:italic}@media(max-width:480px){.modal-generate{max-width:100%;margin:0;border-radius:12px 12px 0 0;position:fixed;bottom:0;left:0;right:0;max-height:90vh;overflow-y:auto}.generate-tabs{flex-direction:column}.generate-tab{border-bottom:none;border-left:2px solid transparent}.generate-tab.active{border-left-color:var(--glyph-primary, #1E3A5F);border-bottom:none}}.forgot-key-link{display:block;margin-top:16px;color:var(--text-muted);font-size:13px;text-align:center;cursor:pointer;transition:color .15s ease;background:none;border:none;padding:0}.forgot-key-link:hover{color:var(--glyph-primary-bright, #4ECDC4);text-decoration:underline}.modal-recovery{max-width:440px;text-align:center}.modal-recovery h3{display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;margin-bottom:16px}.modal-recovery h3 svg{color:var(--glyph-primary-bright, #4ECDC4)}.modal-description{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:24px}.recovery-form{display:flex;flex-direction:column;gap:16px}.recovery-form .input-group{margin:0}.recovery-form .api-input{text-align:center}.recovery-form .error-banner{margin:0;text-align:left}.recovery-form .modal-actions{margin-top:8px}.recovery-warning{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-md, 8px);color:var(--text-secondary);font-size:12px;line-height:1.5;text-align:left}.recovery-warning svg{flex-shrink:0;color:#f59e0b;margin-top:1px}.success-icon{width:56px;height:56px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b98133,#10b9810d);border-radius:50%}.success-icon svg{width:28px;height:28px;color:#10b981}.new-key-display{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:var(--bg-tertiary, rgba(17, 24, 39, .5));border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);margin:20px 0}.new-key-display code{font-family:var(--font-mono, "SF Mono", "Fira Code", monospace);font-size:14px;color:var(--glyph-primary-bright, #4ECDC4);word-break:break-all}.new-key-display .btn-icon{flex-shrink:0;padding:8px;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm, 6px);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.new-key-display .btn-icon:hover{background:var(--bg-secondary);color:var(--text-primary)}.recovery-note{color:var(--text-muted);font-size:12px;margin-top:16px;margin-bottom:0!important}.playground-page{display:flex;flex-direction:column;min-height:calc(100vh - 80px);padding:0}.playground-header-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.playground-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.playground-template-dropdown,.playground-source-dropdown{padding:8px 12px;font-size:13px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;min-width:140px}.playground-template-dropdown:hover,.playground-source-dropdown:hover{border-color:var(--glyph-primary)}.playground-record-nav{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.record-nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .15s}.record-nav-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.record-nav-btn:disabled{opacity:.4;cursor:not-allowed}.record-nav-count{font-size:12px;font-weight:500;color:var(--text-secondary);padding:0 6px;font-variant-numeric:tabular-nums}.playground-header-right{display:flex;align-items:center;gap:10px}.playground-status{font-size:11px;padding:4px 10px;border-radius:999px;font-weight:500}.playground-status.ready{background:#22c55e1f;color:#22c55e}.playground-status.loading{background:#fbbf241f;color:#fbbf24}.playground-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .15s}.playground-action-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-secondary)}.playground-action-btn:disabled{opacity:.5;cursor:not-allowed}.playground-action-btn.primary{background:var(--glyph-primary);border-color:var(--glyph-primary);color:#fff}.playground-action-btn.primary:hover:not(:disabled){background:var(--glyph-primary-bright);border-color:var(--glyph-primary-bright)}.playground-action-btn.variant{background:#1e3a5f4d;border-color:var(--glyph-primary);color:var(--glyph-primary)}.playground-action-btn.variant:hover:not(:disabled){background:#1e3a5f80;border-color:var(--glyph-primary-bright);color:var(--glyph-primary-bright)}.playground-action-btn.save-to-template{background:#059669;border-color:#059669;color:#fff;position:relative}.playground-action-btn.save-to-template:hover:not(:disabled){background:#047857;border-color:#047857}.playground-action-btn.save-to-template.saving{background:#6b7280;border-color:#6b7280;cursor:wait}.unsaved-indicator{position:absolute;top:-3px;right:-3px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-primary);animation:pulse-indicator 2s ease-in-out infinite}@keyframes pulse-indicator{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.save-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.playground-controls{display:flex;flex-direction:column;gap:16px;padding:24px 28px;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-subtle)}.playground-prompt-hero{display:flex;flex-direction:column;gap:12px}.playground-prompt-input{width:100%;padding:18px 22px;font-size:16px;line-height:1.5;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);outline:none;font-family:inherit;resize:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);min-height:80px}.playground-prompt-input::placeholder{color:var(--text-muted);transition:color .2s ease}.playground-prompt-input:hover:not(:focus):not(:disabled){border-color:var(--border-default)}.playground-prompt-input:focus{border-color:var(--glyph-primary);box-shadow:0 0 0 4px var(--glyph-primary-glow)}.playground-prompt-input:focus::placeholder{color:var(--text-tertiary)}.playground-prompt-input:disabled{opacity:.6;cursor:not-allowed}.playground-shortcut-hint{font-size:12px;color:var(--text-muted);margin:-8px 0 0 4px}.playground-shortcut-hint kbd{display:inline-block;padding:2px 6px;font-size:11px;font-family:inherit;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);margin:0 2px}.playground-quick-section{display:flex;align-items:center;gap:10px;padding-top:8px;border-top:1px solid var(--border-subtle)}.quick-section-label{font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.playground-quick-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.quick-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:500;background:transparent;border:1px solid var(--border-subtle);border-radius:100px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.quick-pill:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-default);color:var(--text-secondary)}.quick-pill:active:not(:disabled){transform:scale(.97);transition:transform .1s ease}.quick-pill:focus-visible{outline:2px solid rgba(99,102,241,.7);outline-offset:2px}.quick-pill:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.quick-pill.applied{background:#22c55e14!important;border-color:#22c55e4d!important;color:#22c55e!important}.quick-pill.applied:after{content:"✓";font-size:9px;margin-left:2px}.quick-pill.applied:hover:not(:disabled){background:#22c55e1f!important}.quick-pill.undo-pill{margin-left:auto;background:transparent;border-color:transparent;color:var(--text-tertiary);padding:5px 8px;font-size:11px}.quick-pill.undo-pill:hover:not(:disabled){background:#37415133;border-color:transparent;color:var(--text-secondary)}.playground-apply-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 28px;font-size:15px;font-weight:600;background:var(--glyph-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.playground-apply-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%);opacity:0;transition:opacity .25s ease}.playground-apply-btn:hover:not(:disabled):before{opacity:1}.playground-apply-btn:hover:not(:disabled){background:var(--glyph-primary-bright);transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.playground-apply-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.playground-apply-btn:focus-visible{outline:2px solid rgba(99,102,241,.7);outline-offset:2px}.playground-apply-btn:disabled{opacity:.5;cursor:not-allowed}.apply-loading{display:flex;align-items:center;gap:8px}.apply-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.playground-apply-btn.loading{position:relative;color:transparent;pointer-events:none;background:linear-gradient(90deg,var(--glyph-primary) 0%,var(--glyph-primary-bright) 50%,var(--glyph-primary) 100%);background-size:200% 100%;animation:btn-shimmer 1.5s ease-in-out infinite}@keyframes btn-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.playground-apply-btn.success{background:#22c55e!important;transition:background .3s ease}.playground-apply-btn.success:after{content:"";position:absolute;inset:0;border-radius:inherit;animation:success-ring .6s ease-out}@keyframes success-ring{0%{box-shadow:0 0 #22c55e80}to{box-shadow:0 0 0 10px #22c55e00}}.playground-brand-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.brand-input-row{display:flex;gap:8px;align-items:stretch}.brand-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.brand-input-icon{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none}.brand-url-input{width:100%;padding:10px 12px 10px 36px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;transition:all var(--transition-fast)}.brand-url-input::placeholder{color:var(--text-tertiary)}.brand-url-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary)}.brand-url-input:disabled{opacity:.5;cursor:not-allowed}.brand-apply-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.brand-apply-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.brand-apply-btn:active:not(:disabled){transform:translateY(0)}.brand-apply-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.brand-loading{display:flex;align-items:center;gap:6px}.brand-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.brand-extraction-progress{margin-top:12px;padding:12px 14px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-sm);animation:fadeIn .2s ease-out}.brand-progress-bar{height:4px;background:#8b5cf626;border-radius:2px;overflow:hidden}.brand-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;transition:width .3s ease-out}.brand-progress-status{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.brand-progress-text{color:#8b5cf6;font-size:13px;font-weight:500;animation:pulse 1.5s ease-in-out infinite}.brand-progress-step{color:var(--text-tertiary);font-size:11px;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.brand-result{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 14px;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-sm);position:relative}.brand-result-header{display:flex;align-items:center;gap:6px;color:#8b5cf6;font-size:13px;font-weight:500}.brand-colors{display:flex;align-items:center;gap:6px;margin-left:auto}.brand-color-swatch{width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:transform var(--transition-fast)}.brand-color-swatch:hover{transform:scale(1.15)}.brand-style-badge{padding:3px 8px;background:#8b5cf626;border-radius:10px;font-size:11px;color:#a78bfa;text-transform:capitalize}.brand-dismiss{position:absolute;top:8px;right:8px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;opacity:.6;transition:opacity var(--transition-fast)}.brand-dismiss:hover{opacity:1}.playground-error{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#ef4444;font-size:13px}.playground-error button{margin-left:auto;background:transparent;border:none;color:inherit;cursor:pointer;opacity:.7}.playground-error button:hover{opacity:1}.playground-progress{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--glyph-primary),var(--glyph-primary-bright));border-radius:2px;transition:width .3s ease}.progress-text{font-size:12px;color:var(--text-secondary);white-space:nowrap}.progress-cancel-btn{border:1px solid rgba(148,163,184,.35);background:#0f172a80;color:var(--text-secondary);font-size:11px;font-weight:600;padding:5px 10px;border-radius:8px;cursor:pointer;transition:all .2s ease}.progress-cancel-btn:hover{border-color:#94a3b899;color:var(--text-primary)}.playground-preview{flex:1;display:flex;align-items:center;justify-content:center;min-height:70vh;padding:40px;background:linear-gradient(180deg,#0a0f1a,#111827 40%,#0f172a);position:relative}.playground-preview.modifying:after{content:"";position:absolute;inset:0;background:#0b112099;pointer-events:none;animation:fadeIn .2s ease-out}.playground-preview.success-glow{box-shadow:inset 0 0 0 2px #22c55e66;animation:preview-success-pulse .8s ease-out}@keyframes preview-success-pulse{0%{box-shadow:inset 0 0 #22c55e99}50%{box-shadow:inset 0 0 0 3px #22c55e66,0 0 20px #22c55e33}to{box-shadow:inset 0 0 #22c55e00}}.playground-paper{width:553px;height:715px;background:#fff;border-radius:4px;overflow:hidden;position:relative;flex-shrink:0;box-shadow:0 1px 3px #0000001f,0 4px 12px #00000026,0 16px 40px #0003,0 32px 80px #00000040,0 0 0 1px #ffffff0d;animation:paper-float-in .4s ease-out}@keyframes paper-float-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.playground-frame{width:850px;height:1100px;transform:scale(.65);transform-origin:top left;border:none;background:#fff;position:absolute;top:0;left:0}@media(min-width:1440px){.playground-preview{padding:48px}.playground-paper{width:612px;height:792px}.playground-frame{transform:scale(.72)}}@media(min-width:1920px){.playground-preview{padding:60px}.playground-paper{width:680px;height:880px}.playground-frame{transform:scale(.8)}}.playground-loading{width:553px;height:715px;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001f,0 4px 12px #00000026,0 16px 40px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary)}.playground-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:var(--glyph-primary-bright);border-radius:50%;animation:spin .8s linear infinite}.playground-loading.staged{background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--text-primary)}.playground-empty{width:553px;height:715px;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001f,0 4px 12px #00000026,0 16px 40px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary)}.playground-empty .empty-icon{color:var(--text-tertiary);opacity:.5}.playground-empty .empty-icon svg{width:48px;height:48px}@media(min-width:1440px){.playground-loading,.playground-empty{width:612px;height:792px}}@media(min-width:1920px){.playground-loading,.playground-empty{width:680px;height:880px}}@media(max-width:1024px){.playground-preview{min-height:60vh;padding:32px}.playground-paper,.playground-loading,.playground-empty{width:468px;height:605px}.playground-frame{transform:scale(.55)}}@media(max-width:768px){.playground-header-bar{padding:12px 16px;gap:12px}.playground-header-left{width:100%;justify-content:space-between}.playground-template-dropdown,.playground-source-dropdown{min-width:0;flex:1}.playground-header-right{width:100%;justify-content:flex-end}.playground-action-btn span{display:none}.playground-controls{padding:16px;gap:12px}.playground-prompt-hero{gap:10px}.playground-prompt-input{padding:14px 16px;font-size:15px;min-height:70px}.playground-apply-btn{padding:12px 20px;font-size:14px}.playground-shortcut-hint{display:none}.playground-quick-section{flex-wrap:wrap;padding-top:10px}.quick-section-label{width:100%;margin-bottom:4px}.playground-quick-pills{gap:6px}.quick-pill{padding:5px 10px;font-size:11px}.playground-brand-section{margin-top:10px;padding-top:10px}.brand-input-row{flex-direction:column;gap:10px}.brand-url-input{padding:12px 12px 12px 36px;font-size:14px}.brand-apply-btn{width:100%;justify-content:center;padding:12px 16px}.brand-result{flex-wrap:wrap;gap:8px}.brand-colors{margin-left:0;width:100%;justify-content:flex-start}.playground-preview{min-height:50vh;padding:20px}.playground-paper,.playground-loading,.playground-empty{width:340px;height:440px}.playground-frame{transform:scale(.4)}}@media(max-width:480px){.playground-header-bar{padding:10px 12px}.playground-template-dropdown,.playground-source-dropdown{font-size:12px;padding:6px 10px}.playground-controls{padding:12px;gap:10px}.playground-prompt-input{padding:12px 14px;font-size:14px;min-height:60px}.playground-apply-btn{padding:10px 16px;font-size:13px}.quick-section-label{font-size:11px}.quick-pill{padding:4px 8px;font-size:10px}.quick-pill.undo-pill span:last-child{display:none}.playground-preview{padding:16px}.playground-paper,.playground-loading,.playground-empty{width:272px;height:352px}.playground-frame{transform:scale(.32)}}.staged-preview-loader{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.staged-preview-ring{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--glyph-primary-bright);border-right-color:var(--glyph-primary);animation:spin 1.2s linear infinite}.staged-preview-ring:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(16,185,129,.15)}.staged-preview-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(16,185,129,.2);animation:spin 2s linear infinite reverse}.staged-preview-center{display:flex;flex-direction:column;align-items:center;gap:4px}.staged-preview-percent{font-size:28px;font-weight:700;color:var(--glyph-primary-bright);font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(16,185,129,.4)}.staged-preview-text{font-size:14px;color:var(--text-secondary);margin-top:20px;animation:fadeSlideUp .3s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.playground-loading.staircase-loader{background:linear-gradient(145deg,#0a0f1a,#111827,#0f172a);padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.staircase{position:relative;width:420px;height:320px}.step{position:absolute;display:flex;flex-direction:column;align-items:flex-start}.step-platform{width:80px;height:24px;background:linear-gradient(180deg,#334155,#1e293b);border-radius:4px 4px 0 0;box-shadow:0 4px #0f172a,0 6px 12px #0000004d;transition:all .3s ease}.step.active .step-platform{background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 4px #047857,0 0 20px #10b98166,0 6px 12px #0000004d}.step.completed .step-platform{background:linear-gradient(180deg,#059669,#047857);box-shadow:0 4px #065f46,0 6px 12px #0000004d}.step-label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500;color:#94a3b899;white-space:nowrap;transition:all .3s ease;margin-top:30px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.step.active .step-label{color:#34d399;font-weight:600}.step.completed .step-label{color:#94a3b8cc}.step-1{left:0;top:0}.step-2{left:80px;top:60px}.step-3{left:160px;top:120px}.step-4{left:240px;top:180px}.step-5{left:320px;top:240px}.staircase-ball{position:absolute;width:22px;height:22px;border-radius:50%;z-index:20;pointer-events:none;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9) 0%,transparent 25%),radial-gradient(circle at 35% 35%,#4ade80,#22c55e,#16a34a 60%,#15803d 85%,#0d5228);box-shadow:0 0 12px #22c55e4d,0 4px 8px #00000059,0 2px 4px #0006,inset 0 -4px 8px #0000004d,inset 0 2px 4px #fff3;transform-origin:center center;will-change:transform}.staircase-ball-shadow{position:absolute;width:22px;height:5px;background:radial-gradient(ellipse at center,rgba(0,0,0,.4) 0%,rgba(0,0,0,.15) 50%,transparent 70%);border-radius:50%;z-index:5;pointer-events:none;will-change:transform,opacity}.staircase-ball.waiting{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.8) 0%,transparent 25%),radial-gradient(circle at 35% 35%,#fcd34d,#f59e0b,#d97706 60%,#b45309 85%,#78350f)!important;box-shadow:0 0 16px #f59e0b66,0 4px 8px #00000059,0 2px 4px #0006,inset 0 -4px 8px #0000004d,inset 0 2px 4px #fff3!important}.staircase-ball.error{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.8) 0%,transparent 25%),radial-gradient(circle at 35% 35%,#fca5a5,#ef4444,#dc2626 60%,#b91c1c 85%,#7f1d1d)!important;box-shadow:0 0 16px #ef444466,0 4px 8px #00000059,0 2px 4px #0006,inset 0 -4px 8px #0000004d,inset 0 2px 4px #fff3!important}.staircase-status{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;color:#34d399;text-align:center;margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;animation:status-fade-in .4s ease-out}.staircase-status.error{color:#f87171;animation:status-shake .5s ease-in-out}.staircase-status.waiting{color:#fbbf24;animation:status-pulse 1.5s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes status-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes status-shake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-4px)}30%,60%,90%{transform:translate(4px)}}.playground-loading.staircase-loader.error{background:linear-gradient(145deg,#1a0505,#2d0f0f,#1f0a0a)}@media(prefers-reduced-motion:reduce){.staircase-status{animation:none}}@media(max-width:768px){.playground-loading.staircase-loader{padding:32px 16px;gap:20px}.staircase{width:340px;height:280px}.step-platform{width:64px;height:22px}.step-label{font-size:10px;margin-top:26px}.step-1{left:0;top:0}.step-2{left:64px;top:50px}.step-3{left:128px;top:100px}.step-4{left:192px;top:150px}.step-5{left:256px;top:200px}.staircase-ball{width:20px;height:20px}.staircase-ball-shadow{width:20px;height:4px}.staircase-status{font-size:14px}}@media(max-width:375px){.playground-loading.staircase-loader{padding:24px 12px;gap:16px}.staircase{width:280px;height:240px}.step-platform{width:52px;height:20px}.step-label{font-size:9px;margin-top:22px}.step-1{left:0;top:0}.step-2{left:52px;top:42px}.step-3{left:104px;top:84px}.step-4{left:156px;top:126px}.step-5{left:208px;top:168px}.staircase-ball{width:18px;height:18px}.staircase-ball-shadow{width:18px;height:4px}.staircase-status{font-size:13px}}.modal-save-template{max-width:420px}.modal-save-template h3{margin-bottom:8px}.modal-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.save-template-form{display:flex;flex-direction:column;gap:16px}.nav-link--active{color:var(--text-primary);background:var(--bg-hover)}.nav-link{background:none;border:none;cursor:pointer}.my-templates-page{max-width:1080px;margin:0 auto;padding:0 24px}.my-templates-header{margin-bottom:32px;text-align:center}.my-templates-header h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.my-templates-subtitle{color:var(--text-secondary);font-size:16px;margin:0 auto;max-width:720px}.my-templates-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.my-template-summary-card{padding:16px 18px;background:linear-gradient(180deg,#111827db,#0f172aeb);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:left}.my-template-summary-card strong{display:block;margin-top:6px;font-size:28px;font-weight:700;color:var(--text-primary)}.my-template-summary-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.my-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.my-template-card{display:flex;flex-direction:column;gap:14px;min-height:100%;background:linear-gradient(180deg,#111827eb,#0c121ff5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;transition:box-shadow .2s,border-color .2s,transform .2s}.my-template-card:hover{box-shadow:0 4px 20px #0000004d;border-color:var(--border-default);transform:translateY(-2px)}.my-template-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.my-template-card-header h3{font-size:16px;font-weight:600;margin:0;flex:1;color:var(--text-primary)}.my-template-type-badge{font-size:11px;padding:3px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);text-transform:capitalize}.my-template-description{color:var(--text-secondary);font-size:13px;margin:0;line-height:1.4}.my-template-signals{display:flex;flex-wrap:wrap;gap:8px}.my-template-signal{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em}.my-template-signal.ready{color:#10b981;background:#10b9811f}.my-template-signal.attention{color:#f59e0b;background:#f59e0b1f}.my-template-signal.setup{color:#f97316;background:#f973161f}.my-template-signal.neutral{color:var(--text-secondary);background:#94a3b81a}.my-template-signal.accent{color:var(--glyph-primary-bright);background:#3b82f61f}.my-linked-source-info{display:flex;align-items:center;gap:10px;padding:12px;background:#1e3a5f4d;border:1px solid rgba(30,58,95,.5);border-radius:var(--radius-md);margin-bottom:12px}.my-source-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--glyph-primary)}.my-source-icon svg{width:18px;height:18px}.my-source-name{flex:1;font-weight:500;color:var(--text-primary);font-size:14px}.my-record-count{font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-sm)}.my-linked-source-stack{display:flex;flex-wrap:wrap;gap:8px}.my-linked-source-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0f172a8c;min-height:38px}.my-linked-source-pill .my-source-icon{width:18px;height:18px}.my-linked-source-pill .my-source-name{font-size:13px}.my-linked-source-pill--valid{border-color:#10b98138;background:#10b98114}.my-linked-source-pill--stale{border-color:#f59e0b3d;background:#f59e0b14}.my-linked-source-pill--broken{border-color:#ef44443d;background:#ef444414}.my-linked-source-pill--pending{border-color:#3b82f63d;background:#3b82f614}.my-linked-source-pill--overflow{color:var(--text-secondary)}.my-no-source-info{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffcc0014;border:1px solid rgba(255,204,0,.2);border-radius:var(--radius-md);margin-bottom:12px}.my-no-source-text{color:var(--amber-400);font-size:13px}.my-template-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:0}.my-last-updated{font-size:12px;color:var(--text-muted)}.my-style-badge{font-size:11px;padding:2px 6px;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);text-transform:capitalize}.my-template-card-actions{display:flex;gap:10px;margin-top:auto}.my-template-card-actions .btn{flex:1;padding:10px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:6px}.my-template-card-actions .btn-edit{background:var(--glyph-primary);color:#fff;border:none}.my-template-card-actions .btn-edit:hover{background:var(--glyph-primary-dark)}.my-template-card-actions .btn-generate{background:transparent;color:var(--text-primary);border:1px solid var(--border-default)}.my-template-card-actions .btn-generate:hover{background:var(--bg-hover);border-color:var(--border-hover)}.my-template-card-utilities{display:flex;flex-wrap:wrap;gap:8px}.my-template-card-utilities .btn{flex:1 1 calc(33.333% - 6px);min-width:108px;justify-content:center}.my-template-group{display:flex;flex-direction:column;gap:0}.my-template-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.my-template-title-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.my-template-title-row h3{font-size:16px;font-weight:600;margin:0;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-indicator{display:flex;align-items:center;color:var(--glyph-primary);flex-shrink:0}.variant-toggle{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.variant-toggle:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.variant-toggle.expanded{background:#1e3a5f4d;border-color:var(--glyph-primary);color:var(--glyph-primary)}.variant-toggle svg{transition:transform var(--transition-fast)}.variant-toggle.expanded svg{transform:rotate(180deg)}.variant-count{font-weight:500}.my-template-variants{margin-left:24px;padding-left:16px;border-left:2px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px;margin-top:12px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.my-template-card.variant-card{background:#1e3a5f26;border-color:#1e3a5f4d;padding:16px}.my-template-card.variant-card:hover{border-color:var(--glyph-primary);background:#1e3a5f40}.my-template-card.variant-card .my-template-title-row h3{font-size:15px}.my-template-card.variant-card .my-template-description{font-size:12px}.my-templates-empty-state{text-align:center;padding:60px 20px;max-width:400px;margin:0 auto}.empty-icon-large{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 20px;background:var(--bg-secondary);border-radius:50%;color:var(--text-secondary)}.empty-icon-large svg{width:28px;height:28px}.my-templates-empty-state h2{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.my-templates-empty-state>p{color:var(--text-secondary);margin:0 0 24px;font-size:14px}.empty-actions{margin-bottom:32px}.quick-start-tips{text-align:left;background:var(--bg-secondary);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.quick-start-tips h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.quick-start-tips ol{margin:0;padding-left:20px}.quick-start-tips li{margin-bottom:8px;font-size:14px;color:var(--text-secondary);line-height:1.5}.quick-start-tips li:last-child{margin-bottom:0}.my-templates-loading{text-align:center;padding:60px 20px}.my-templates-spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--glyph-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.my-templates-loading p{color:var(--text-secondary);margin:0}@media(max-width:700px){.my-templates-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.my-templates-grid{grid-template-columns:1fr}.my-template-card-actions{flex-direction:column}.my-template-card-utilities .btn{flex-basis:calc(50% - 4px)}.my-templates-page{padding:0 16px}.my-templates-header h1{font-size:24px}}@media(max-width:520px){.my-templates-summary{grid-template-columns:1fr}.my-template-card-utilities .btn{flex-basis:100%}}.modal-magic-preview{max-width:700px;max-height:90vh;overflow-y:auto;position:relative}.modal-close-btn{position:absolute;top:16px;right:16px;z-index:10}.magic-loading{text-align:center;padding:48px 24px}.magic-loading h3{margin-top:20px;font-size:18px;color:var(--text-primary)}.magic-loading p{color:var(--text-secondary);margin-top:8px}.magic-loading-staged{padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.magic-staged-container{display:flex;flex-direction:column;align-items:center;gap:24px}.staged-preview-loader.large{width:140px;height:140px}.staged-preview-loader.large .staged-preview-ring{border-width:4px}.magic-sparkle-icon{stroke:var(--glyph-primary-bright);animation:sparkle-pulse 2s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.1) rotate(10deg);opacity:.8}}.magic-staged-title{font-size:20px;font-weight:600;color:var(--text-primary);text-align:center;animation:fadeSlideUp .5s ease-out}.magic-staged-steps{display:flex;flex-direction:column;gap:12px;margin-top:8px}.magic-step{display:flex;align-items:center;gap:10px;color:var(--text-tertiary);font-size:14px;transition:all .3s ease}.magic-step .step-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:all .3s ease}.magic-step.active{color:var(--text-primary)}.magic-step.active .step-dot{background:var(--glyph-primary-bright);box-shadow:0 0 8px #10b98180;animation:pulse-dot 1.5s ease-in-out infinite}.magic-loading-skeleton{padding:24px}.magic-loading-skeleton .skeleton-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.magic-loading-skeleton .skeleton-preview-container{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px}.magic-loading-skeleton .skeleton-preview-doc{min-height:400px}.magic-loading-skeleton .skeleton-message{text-align:center;color:var(--text-secondary);font-size:14px;animation:pulse 2s ease-in-out infinite}.magic-type-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#6366f11f,#a855f71f);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-full);margin-bottom:16px;animation:badge-pop .4s ease-out}@keyframes badge-pop{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.magic-type-badge .type-icon{font-size:20px;line-height:1}.magic-type-badge .type-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.magic-type-badge .type-label{font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.magic-type-badge .type-confidence{font-size:12px;color:var(--text-secondary)}.magic-type-badge[data-type=invoice],.magic-type-badge[data-type=invoices]{background:linear-gradient(135deg,#10b9811f,#06b6d41f);border-color:#10b9814d}.magic-type-badge[data-type=quote],.magic-type-badge[data-type=quotes]{background:linear-gradient(135deg,#2563eb1f,#6366f11f);border-color:#2563eb4d}.magic-type-badge[data-type=receipt],.magic-type-badge[data-type=receipts]{background:linear-gradient(135deg,#f59e0b1f,#f973161f);border-color:#f59e0b4d}.magic-type-badge[data-type=work-order],.magic-type-badge[data-type=work_order],.magic-type-badge[data-type="work orders"]{background:linear-gradient(135deg,#8b5cf61f,#a855f71f);border-color:#8b5cf64d}.magic-type-badge[data-type=purchase-order],.magic-type-badge[data-type=purchase_order],.magic-type-badge[data-type="purchase orders"]{background:linear-gradient(135deg,#06b6d41f,#0ea5e91f);border-color:#06b6d44d}.magic-type-badge[data-type=contract],.magic-type-badge[data-type=contracts]{background:linear-gradient(135deg,#ef44441f,#f43f5e1f);border-color:#ef44444d}.magic-type-badge[data-type=certificate],.magic-type-badge[data-type=certificates]{background:linear-gradient(135deg,#eab3081f,#facc151f);border-color:#eab3084d}.magic-type-announcement{color:var(--glyph-primary);font-size:22px;font-weight:600}.wizard-type-badge{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#6366f114,#a855f714);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);margin-top:12px;animation:badge-pop .4s ease-out}.wizard-type-badge .type-icon{font-size:18px;line-height:1}.wizard-type-badge .type-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1}.wizard-type-badge .type-label{font-size:14px;font-weight:600;color:var(--text-primary)}.wizard-type-badge .type-confidence{font-size:11px;color:var(--text-secondary)}.wizard-type-badge[data-type=invoice],.wizard-type-badge[data-type=invoices]{background:linear-gradient(135deg,#10b98114,#06b6d414);border-color:#10b98140}.wizard-type-badge[data-type=quote],.wizard-type-badge[data-type=quotes]{background:linear-gradient(135deg,#2563eb14,#6366f114);border-color:#2563eb40}.wizard-type-badge[data-type=receipt],.wizard-type-badge[data-type=receipts]{background:linear-gradient(135deg,#f59e0b14,#f9731614);border-color:#f59e0b40}.wizard-type-badge[data-type=work-order],.wizard-type-badge[data-type=work_order],.wizard-type-badge[data-type="work orders"]{background:linear-gradient(135deg,#8b5cf614,#a855f714);border-color:#8b5cf640}.wizard-type-badge[data-type=purchase-order],.wizard-type-badge[data-type=purchase_order],.wizard-type-badge[data-type="purchase orders"]{background:linear-gradient(135deg,#06b6d414,#0ea5e914);border-color:#06b6d440}.wizard-type-badge[data-type=contract],.wizard-type-badge[data-type=contracts]{background:linear-gradient(135deg,#ef444414,#f43f5e14);border-color:#ef444440}.wizard-type-badge[data-type=certificate],.wizard-type-badge[data-type=certificates]{background:linear-gradient(135deg,#eab30814,#facc1514);border-color:#eab30840}.magic-auto-accept-banner{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-full);color:var(--success);font-size:14px;margin:8px 0}.magic-auto-accept-banner svg{width:16px;height:16px;flex-shrink:0}.magic-auto-accept-banner .needs-review-hint{color:var(--text-secondary);font-size:13px}.spinner-lg{width:48px;height:48px;border-width:3px}.spinner-sm{width:14px;height:14px;border-width:2px;display:inline-block;margin-right:6px}.magic-error{text-align:center;padding:32px 24px}.magic-error .error-icon{margin-bottom:16px}.magic-error .error-icon svg{width:48px;height:48px;color:var(--error)}.magic-error h3{color:var(--error);margin-bottom:8px}.magic-error p{color:var(--text-secondary);margin-bottom:24px;max-width:400px;margin-left:auto;margin-right:auto}.magic-retry-countdown{font-size:13px;color:var(--text-muted);margin:-8px auto 16px;max-width:420px}.magic-low-coverage{padding:32px 24px;text-align:center}.low-coverage-header{margin-bottom:24px}.low-coverage-header .coverage-icon{margin-bottom:16px}.low-coverage-header .coverage-icon svg{width:48px;height:48px;color:var(--warning, #f59e0b)}.low-coverage-header h3{font-size:20px;font-weight:600;color:var(--warning, #f59e0b);margin-bottom:12px}.low-coverage-header .coverage-message{color:var(--text-secondary);font-size:14px;line-height:1.5;max-width:400px;margin:0 auto}.low-coverage-header .coverage-message strong{color:var(--text-primary)}.template-suggestions{margin-bottom:24px;text-align:left;max-width:400px;margin-left:auto;margin-right:auto}.template-suggestions h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.suggestion-list{display:flex;flex-direction:column;gap:8px}.suggestion-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .15s ease}.suggestion-card:hover{background:var(--bg-tertiary);border-color:var(--primary);transform:translate(4px)}.suggestion-card .suggestion-name{font-size:14px;font-weight:500;color:var(--text-primary)}.suggestion-card .suggestion-metrics{display:inline-flex;align-items:center;gap:8px}.suggestion-card .confidence-pill{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.suggestion-card .coverage-pill{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-subtle)}.suggestion-card .confidence-pill.high{background:var(--success-bg, rgba(34, 197, 94, .1));color:var(--success, #22c55e)}.suggestion-card .confidence-pill.medium{background:var(--warning-bg, rgba(245, 158, 11, .1));color:var(--warning, #f59e0b)}.suggestion-card .confidence-pill.low{background:var(--text-tertiary);color:var(--text-secondary)}.low-coverage-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.detected-type-hint{font-size:12px;color:var(--text-tertiary);margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.detected-type-hint strong{color:var(--text-secondary)}.magic-content{padding:8px 0}.magic-header{text-align:center;margin-bottom:16px}.magic-header-icon{margin-bottom:12px}.magic-header-icon svg{width:48px;height:48px;color:var(--success)}.magic-header-icon svg[stroke=currentColor]{color:var(--success)}.magic-header h2{font-size:24px;font-weight:600;margin-bottom:12px;letter-spacing:-.02em}.magic-template-selector{position:relative;margin-bottom:12px}.magic-template-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.magic-template-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-medium)}.magic-template-btn:disabled{opacity:.6;cursor:not-allowed}.magic-template-btn .template-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.magic-template-btn .dropdown-arrow{display:flex;align-items:center;opacity:.6}.confidence-pill{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.confidence-pill.high{background:#14b8a626;color:#14b8a6}.confidence-pill.medium{background:#ffc10726;color:#b08d00}.confidence-pill.low{background:#ef444426;color:#ef4444}.magic-template-dropdown{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;padding:8px;min-width:280px;max-width:320px;z-index:100;box-shadow:0 8px 24px #0000004d}.magic-template-dropdown .dropdown-hint{font-size:12px;color:var(--text-muted);margin:0 0 8px 4px}.template-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:background .1s ease;text-align:left}.template-option:hover:not(:disabled){background:var(--bg-hover)}.template-option.current{background:#2563eb1a}.template-option .option-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-option .current-badge{font-size:10px;text-transform:uppercase;color:var(--glyph-primary);font-weight:600}.magic-summary{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.magic-summary strong{color:var(--text-primary)}.auto-mapped-badge{display:inline-flex;align-items:center;gap:4px;background:#10b98126;color:#10b981;font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;margin-left:8px;vertical-align:middle}.auto-mapped-badge svg{width:12px;height:12px}.confidence-warning{display:inline-flex;align-items:center;gap:6px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;padding:6px 12px;margin-top:12px;font-size:12px;color:#b08d00}.magic-preview-wrapper{position:relative;margin:16px 0}.magic-preview-wrapper.loading .magic-preview-frame{opacity:.5}.preview-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0b1120b3;border-radius:12px;z-index:5;color:var(--text-secondary);font-size:13px}.magic-preview-frame{border-radius:12px;overflow:hidden;border:1px solid var(--border-subtle);background:#fff}.magic-preview-frame iframe{width:100%;height:320px;border:none;display:block}.magic-no-preview{background:var(--bg-tertiary);border-radius:12px;padding:48px 24px;text-align:center}.magic-no-preview p{color:var(--text-secondary);margin:0}.unmapped-fields-interactive{background:var(--bg-tertiary);border-radius:10px;padding:16px;margin-bottom:20px}.unmapped-fields-interactive.collapsed-by-default .unmapped-list{display:none}.unmapped-fields-interactive.collapsed-by-default.expanded .unmapped-list{display:flex}.unmapped-fields-interactive.collapsed-by-default .expand-icon{transition:transform .2s ease}.unmapped-fields-interactive.collapsed-by-default.expanded .expand-icon{transform:rotate(180deg)}.review-mappings-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;padding:6px 12px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.review-mappings-btn:hover{background:var(--bg-secondary);border-color:var(--glyph-primary);color:var(--text-primary)}.review-mappings-btn .expand-icon{width:14px;height:14px}.unmapped-fields-interactive .unmapped-header{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;color:var(--text-secondary)}.unmapped-header .optional-hint{color:var(--text-muted);font-size:12px}.unmapped-list{display:flex;flex-direction:column;gap:8px}.unmapped-field-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.unmapped-field-card.expanded{border-color:var(--glyph-primary)}.unmapped-field-card .field-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;transition:background .1s ease}.unmapped-field-card .field-header:hover:not(:disabled){background:var(--bg-hover)}.unmapped-field-card .field-name{font-family:var(--font-mono, monospace);font-size:12px}.unmapped-field-card .field-expand{display:flex;align-items:center;opacity:.5}.unmapped-field-card .field-options{padding:12px;border-top:1px solid var(--border-subtle);background:var(--bg-tertiary)}.field-options .options-hint{font-size:12px;color:var(--text-muted);margin:0 0 8px}.source-field-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.source-chip{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:12px;font-family:var(--font-mono, monospace);cursor:pointer;transition:all .15s ease;min-height:32px}.source-chip:hover:not(:disabled){background:var(--glyph-primary);border-color:var(--glyph-primary);color:#fff}.more-fields-hint{font-size:12px;color:var(--text-muted);align-self:center;padding:0 8px}.no-suggestions{font-size:12px;color:var(--text-muted);margin:0 0 12px}.skip-field-btn{padding:6px 12px;background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;text-decoration:underline}.skip-field-btn:hover{color:var(--text-secondary)}.unmapped-list .more-fields{font-size:12px;color:var(--text-muted);text-align:center;padding:8px 0 0;margin:0}.suggestion-chips{margin-bottom:12px}.suggestion-chip{background:var(--glyph-primary-soft, rgba(59, 130, 246, .1));border-color:var(--glyph-primary)}.searchable-field-select{position:relative;width:100%;z-index:1}.searchable-field-select:has(.field-select-dropdown){z-index:9999}.field-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .15s ease;text-align:left;min-height:38px}.field-select-trigger:hover:not(:disabled){border-color:var(--glyph-primary)}.field-select-trigger:focus{outline:none;border-color:var(--glyph-primary);box-shadow:0 0 0 3px #3b82f61a}.field-select-trigger:disabled{opacity:.6;cursor:not-allowed}.field-select-trigger.open{border-color:var(--glyph-primary);border-bottom-left-radius:0;border-bottom-right-radius:0}.field-select-trigger .placeholder{color:var(--text-muted)}.field-select-trigger .selected-field{display:flex;align-items:center;gap:6px;overflow:hidden}.field-select-trigger .selected-field .field-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-select-trigger .selected-field .field-type{font-size:11px;color:var(--text-muted);flex-shrink:0}.field-select-trigger .trigger-icon{display:flex;align-items:center;color:var(--text-muted);transition:transform .15s ease;flex-shrink:0}.field-select-trigger.open .trigger-icon{transform:rotate(180deg)}.field-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#0b1120;border:1px solid var(--glyph-primary);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 8px 32px #00000080,0 4px 16px #0000004d,0 0 0 1px #1e3a5f66;z-index:9999;max-height:280px;overflow-y:auto;display:flex;flex-direction:column}.field-search-wrapper{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-subtle);background:#111827;flex-shrink:0}.field-search-wrapper .search-icon{display:flex;align-items:center;color:var(--text-muted);flex-shrink:0}.field-search-input{flex:1;border:none;background:transparent;font-size:13px;color:var(--text-primary);outline:none;min-width:0}.field-search-input::placeholder{color:var(--text-muted)}.clear-search{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;flex-shrink:0}.clear-search:hover{color:var(--text-primary);background:var(--bg-tertiary)}.field-options-list{flex:1;overflow-y:auto;overscroll-behavior:contain;background:#0b1120;max-height:200px}.field-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;text-align:left;cursor:pointer;transition:background .1s ease;font-size:13px}.field-option:hover,.field-option.highlighted{background:var(--bg-secondary)}.field-option.selected{background:var(--glyph-primary-soft, rgba(59, 130, 246, .1))}.field-option .option-name{flex:1;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-option .option-type{font-size:11px;color:var(--text-muted);padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;flex-shrink:0}.field-option .option-sample{font-size:11px;color:var(--text-muted);font-style:italic;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-fields-found{padding:16px 12px;text-align:center;color:var(--text-muted);font-size:13px}.field-count{padding:8px 12px;font-size:11px;color:var(--text-muted);text-align:center;border-top:1px solid var(--border-subtle);background:#111827;flex-shrink:0}.mapping-source-field .searchable-field-select{flex:1}.field-options .searchable-field-select{margin-bottom:12px}.magic-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;padding-top:8px}.magic-accept-btn{display:inline-flex;align-items:center;gap:6px}.magic-accept-btn svg{width:16px;height:16px}.demo-hint{text-align:center;font-size:12px;color:var(--text-muted);margin:16px 0 0;padding-top:12px;border-top:1px solid var(--border-subtle)}@media(max-width:600px){.modal-magic-preview{max-width:100%;margin:12px;padding:20px}.magic-header h2{font-size:20px}.magic-preview-frame iframe{height:250px}.magic-actions{flex-direction:column}.magic-actions .btn{width:100%;justify-content:center}.confidence-warning{flex-direction:column;text-align:center;gap:4px}.magic-template-btn{width:100%;justify-content:center}.magic-template-btn .template-name{max-width:140px}.magic-template-dropdown{left:0;right:0;transform:none;max-width:none;min-width:auto}.unmapped-fields-interactive,.unmapped-field-card .field-header{padding:12px}.source-chip{padding:8px 12px;min-height:36px}.source-field-chips{gap:8px}.field-select-trigger{padding:10px 12px;min-height:44px;font-size:14px}.field-select-dropdown{max-height:280px}.field-search-wrapper{padding:10px 12px}.field-search-input{font-size:16px}.field-option{padding:12px;min-height:44px}.field-option .option-sample{display:none}}.modal-code-snippet{max-width:580px;width:100%;padding:0;overflow:hidden;position:relative}.code-snippet-header{padding:32px 32px 24px;text-align:center;background:linear-gradient(135deg,rgba(78,205,196,.08) 0%,transparent 100%);border-bottom:1px solid var(--border-subtle)}.celebration-icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b98133,#10b9810d);border-radius:50%;animation:celebration-pulse 2s ease-in-out infinite}.celebration-icon svg{width:28px;height:28px;stroke:#10b981}@keyframes celebration-pulse{0%,to{transform:scale(1);box-shadow:0 0 #10b98166}50%{transform:scale(1.05);box-shadow:0 0 0 12px #10b98100}}.code-snippet-header h3{font-size:22px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em;color:var(--text-primary)}.celebration-subtitle{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.code-snippet-section{padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.code-snippet-section:last-of-type{border-bottom:none}.snippet-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;color:var(--text-secondary)}.snippet-badge{background:linear-gradient(135deg,var(--glyph-primary) 0%,var(--glyph-primary-bright) 100%);color:#0a0a0a;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.snippet-badge.secondary{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff}.snippet-label .copy-btn{margin-left:auto;font-size:12px;padding:4px 10px;gap:5px}.snippet-label .copy-btn svg{width:14px;height:14px}.code-block{background:#0d1117;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;margin:0;overflow-x:auto;font-family:SF Mono,Fira Code,Monaco,monospace;font-size:12.5px;line-height:1.6;color:#e6edf3;white-space:pre;-webkit-overflow-scrolling:touch}.code-block code{font-family:inherit;color:inherit}.code-snippet-footer{padding:20px 24px;background:var(--bg-tertiary);border-top:1px solid var(--border-subtle)}.forever-message{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--glyph-primary-bright);margin-bottom:16px;font-weight:500}.forever-message svg{width:16px;height:16px;stroke:var(--glyph-primary-bright)}.code-snippet-footer .modal-actions{justify-content:center;gap:12px}.code-snippet-footer .btn svg{width:16px;height:16px}.code-snippet-footer .btn-ghost{gap:6px}.whats-next-section{margin-bottom:20px;padding-top:16px;border-top:1px solid var(--border-subtle)}.whats-next-title{font-size:13px;color:var(--text-secondary);text-align:center;margin-bottom:12px}.whats-next-options{display:flex;gap:12px}.whats-next-option{flex:1;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left}.whats-next-option:hover{border-color:var(--glyph-primary-bright);background:#1e3a5f26;transform:translateY(-2px)}.whats-next-option .option-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#1e3a5f33;border-radius:var(--radius-sm);flex-shrink:0}.whats-next-option .option-icon svg{width:16px;height:16px;stroke:var(--glyph-primary-bright)}.whats-next-option .option-text{display:flex;flex-direction:column;gap:2px}.whats-next-option .option-text strong{font-size:13px;font-weight:600;color:var(--text-primary)}.whats-next-option .option-text small{font-size:11px;color:var(--text-tertiary)}@media(max-width:600px){.modal-code-snippet{max-width:100%;margin:12px}.code-snippet-header{padding:24px 20px 20px}.celebration-icon{width:48px;height:48px}.celebration-icon svg{width:24px;height:24px}.code-snippet-header h3{font-size:18px}.celebration-subtitle{font-size:13px}.code-snippet-section{padding:16px}.code-block{font-size:11px;padding:12px}.code-snippet-footer{padding:16px}.code-snippet-footer .modal-actions{flex-direction:column-reverse}.code-snippet-footer .btn{width:100%;justify-content:center}.whats-next-options{flex-direction:column;gap:8px}.whats-next-option{padding:12px 14px}}.source-detail-page{max-width:900px;margin:0 auto;padding:24px 20px 60px}.source-detail-back{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:24px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.source-detail-back:hover{color:var(--text-primary);background:var(--bg-hover)}.source-detail-back svg{width:16px;height:16px}.source-detail-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.source-detail-icon{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0}.source-detail-icon--large{width:56px;height:56px}.source-detail-icon--large svg{width:28px;height:28px}.source-detail-info{flex:1;min-width:0}.source-detail-info h1{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.source-detail-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);flex-wrap:wrap}.source-type-badge{display:inline-flex;padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-transform:capitalize}.source-detail-sep{color:var(--text-muted)}.source-detail-description{margin-top:12px;font-size:14px;color:var(--text-secondary);line-height:1.5}.source-detail-status{padding:4px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-transform:capitalize}.source-detail-status--active{background:#10b98126;color:#10b981}.source-detail-status--pending{background:#f59e0b26;color:#f59e0b}.source-detail-status--failed{background:#ef444426;color:#ef4444}.source-detail-status--disabled{background:var(--bg-tertiary);color:var(--text-muted)}.source-detail-divider{height:1px;background:var(--border-subtle);margin:0 0 32px}.source-detail-section{margin-bottom:40px}.source-detail-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.source-detail-section-header h2{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;margin:0;color:var(--text-primary)}.source-detail-section-header h2 svg{width:18px;height:18px;color:var(--glyph-primary-bright)}.source-detail-section-header .btn{display:flex;align-items:center;gap:6px}.source-detail-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--text-secondary);font-size:14px}.source-detail-error{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--amber-400);font-size:14px;background:#f59e0b14;border-radius:var(--radius-md)}.source-detail-error svg{flex-shrink:0}.source-detail-empty{text-align:center;padding:48px 24px;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px dashed var(--border-subtle)}.source-detail-empty .empty-icon{width:48px;height:48px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-muted)}.source-detail-empty .empty-icon svg{width:24px;height:24px}.source-detail-empty p{margin:0 0 8px;color:var(--text-secondary);font-size:15px}.source-detail-empty .empty-hint{color:var(--text-muted);font-size:13px;margin-bottom:20px}.linked-templates-list{display:flex;flex-direction:column;gap:16px}.linked-template-card{background:#111827d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;transition:box-shadow .2s,border-color .2s}.linked-template-card:hover{border-color:var(--border-default);box-shadow:0 4px 20px #0003}.linked-template-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.linked-template-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0}.linked-template-icon svg{width:20px;height:20px}.linked-template-info{flex:1;min-width:0}.linked-template-info h3{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.template-type-badge{display:inline-flex;padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:capitalize}.linked-template-validation{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.linked-template-validation.valid{background:#10b98126;color:#10b981}.linked-template-validation.stale{background:#f59e0b26;color:#f59e0b}.linked-template-validation.broken,.linked-template-validation.needs-setup{background:#8b5cf61f;color:#8b5cf6}.linked-template-validation.pending{background:var(--bg-tertiary);color:var(--text-muted)}.linked-template-validation svg{width:14px;height:14px}.linked-template-mapping-status{margin-bottom:16px}.mapping-progress{display:flex;align-items:center;gap:12px}.mapping-progress-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.mapping-progress-fill{height:100%;background:linear-gradient(90deg,var(--glyph-primary),var(--glyph-primary-bright));border-radius:3px;transition:width .3s ease}.mapping-progress-text{font-size:13px;color:var(--text-secondary);flex-shrink:0}.linked-template-actions{display:flex;gap:12px}.linked-template-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px}.source-detail-section--quick-generate{background:linear-gradient(135deg,#f59e0b14,#f59e0b05);margin-left:-20px;margin-right:-20px;padding:24px 20px;border-top:1px solid rgba(245,158,11,.15);border-bottom:1px solid rgba(245,158,11,.15)}.source-detail-section--quick-generate h2 svg{color:#f59e0b}.quick-generate-template-selector{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#11182780;border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:16px}.template-selector-label{font-size:13px;color:var(--text-secondary);font-weight:500;flex-shrink:0}.template-selector-current{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);font-weight:600}.template-selector-current svg{color:var(--text-muted);flex-shrink:0}.template-default-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#f59e0b26;color:#f59e0b;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.template-selector-dropdown-wrapper{position:relative;display:flex;align-items:center}.template-selector-dropdown{appearance:none;-webkit-appearance:none;background:#111827b3;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:8px 32px 8px 12px;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;min-width:200px;transition:all .15s ease}.template-selector-dropdown:hover{border-color:var(--border-active);background:#111827e6}.template-selector-dropdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}.template-selector-dropdown option{background:#1a1f2e;color:var(--text-primary);padding:8px}.template-selector-chevron{position:absolute;right:10px;pointer-events:none;color:var(--text-muted)}.quick-generate-intro{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.quick-generate-empty{text-align:center;padding:24px}.quick-generate-records{display:flex;flex-direction:column;gap:12px}.records-list{display:flex;flex-direction:column;gap:10px}.record-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#111827b3;border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .2s ease}.record-card:hover{border-color:var(--border-default);background:#111827d9}.record-card--success{border-color:#10b98166;background:#10b98114}.record-preview{flex:1;min-width:0}.record-id{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:6px}.record-fields{display:flex;flex-wrap:wrap;gap:8px 16px}.record-field{display:flex;gap:4px;font-size:13px}.record-field-key{color:var(--text-muted);font-weight:500}.record-field-value{color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-field--more{color:var(--text-tertiary);font-size:12px}.btn-quick-generate{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 20px;font-weight:600;min-width:140px;justify-content:center}.btn-quick-generate .loading-spinner--sm{width:14px;height:14px}.btn-quick-generate.btn-success{background:#10b981;border-color:#10b981}.btn-quick-generate.btn-success:hover{background:#059669;border-color:#059669}.records-note{text-align:center;font-size:12px;color:var(--text-muted);margin-top:8px}.loading-spinner--white{border-color:#fff3;border-top-color:#fff}@media(max-width:640px){.quick-generate-template-selector{flex-direction:column;align-items:flex-start;gap:8px}.template-selector-dropdown{width:100%;min-width:unset}.template-selector-dropdown-wrapper{width:100%}.record-card{flex-direction:column;align-items:stretch}.btn-quick-generate{width:100%}.record-fields{flex-direction:column;gap:4px}.record-field-value{max-width:none}}.source-detail-section--suggestions{background:linear-gradient(135deg,#1e3a5f26,#1e3a5f0d);margin-left:-20px;margin-right:-20px;padding:24px 20px;border-radius:0}.suggestions-intro{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.suggested-templates-list{display:flex;flex-direction:column;gap:12px}.suggested-template-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;background:#11182799;border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color .15s ease}.suggested-template-card:hover{border-color:var(--border-default)}.suggested-template-info{flex:1;min-width:200px}.suggested-template-name{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.built-in-badge{font-size:10px;padding:2px 6px;background:var(--glyph-primary);color:#fff;border-radius:var(--radius-sm);font-weight:500;text-transform:uppercase}.suggested-template-match{font-size:13px}.match-percentage{color:var(--glyph-primary-bright);font-weight:500}.suggested-template-reason{flex-basis:100%;font-size:13px;color:var(--text-muted);margin:4px 0 0;line-height:1.4}.suggested-template-action{flex-shrink:0}.source-detail-section--custom-template{margin-bottom:32px}.custom-template-card{background:linear-gradient(135deg,#2563eb14,#1e3a5f1f);border:1px solid rgba(37,99,235,.2);border-radius:var(--radius-lg);padding:24px}.custom-template-header{display:flex;gap:16px;margin-bottom:16px}.custom-template-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb26,#2563eb0d);border-radius:var(--radius-md);flex-shrink:0}.custom-template-icon svg{width:24px;height:24px;color:var(--glyph-primary-bright)}.custom-template-info h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.custom-template-info p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.unused-fields-preview{margin-bottom:16px}.unused-fields-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;padding:8px 0;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:color .15s ease}.unused-fields-toggle:hover{color:var(--text-primary)}.unused-fields-toggle svg{width:14px;height:14px}.unused-fields-list{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#00000026;border-radius:var(--radius-md);margin-top:8px}.unused-field-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary);font-family:var(--font-mono, monospace)}.unused-field-chip .field-type-hint{font-size:11px;color:var(--text-muted);font-family:var(--font-sans, sans-serif)}.unused-field-chip.more{background:transparent;border-style:dashed;color:var(--text-secondary);font-family:var(--font-sans, sans-serif)}.custom-template-error{display:flex;align-items:center;gap:8px;padding:12px;background:#ef44441a;border-radius:var(--radius-sm);margin-bottom:16px;color:#f87171;font-size:13px}.custom-template-error svg{flex-shrink:0;width:16px;height:16px}.custom-template-actions{display:flex;flex-direction:column;gap:8px}.custom-template-actions .btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;align-self:flex-start}.custom-template-actions .btn-with-icon svg{width:16px;height:16px}.custom-template-hint{font-size:12px;color:var(--text-muted);margin:0}.loading-spinner--sm{width:14px;height:14px;border-width:2px}.source-detail-section--schema{margin-bottom:0}.schema-details,.data-details{background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.schema-summary,.data-summary{padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.schema-summary:hover,.data-summary:hover{background:var(--bg-hover)}.schema-summary h2,.data-summary h2{font-size:15px;font-weight:500;margin:0;color:var(--text-secondary)}.schema-summary::-webkit-details-marker,.data-summary::-webkit-details-marker{display:none}.schema-summary::marker,.data-summary::marker{display:none}.schema-summary:before,.data-summary:before{content:"Show";font-size:12px;color:var(--text-muted);float:right}details[open] .schema-summary:before,details[open] .data-summary:before{content:"Hide"}.schema-fields-grid,.data-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:0 20px 20px}.schema-field-item,.data-field-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.schema-field-name,.data-field-name{font-size:13px;font-weight:500;color:var(--text-primary)}.schema-field-type,.data-field-type{font-size:11px;color:var(--text-muted);text-transform:lowercase}.schema-field-sample,.data-field-sample{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.source-detail-page{padding:16px 16px 48px}.source-detail-header{flex-direction:column;gap:12px}.source-detail-icon--large{width:48px;height:48px}.source-detail-icon--large svg{width:24px;height:24px}.source-detail-info h1{font-size:20px}.source-detail-meta{font-size:13px}.source-detail-status{align-self:flex-start}.source-detail-section-header{flex-direction:column;align-items:flex-start;gap:12px}.linked-template-header{flex-wrap:wrap}.linked-template-validation{order:-1;width:100%;justify-content:flex-end;background:transparent;padding:0 0 8px}.linked-template-actions{flex-direction:column}.linked-template-actions .btn{justify-content:center}.suggested-template-card{flex-direction:column;align-items:stretch}.suggested-template-action{width:100%;justify-content:center}.schema-fields-grid,.data-fields-grid{grid-template-columns:1fr}}.source-card--clickable{cursor:pointer}.source-card--clickable:focus{outline:2px solid var(--glyph-primary);outline-offset:2px}.source-card--clickable:active{transform:scale(.995)}.source-card .source-actions{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.source-card .source-actions .btn-sm{padding:6px 12px;font-size:13px}.kinetic-loader{background:#fff;padding:60px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;border-radius:12px}.kinetic-container{position:relative;width:200px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.kinetic-word{display:flex;gap:4px;font-size:48px;font-weight:700;font-family:"Archivo",var(--font-sans),system-ui,sans-serif;color:#1e3a5f;letter-spacing:.05em}.kinetic-char{display:inline-block;animation:kinetic-bounce 1.8s ease-in-out infinite;text-shadow:0 2px 10px rgba(30,58,95,.15)}.kinetic-char:nth-child(1){animation-delay:0s}.kinetic-char:nth-child(2){animation-delay:.1s}.kinetic-char:nth-child(3){animation-delay:.2s}.kinetic-char:nth-child(4){animation-delay:.3s}.kinetic-char:nth-child(5){animation-delay:.4s}@keyframes kinetic-bounce{0%,60%,to{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-12px) scale(1.1);opacity:.8}}.kinetic-orbit{position:absolute;width:8px;height:8px;background:#1e3a5f;border-radius:50%;opacity:.6}.orbit-1{top:20px;left:50%;margin-left:-60px;animation:orbit-1 3s linear infinite}.orbit-2{top:20px;left:50%;margin-left:52px;animation:orbit-2 3s linear infinite}.orbit-3{top:80px;left:50%;margin-left:-4px;animation:orbit-3 2.5s ease-in-out infinite}@keyframes orbit-1{0%{transform:rotate(0) translate(60px) rotate(0)}to{transform:rotate(360deg) translate(60px) rotate(-360deg)}}@keyframes orbit-2{0%{transform:rotate(180deg) translate(60px) rotate(-180deg)}to{transform:rotate(540deg) translate(60px) rotate(-540deg)}}@keyframes orbit-3{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-15px) scale(1.3);opacity:1}}.kinetic-dots{display:flex;gap:12px;margin-top:24px}.kinetic-dot{width:10px;height:10px;background:#e2e8f0;border-radius:50%;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.kinetic-loader[data-step="0"] .kinetic-dot:nth-child(1),.kinetic-loader[data-step="1"] .kinetic-dot:nth-child(-n+2),.kinetic-loader[data-step="2"] .kinetic-dot:nth-child(-n+3),.kinetic-loader[data-step="3"] .kinetic-dot:nth-child(-n+4),.kinetic-loader[data-step="4"] .kinetic-dot:nth-child(-n+5){background:#1e3a5f;transform:scale(1.3);box-shadow:0 2px 8px #1e3a5f4d}.kinetic-status{margin-top:32px;font-size:15px;font-weight:500;color:#1e3a5f;font-family:var(--font-sans),system-ui,sans-serif;letter-spacing:-.01em;display:flex;align-items:center;gap:4px}.kinetic-cursor{display:inline-block;animation:cursor-blink 1s step-end infinite;color:#1e3a5f;font-weight:300}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.kinetic-loader.loading .kinetic-char{animation-duration:1.2s}.kinetic-loader.complete .kinetic-word{animation:kinetic-success .6s ease}.kinetic-loader.complete .kinetic-char{color:#22c55e;animation:none}.kinetic-loader.complete .kinetic-dot{background:#22c55e!important;animation:kinetic-dot-success .5s ease}.kinetic-loader.complete .kinetic-orbit{background:#22c55e}@keyframes kinetic-success{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes kinetic-dot-success{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1.3)}}.kinetic-loader.error .kinetic-word{animation:kinetic-shake .5s ease}.kinetic-loader.error .kinetic-char{color:#dc2626;animation:none}.kinetic-loader.error .kinetic-dot{background:#dc2626!important}.kinetic-loader.error .kinetic-orbit{background:#dc2626}.kinetic-loader.error .kinetic-status,.kinetic-loader.error .kinetic-cursor{color:#dc2626}@keyframes kinetic-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.modal-code-snippet{max-width:640px;max-height:90vh;overflow-y:auto;padding:0}.modal-code-snippet .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);z-index:1}.modal-code-snippet .modal-header h3{margin:0;font-size:18px}.modal-code-snippet .modal-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .15s ease}.modal-code-snippet .modal-close:hover{background:#ffffff0d;color:var(--text-primary)}.modal-code-snippet .modal-body{padding:24px}.snippet-intro{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.snippet-intro strong{color:var(--text-primary)}.snippet-section{margin-bottom:20px}.snippet-section h4{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.code-block{position:relative;background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.code-block pre{margin:0;padding:16px;overflow-x:auto}.code-block code{font-family:SF Mono,Fira Code,Monaco,monospace;font-size:12px;line-height:1.6;color:var(--text-secondary);white-space:pre}.code-block .btn-copy{position:absolute;top:8px;right:8px;padding:6px 10px;display:flex;align-items:center;gap:4px;font-size:11px;background:#ffffff1a;border:1px solid var(--border-subtle);color:var(--text-secondary);opacity:0;transition:all .15s ease}.code-block:hover .btn-copy{opacity:1}.code-block .btn-copy:hover{background:#ffffff26;color:var(--text-primary)}.code-block .btn-copy svg{width:12px;height:12px}.snippet-note{font-size:13px;color:var(--text-muted);background:#2563eb1a;border:1px solid rgba(37,99,235,.2);border-radius:var(--radius-md);padding:12px 16px;line-height:1.5}.snippet-note strong{color:var(--glyph-primary-bright)}.snippet-note code{font-family:SF Mono,Fira Code,monospace;font-size:12px;background:#0000004d;padding:2px 6px;border-radius:4px;color:var(--text-secondary)}.modal-code-snippet .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-subtle);background:#0003}.add-field-success{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:0 24px;background:linear-gradient(135deg,#22c55e14,#10b9810d);border:1px solid rgba(34,197,94,.2);border-radius:8px;font-size:14px;color:#22c55e}.add-field-success svg{width:18px;height:18px;flex-shrink:0}.add-field-success span{flex:1}.add-field-success .btn-icon{color:var(--text-tertiary);padding:4px}.add-field-success .btn-icon:hover{color:var(--text-primary)}.field-removal-success-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:0 24px;background:linear-gradient(135deg,#22c55e14,#10b9810d);border:1px solid rgba(34,197,94,.2);border-radius:8px;font-size:14px;color:#22c55e;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.field-removal-success-banner svg{width:18px;height:18px;flex-shrink:0}.field-removal-success-banner span{flex:1}.field-removal-success-banner .btn-icon{color:var(--text-tertiary);padding:4px}.field-removal-success-banner .btn-icon:hover{color:var(--text-primary)}.add-field-container{position:relative}.batch-btn--add{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#8b5cf61f,#a855f714);border:1px solid rgba(139,92,246,.25);border-radius:8px;color:#a78bfa;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.batch-btn--add:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf62e,#a855f71f);border-color:#8b5cf659;transform:translateY(-1px)}.batch-btn--add:disabled{opacity:.5;cursor:not-allowed}.batch-btn--add svg{width:14px;height:14px}.batch-btn--add .btn-spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.add-field-backdrop{position:fixed;inset:0;z-index:1500;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.add-field-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1501;width:380px;max-width:calc(100vw - 32px);max-height:calc(100vh - 120px);background:var(--card-bg);border:1px solid var(--border-default);border-radius:16px;box-shadow:0 24px 80px #00000080,0 12px 40px #0000004d,0 0 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column;animation:popoverSlideIn .2s ease}@keyframes popoverSlideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.add-field-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);font-size:15px;font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,#8b5cf60f,#a855f708)}.add-field-dropdown-header .btn-icon{padding:6px;color:var(--text-tertiary);border-radius:6px;transition:all .15s ease}.add-field-dropdown-header .btn-icon:hover{background:#ffffff1a;color:var(--text-primary)}.add-field-dropdown-hint{padding:12px 20px;font-size:12px;line-height:1.5;color:var(--text-secondary);background:#8b5cf60a;border-bottom:1px solid var(--border-subtle)}.add-field-dropdown-list{flex:1;min-height:0;max-height:320px;overflow-y:auto;padding:8px}.add-field-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:transparent;border:1px solid transparent;border-radius:10px;text-align:left;cursor:pointer;transition:all .15s ease}.add-field-option:hover{background:#8b5cf61f;border-color:#8b5cf633}.add-field-option:active{transform:scale(.98)}.add-field-option-name{font-size:14px;font-weight:500;color:var(--text-primary);flex:1}.add-field-option-type{font-size:10px;font-weight:600;padding:3px 8px;background:#6366f11f;color:#a78bfa;border-radius:5px;text-transform:uppercase;letter-spacing:.03em}.add-field-option-sample{font-size:11px;color:var(--text-tertiary);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.add-field-empty{padding:32px 20px;text-align:center;color:var(--text-tertiary);font-size:13px}.add-field-select-controls{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#00000026;border-bottom:1px solid var(--border-subtle)}.add-field-select-controls .btn{font-size:11px;padding:4px 8px}.add-field-selected-count{margin-left:auto;font-size:12px;color:var(--text-tertiary)}.add-field-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid var(--border-default);background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none;flex-shrink:0;transition:all .15s ease;position:relative}.add-field-checkbox:checked{background:var(--glyph-primary, #8b5cf6);border-color:var(--glyph-primary, #8b5cf6)}.add-field-checkbox:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.add-field-checkbox:hover:not(:checked){border-color:#8b5cf680}.add-field-option.selected{background:#8b5cf626;border-color:#8b5cf64d}.add-field-dropdown-footer{padding:12px 16px;background:#0003;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end}.add-field-submit{display:flex;align-items:center;gap:6px;font-weight:500}.add-field-submit svg{width:14px;height:14px}.add-field-submit:disabled{opacity:.5;cursor:not-allowed}.mapper-batch-actions{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#0003;border-bottom:1px solid var(--border-subtle)}.batch-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.batch-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff26;color:var(--text-primary)}.batch-btn:disabled{opacity:.4;cursor:not-allowed}.batch-btn svg{width:14px;height:14px}.batch-btn--primary{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#6366f140;color:#a5b4fc}.batch-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#6366f133,#8b5cf626);border-color:#6366f159;color:#c7d2fe}.batch-btn--active{border-color:#f59e0b61;background:#f59e0b1f;color:#fbbf24}.batch-btn--active:hover:not(:disabled){border-color:#f59e0b8c;background:#f59e0b2b}.unmapped-count{margin-left:auto;font-size:13px;color:var(--text-tertiary)}.add-field-sync-status{font-size:12px;color:var(--text-muted);white-space:nowrap}.unmapped-count strong{color:var(--glyph-primary-bright);font-weight:600}.unmapped-count svg{width:14px;height:14px;color:#22c55e;margin-right:4px}.mapper-required-hint{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 24px 0}.mapper-required-hint-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;color:var(--text-secondary);background:#3b82f61f;border:1px solid rgba(59,130,246,.24)}.mapper-required-hint-pill strong{color:var(--text-primary)}.mapper-required-hint-pill.warning{color:#b45309;background:#f59e0b26;border-color:#f59e0b4d}@media(max-width:640px){.add-field-dropdown{width:calc(100vw - 24px);max-height:calc(100vh - 80px)}.mapper-batch-actions{flex-wrap:wrap;padding:10px 16px}.mapper-required-hint{padding:10px 16px 0}.unmapped-count{flex:0 0 100%;margin-top:8px;margin-left:0;text-align:center}.add-field-sync-status{flex:0 0 100%;text-align:left;padding-top:4px}}.field-removal-modal{max-width:480px}.field-removal-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;position:relative}.field-removal-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#fbbf2426,#fbbf240d);display:flex;align-items:center;justify-content:center;color:#fbbf24}.field-removal-header h3{margin:0;padding-top:4px;font-size:18px;font-weight:600;color:var(--text-primary);flex:1}.field-removal-close{position:absolute;top:-8px;right:-8px;padding:4px;color:var(--text-tertiary)}.field-removal-close:hover{color:var(--text-primary)}.field-removal-field{display:flex;align-items:center;gap:12px;padding:16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;margin-bottom:20px}.field-removal-field-name{font-weight:600;color:var(--text-primary)}.field-removal-field-path{font-family:var(--font-mono);font-size:13px;padding:3px 8px;background:#0000004d;border-radius:4px;color:#ef4444}.field-removal-explanation{margin-bottom:20px}.field-removal-explanation p{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.field-removal-explanation p:last-child{margin-bottom:0}.field-removal-explanation strong{color:var(--text-primary)}.field-removal-explanation code{font-family:var(--font-mono);font-size:13px;padding:2px 6px;background:#6366f126;border-radius:4px;color:var(--glyph-primary-bright)}.field-removal-note{padding:12px;background:#fbbf2414;border-radius:8px;border-left:3px solid #fbbf24;font-size:13px!important;color:var(--text-tertiary)!important}.field-removal-error{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:20px}.field-removal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border-subtle)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.field-removal-loading{padding:48px 32px;text-align:center}.field-removal-spinner{width:56px;height:56px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;color:var(--glyph-primary-bright);animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.field-removal-loading h3{margin:0 0 8px;font-size:18px;color:var(--text-primary)}.field-removal-loading p{margin:0;font-size:14px;color:var(--text-tertiary)}.field-removal-success{padding:48px 32px;text-align:center}.field-removal-success-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,#22c55e33,#22c55e1a);display:flex;align-items:center;justify-content:center;color:#22c55e;animation:successPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes successPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.field-removal-success h3{margin:0 0 8px;font-size:18px;color:#22c55e}.field-removal-success p{font-size:14px;color:var(--text-secondary);max-width:280px;margin:0 auto}@media(max-width:480px){.field-removal-modal{padding:24px;margin:16px}.field-removal-header{flex-direction:column;text-align:center}.field-removal-icon{margin:0 auto}.field-removal-close{top:-12px;right:-12px}.field-removal-footer{flex-direction:column-reverse}.field-removal-footer .btn{width:100%}}.hamburger-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-primary, #1a1a2e);padding:.5rem;line-height:1;min-width:44px;min-height:44px;align-items:center;justify-content:center}@media(max-width:768px){.hamburger-btn{display:block}.nav-links{display:none!important;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 4px 12px #0000001a;padding:.5rem;z-index:100}.nav-links.nav-open{display:flex!important}.nav-links a,.nav-links button{padding:.75rem 1rem;text-align:left;width:100%}body,.app-wrapper,#app{overflow-x:hidden}.dashboard-header{position:relative}.cards-grid,.sources-grid{grid-template-columns:1fr}}@media(max-width:768px){.btn-icon{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.footer-link{min-height:44px;display:inline-flex;align-items:center;padding:8px 4px}}.adapt-template-overlay{z-index:1100}.adapt-template-modal{max-width:560px;width:90vw;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;border-radius:16px;animation:adapt-slide-in .2s ease-out}@keyframes adapt-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.adapt-header{display:flex;align-items:flex-start;gap:16px;padding:24px 24px 16px;border-bottom:1px solid var(--color-border-light)}.adapt-header-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-radius:12px;color:#fff}.adapt-header-icon svg{width:24px;height:24px}.adapt-header-text{flex:1}.adapt-header-text h3{margin:0 0 4px;font-size:1.25rem;font-weight:600;color:var(--color-text)}.adapt-header-text p{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.adapt-close{flex-shrink:0;margin:-4px -4px 0 0}.adapt-stats{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 24px;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-light)}.adapt-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.adapt-stat-value{font-size:2rem;font-weight:700;line-height:1}.adapt-stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.adapt-stat--matched .adapt-stat-value{color:var(--color-success)}.adapt-stat--unmatched .adapt-stat-value{color:var(--color-warning)}.adapt-stat-arrow{color:var(--color-text-muted);opacity:.5}.adapt-stat-summary{display:flex;flex-direction:column;align-items:center;padding-left:16px;border-left:1px solid var(--color-border-light)}.adapt-stat-percentage{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.adapt-explanation{padding:16px 24px;background:var(--color-bg)}.adapt-explanation p{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.6}.adapt-explanation p+p{margin-top:8px}.adapt-explanation-action{color:var(--color-text)!important;font-weight:500}.adapt-fields-section{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--color-border-light)}.adapt-fields-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-light)}.adapt-fields-title{display:flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;color:var(--color-text)}.adapt-fields-title svg{color:var(--color-danger)}.adapt-fields-actions{display:flex;gap:8px}.adapt-fields-list{flex:1;overflow-y:auto;padding:8px 16px;max-height:240px}.adapt-field-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.adapt-field-item:hover{background:var(--color-bg-subtle)}.adapt-field-item.selected{background:#ef444414}.adapt-field-item input[type=checkbox]{flex-shrink:0;width:18px;height:18px;cursor:pointer;accent-color:var(--color-danger)}.adapt-field-name{flex:1;font-size:.875rem;font-weight:500;color:var(--color-text)}.adapt-field-path{font-size:.75rem;padding:2px 6px;background:var(--color-bg-subtle);border-radius:4px;color:var(--color-text-muted);font-family:var(--font-mono)}.adapt-field-badge{font-size:.6875rem;padding:2px 8px;background:var(--color-danger);color:#fff;border-radius:10px;font-weight:500}.adapt-error{display:flex;align-items:center;gap:8px;margin:0 24px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:var(--color-danger);font-size:.875rem}.adapt-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-border-light);background:var(--color-bg)}.adapt-footer .btn-primary{display:flex;align-items:center;gap:8px}.adapt-footer .btn-primary svg{width:16px;height:16px}.adapt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.adapt-loading-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-radius:16px;color:#fff;margin-bottom:24px;animation:adapt-pulse 1.5s ease-in-out infinite}.adapt-loading-icon svg{width:32px;height:32px;animation:adapt-sparkle 1s linear infinite}@keyframes adapt-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes adapt-sparkle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adapt-loading h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:var(--color-text)}.adapt-loading p{margin:0;font-size:.875rem;color:var(--color-text-muted)}.adapt-loading-description{max-width:280px;line-height:1.5}.adapt-loading-progress{width:100%;max-width:280px;margin-top:24px;display:flex;flex-direction:column;gap:8px}.adapt-loading-bar{width:100%;height:6px;background:var(--color-bg-subtle);border-radius:3px;overflow:hidden}.adapt-loading-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:3px;transition:width 1s ease-out}.adapt-loading-time{font-size:.75rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.adapt-loading-hint{margin-top:16px!important;font-size:.75rem!important;opacity:.7}.adapt-loading-icon--animated{animation:adapt-pulse-glow 1.5s ease-in-out infinite}@keyframes adapt-pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 rgba(var(--color-primary-rgb, 99, 102, 241),.4)}50%{transform:scale(1.05);box-shadow:0 0 20px 4px rgba(var(--color-primary-rgb, 99, 102, 241),.2)}}.adapt-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.adapt-success-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-success);border-radius:50%;color:#fff;margin-bottom:24px;animation:adapt-success-pop .3s ease-out}.adapt-success-icon svg{width:32px;height:32px}@keyframes adapt-success-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.adapt-success h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:var(--color-success)}.adapt-success p{margin:0;font-size:.9375rem;color:var(--color-text)}.adapt-success-detail{margin-top:8px!important;font-size:.875rem!important;color:var(--color-text-muted)!important}@media(max-width:480px){.adapt-template-modal{max-height:90vh;margin:20px}.adapt-header{padding:20px 16px 12px;flex-direction:column;text-align:center}.adapt-header-icon{margin:0 auto}.adapt-close{position:absolute;top:12px;right:12px}.adapt-stats{flex-wrap:wrap;gap:12px;padding:16px}.adapt-stat-summary{width:100%;padding-left:0;padding-top:12px;border-left:none;border-top:1px solid var(--color-border-light);flex-direction:row;gap:8px}.adapt-fields-header{flex-direction:column;gap:8px;align-items:flex-start}.adapt-footer{flex-direction:column;gap:8px}.adapt-footer .btn{width:100%;justify-content:center}}.inline-field-mapping{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:10px;border:1px solid transparent;transition:all .15s ease;position:relative}.inline-field-mapping:hover{background:var(--bg-tertiary)}.inline-field-mapping--confident{border-left:3px solid #22c55e}.inline-field-mapping--low-confidence{border-left:3px solid #eab308;background:#eab30808}.inline-field-mapping--unmapped{border-left:3px solid var(--text-muted);background:#ffffff05}.mapping-status{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.mapping-status--confident{background:#22c55e26;color:#22c55e}.mapping-status--low-confidence{background:#eab30826;color:#eab308;animation:inline-pulse-warning 2s ease-in-out infinite}.mapping-status--unmapped{background:var(--bg-tertiary);color:var(--text-muted)}@keyframes inline-pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mapping-field--template{flex:0 0 160px;min-width:0}.mapping-template-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.mapping-field--template code{font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:500;color:var(--glyph-primary-bright);background:var(--bg-tertiary);padding:5px 10px;border-radius:6px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapping-required-chip{font-size:10px;font-weight:600;color:#0f766e;background:#0f766e24;border-radius:999px;padding:2px 7px;text-transform:uppercase;letter-spacing:.03em}.mapping-confidence-chip{font-size:10px;font-weight:600;border-radius:999px;padding:2px 7px}.mapping-confidence-chip.high{color:#166534;background:#16653424}.mapping-confidence-chip.review{color:#b45309;background:#b4530924}.mapping-arrow-icon{flex-shrink:0;color:var(--text-tertiary);display:flex;align-items:center}.mapping-field--source{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.mapping-field--source .current-mapping{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mapping-field--source .field-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapping-field--source .wrong-hint{font-size:11px;color:#eab308;font-style:italic}.mapping-field--source .not-mapped{color:var(--text-muted);font-style:italic;font-size:13px}.mapping-field--source .field-type-badge{font-size:10px;color:var(--text-muted);padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;text-transform:uppercase;margin-left:6px}.mapping-type-chip{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 6px}.mapping-type-chip--good{color:#166534;background:#16653424}.mapping-type-chip--warn{color:#b45309;background:#b4530924}.mapping-type-chip--unknown{color:var(--text-muted);background:#94a3b824}.mapping-field--source .suggestion-preview{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:4px 8px;background:linear-gradient(135deg,#8b5cf614,#a855f70a);border:1px solid rgba(139,92,246,.2);border-radius:6px}.mapping-field--source .suggestion-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#8b5cf6}.mapping-field--source .suggestion-badge svg{width:12px;height:12px}.mapping-field--source .suggestion-name{font-weight:500;color:var(--text-primary)}.mapping-field--source .suggestion-confidence{font-size:11px;color:#8b5cf6;font-weight:500}.mapping-field--source .suggestion-confidence.high{color:#166534}.mapping-field--source .suggestion-confidence.review{color:#b45309}.mapping-transform-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%}.mapping-transform-control{display:inline-flex;align-items:center;gap:8px}.mapping-transform-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.mapping-transform-select{min-width:138px;padding:5px 28px 5px 10px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;cursor:pointer}.mapping-transform-select:focus{outline:none;border-color:var(--glyph-primary);box-shadow:0 0 0 3px #3b82f61f}.mapping-transform-preview{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 10px;border-radius:999px;background:#94a3b814;border:1px solid rgba(148,163,184,.14);color:var(--text-secondary)}.mapping-transform-preview.active{background:#1e3a5f2e;border-color:#3b82f638}.mapping-transform-preview--empty{color:var(--text-muted)}.mapping-transform-preview-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.mapping-transform-preview-value{font-family:SF Mono,Monaco,monospace;font-size:11px;color:var(--text-primary);background:#0f172a6b;border-radius:6px;padding:2px 6px}.mapping-transform-preview-value--result{color:var(--glyph-primary-bright)}.mapping-transform-preview-arrow{color:var(--text-muted)}.mapping-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.mapping-accept-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #22c55e33}.mapping-accept-btn:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 8px #22c55e4d}.mapping-accept-btn:active:not(:disabled){transform:translateY(0)}.mapping-accept-btn:disabled{opacity:.5;cursor:not-allowed}.mapping-accept-btn svg{width:14px;height:14px}.mapping-clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.mapping-clear-btn:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:#ef44440d}.mapping-clear-btn:disabled{opacity:.5;cursor:not-allowed}.mapping-action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;flex-shrink:0}.mapping-action-btn:hover:not(:disabled){border-color:var(--glyph-primary);color:var(--text-primary);background:var(--bg-hover)}.mapping-action-btn:disabled{opacity:.5;cursor:not-allowed}.mapping-action-btn .btn-chevron{display:flex;align-items:center;transition:transform .15s ease}.mapping-action-btn--confident{color:var(--text-tertiary)}.mapping-action-btn--confident:hover:not(:disabled){color:var(--text-primary)}.mapping-action-btn--low-confidence{border-color:#eab308;color:#eab308;background:#eab3080d}.mapping-action-btn--low-confidence:hover:not(:disabled){background:#eab3081a;color:#ca8a04}.mapping-action-btn--unmapped{border-color:var(--glyph-primary);color:var(--glyph-primary-bright);background:#3b82f60d}.mapping-action-btn--unmapped:hover:not(:disabled){background:#3b82f61a}.mapping-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:320px;max-height:340px;background:var(--bg-primary);border:1px solid var(--glyph-primary);border-radius:10px;box-shadow:0 8px 30px #0000004d;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:inline-dropdown-slide-in .15s ease-out}@keyframes inline-dropdown-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-subtle)}.dropdown-search .search-icon{color:var(--text-muted);flex-shrink:0;display:flex;align-items:center}.dropdown-search .search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:13px;outline:none}.dropdown-search .search-input::placeholder{color:var(--text-muted)}.dropdown-search .clear-btn{display:flex;align-items:center;padding:2px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .1s ease}.dropdown-search .clear-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.dropdown-section{padding:8px;border-bottom:1px solid var(--border-subtle)}.dropdown-section .section-header{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:600;color:var(--color-accent, #8B5CF6);text-transform:uppercase;letter-spacing:.05em}.dropdown-section .section-header svg{color:var(--color-accent, #8B5CF6)}.inline-field-mapping .field-option--suggested{background:linear-gradient(135deg,#8b5cf614,#a855f70a);border:1px solid rgba(139,92,246,.2);border-radius:6px;margin:4px 0}.inline-field-mapping .field-option--suggested:hover{background:linear-gradient(135deg,#8b5cf61f,#a855f714)}.inline-field-mapping .field-option--suggested .option-confidence{font-size:11px;color:var(--color-accent, #8B5CF6);font-weight:500;margin-left:auto}.dropdown-options{flex:1;overflow-y:auto;overscroll-behavior:contain}.inline-field-mapping .field-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background .1s ease;font-size:13px}.inline-field-mapping .field-option:hover,.inline-field-mapping .field-option--highlighted{background:var(--bg-secondary)}.inline-field-mapping .field-option--selected{background:#3b82f614}.inline-field-mapping .field-option .option-name{flex:1;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-field-mapping .field-option .option-type{font-size:10px;color:var(--text-muted);padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;flex-shrink:0;text-transform:uppercase}.inline-field-mapping .field-option .option-sample{font-size:11px;color:var(--text-muted);font-style:italic;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-field-mapping .field-option .option-check{color:#22c55e;flex-shrink:0;display:flex;align-items:center}.dropdown-options .no-results{padding:16px;text-align:center;color:var(--text-muted);font-size:13px}.dropdown-footer{padding:8px 12px;font-size:11px;color:var(--text-muted);text-align:center;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.mapper-batch-actions{display:flex;align-items:center;gap:12px;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.mapper-batch-actions .batch-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.mapper-batch-actions .batch-btn:hover:not(:disabled){border-color:var(--glyph-primary);color:var(--text-primary);background:var(--bg-hover)}.mapper-batch-actions .batch-btn:disabled{opacity:.5;cursor:not-allowed}.mapper-batch-actions .batch-btn svg{width:14px;height:14px}.mapper-batch-actions .batch-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff}.mapper-batch-actions .batch-btn--primary:hover:not(:disabled){opacity:.9;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.mapper-batch-actions .unmapped-count{margin-left:auto;font-size:12px;color:var(--text-muted)}.mapper-batch-actions .unmapped-count strong{color:#eab308}@media(max-width:768px){.inline-field-mapping{flex-wrap:wrap;gap:8px;padding:12px}.mapping-status{width:24px;height:24px}.mapping-field--template{flex:1 1 calc(100% - 44px);order:1}.mapping-arrow-icon{display:none}.mapping-field--source{flex:1 1 100%;order:3;margin-top:4px}.mapping-transform-panel{align-items:flex-start}.mapping-transform-control{width:100%;justify-content:space-between}.mapping-transform-select{flex:1}.mapping-actions{order:2;margin-left:auto}.mapping-dropdown{position:fixed;inset:auto 0 0;width:100%;max-height:60vh;border-radius:16px 16px 0 0;animation:inline-dropdown-slide-up .2s ease-out}.inline-field-mapping--unmapped .mapping-actions{flex:0 0 100%;order:4;margin-top:8px;justify-content:stretch}.inline-field-mapping--unmapped .mapping-accept-btn,.inline-field-mapping--unmapped .mapping-action-btn{flex:1;justify-content:center}}@keyframes inline-dropdown-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.mapper-batch-actions{flex-wrap:wrap;gap:8px;padding:12px 16px}.mapper-batch-actions .unmapped-count{flex:0 0 100%;margin-left:0;margin-top:4px}}.source-field-mapping{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:10px;border:1px solid transparent;transition:all .15s ease;position:relative}.source-field-mapping:hover{background:var(--bg-tertiary)}.source-field-mapping--mapped{border-left:3px solid #22c55e}.source-field-mapping--unmapped{border-left:3px solid var(--text-muted);background:#ffffff05}.sfm-status{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.sfm-status--mapped{background:#22c55e26;color:#22c55e}.sfm-status--unmapped{background:var(--bg-tertiary);color:var(--text-muted)}.sfm-source{flex:0 0 200px;min-width:0;display:flex;flex-direction:column;gap:2px}.sfm-source-name{font-weight:600;color:var(--text-primary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sfm-source-type{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.sfm-source-sample{font-size:11px;color:var(--text-muted);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.sfm-arrow{flex-shrink:0;color:var(--text-tertiary);display:flex;align-items:center}.sfm-target{flex:1;min-width:0}.sfm-target-content{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0}.sfm-target-main{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.sfm-target-btn{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease;min-width:0}.sfm-target-btn:hover:not(:disabled){border-color:var(--glyph-primary);color:var(--text-primary);background:var(--bg-hover)}.sfm-target-btn:disabled{opacity:.5;cursor:not-allowed}.sfm-target-btn--mapped{border-color:#22c55e;background:#22c55e0d}.sfm-target-btn--mapped:hover:not(:disabled){background:#22c55e1a;border-color:#22c55e}.sfm-target-btn--suggested{border-color:#8b5cf64d;background:linear-gradient(135deg,#8b5cf60d,#a855f705)}.sfm-transform-panel{padding-left:4px}.sfm-transform-panel .mapping-transform-preview{max-width:100%}.sfm-transform-panel .mapping-transform-preview-value{max-width:min(260px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sfm-target-value{font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:500;color:#22c55e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sfm-target-placeholder{color:var(--text-muted);font-style:italic}.sfm-target-chevron{margin-left:auto;color:var(--text-muted);display:flex;align-items:center;flex-shrink:0}.sfm-suggestion-preview{display:flex;align-items:center;gap:6px;color:#8b5cf6}.sfm-suggestion-preview svg{width:14px;height:14px}.sfm-suggestion-preview code{font-family:SF Mono,Monaco,monospace;font-size:12px;color:#8b5cf6}.sfm-suggestion-confidence{font-size:11px;font-weight:500;color:#8b5cf6;background:#8b5cf61a;padding:2px 6px;border-radius:4px}.sfm-suggestion-confidence.high{color:#16a34a;background:#16a34a24}.sfm-suggestion-confidence.review{color:#d97706;background:#d9770624}.sfm-type-compatibility{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px}.sfm-type-compatibility--good{color:#16a34a;background:#16a34a24}.sfm-type-compatibility--warn{color:#d97706;background:#d9770624}.sfm-type-compatibility--unknown{color:var(--text-muted);background:#94a3b824}.sfm-clear-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.sfm-clear-btn:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:#ef44440d}.sfm-clear-btn:disabled{opacity:.5;cursor:not-allowed}.sfm-remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.sfm-remove-btn:hover:not(:disabled){border-color:#dc2626;color:#dc2626;background:#dc262614}.sfm-remove-btn:disabled{opacity:.5;cursor:not-allowed}.sfm-accept-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #22c55e33;flex-shrink:0}.sfm-accept-btn:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 8px #22c55e4d}.sfm-accept-btn:active:not(:disabled){transform:translateY(0)}.sfm-accept-btn:disabled{opacity:.5;cursor:not-allowed}.sfm-accept-btn svg{width:14px;height:14px}.sfm-dropdown{position:absolute;top:calc(100% + 4px);right:16px;left:50%;width:320px;max-height:360px;background:var(--bg-primary);border:1px solid var(--glyph-primary);border-radius:10px;box-shadow:0 8px 30px #0000004d;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:sfm-dropdown-slide-in .15s ease-out}@keyframes sfm-dropdown-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sfm-dropdown-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-subtle)}.sfm-search-icon{color:var(--text-muted);flex-shrink:0;display:flex;align-items:center}.sfm-search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:13px;outline:none}.sfm-search-input::placeholder{color:var(--text-muted)}.sfm-search-clear{display:flex;align-items:center;padding:2px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .1s ease}.sfm-search-clear:hover{color:var(--text-primary);background:var(--bg-tertiary)}.sfm-dropdown-section{padding:8px;border-bottom:1px solid var(--border-subtle)}.sfm-section-header{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.05em}.sfm-section-header svg{color:#8b5cf6}.sfm-dropdown-options{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 0}.sfm-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background .1s ease;font-size:13px}.sfm-option:hover,.sfm-option--highlighted{background:var(--bg-secondary)}.sfm-option--selected{background:#22c55e14}.sfm-option--suggested{background:linear-gradient(135deg,#8b5cf614,#a855f70a);border-radius:6px;margin:4px 8px;width:calc(100% - 16px)}.sfm-option--suggested:hover{background:linear-gradient(135deg,#8b5cf61f,#a855f714)}.sfm-option-name{flex:1;font-family:SF Mono,Monaco,monospace;font-size:13px;color:var(--glyph-primary-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sfm-option-confidence{font-size:11px;color:#8b5cf6;font-weight:500;margin-left:auto}.sfm-option-check{color:#22c55e;flex-shrink:0;display:flex;align-items:center}.sfm-no-results{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:13px}.sfm-dropdown-footer{padding:8px 12px;font-size:11px;color:var(--text-muted);text-align:center;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}@media(max-width:768px){.source-field-mapping{flex-wrap:wrap;gap:8px;padding:12px}.sfm-status{width:24px;height:24px}.sfm-source{flex:1 1 calc(100% - 44px);order:1}.sfm-arrow{display:none}.sfm-target{flex:1 1 100%;order:3;margin-top:4px}.sfm-target-main{flex-wrap:wrap}.sfm-dropdown{position:fixed;inset:auto 0 0;width:100%;max-height:60vh;border-radius:16px 16px 0 0;animation:sfm-dropdown-slide-up .2s ease-out}}@keyframes sfm-dropdown-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.sfm-section-title{display:flex;align-items:center;gap:8px;padding:12px 16px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.sfm-section-title--mapped{color:#22c55e}.sfm-section-title--mapped svg{color:#22c55e}.sfm-section-title--unmapped{color:var(--text-muted)}.sfm-section-title .sfm-section-count{font-weight:400;color:var(--text-tertiary)}