:root{--bg-0:#080b12;--bg-1:#0b0e17;--bg-2:#0f131e;--bg-3:#141929;--surface-0:#ffffff07;--surface-1:#ffffff0d;--surface-2:#ffffff14;--surface-3:#ffffff1c;--surface-hover:#ffffff10;--border:#ffffff1a;--border-strong:#ffffff2e;--border-accent:#eab30847;--border-teal:#2dd4bf38;--text:#edf0f9;--text-soft:#9ba5c4;--text-dim:#7d8baa;--text-accent:#facc15;--accent:#facc15;--accent-dim:#facc151c;--accent-glow:#facc1533;--accent-hover:#fde047;--accent-rgb:250,204,21;--teal:#2dd4bf;--teal-dim:#2dd4bf1a;--teal-rgb:45,212,191;--success:#22c55e;--success-dim:#22c55e1f;--success-rgb:34,197,94;--danger:#f87171;--danger-dim:#f871711f;--warning:#fb923c;--warning-dim:#fb923c1f;--r-xs:5px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-2xl:32px;--r-pill:999px;--shadow-xs:0 1px 4px #00000040;--shadow-sm:0 2px 10px #00000059;--shadow-md:0 8px 28px #00000073;--shadow-lg:0 20px 56px #0000008c;--shadow-accent:0 0 28px rgba(var(--accent-rgb),.18);--shadow-teal:0 0 20px rgba(var(--teal-rgb),.15);--sidebar-w:232px;--topbar-h:58px;--t-fast:.11s ease;--t-base:.19s ease;--t-slow:.31s cubic-bezier(.4,0,.2,1);--font-display:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--bg:var(--bg-0);--surface:var(--surface-1);--text-primary:var(--text);--text-muted:var(--text-soft)}[data-theme=light]{--bg-0:#f0f2f7;--bg-1:#f8fafc;--bg-2:#e8ecf5;--bg-3:#dde3f0;--bg-card:#fff;--surface-0:#00000006;--surface-1:#f1f5f9;--surface-2:#00000012;--surface-3:#00000018;--surface-hover:#0000000e;--border:#00000014;--border-strong:#0000002e;--border-accent:#ca8a0459;--text:#0d1117;--text-soft:#4b5563;--text-dim:#6b7280;--text-accent:#b45309;--accent:#6c63ff;--accent-dim:#6c63ff1f;--accent-glow:#6c63ff2e;--accent-hover:#5a52e0;--accent-rgb:108,99,255;--bg:var(--bg-0);--surface:var(--surface-1)}[data-mode=beginner]{--bg-0:#0b1020;--bg-1:#121a2d;--bg-2:#172035;--bg-3:#1d273f;--bg-card:#121a2d;--bg-page:#0b1020;--bg:#0b1020;--surface-0:#6d5df60d;--surface-1:#6d5df614;--surface-2:#6d5df61f;--surface-3:#6d5df62b;--surface-hover:#6d5df61a;--surface:#6d5df614;--border:#6d5df62e;--border-strong:#6d5df652;--border-accent:#6d5df673;--border-teal:#00d4aa40;--text:#eef0ff;--text-soft:#9da8cc;--text-dim:#6b759a;--text-primary:#eef0ff;--text-muted:#9da8cc;--text-accent:#6d5df6;--accent:#6d5df6;--accent-dim:#6d5df624;--accent-glow:#6d5df64d;--accent-hover:#8577f8;--accent-rgb:109,93,246;--teal:#00d4aa;--teal-dim:#00d4aa1f;--teal-rgb:0,212,170;--success:#00c875;--success-dim:#00c8751f;--success-rgb:0,200,117;--warning:#ffb800;--warning-dim:#ffb8001f;--danger:#ff5a5f;--danger-dim:#ff5a5f1f;--r-xs:10px;--r-sm:16px;--r-md:20px;--r-lg:24px;--r-xl:28px;--r-2xl:36px;--r-pill:999px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:40px;--shadow-xs:0 1px 4px #0b102066;--shadow-sm:0 4px 16px #0b102080;--shadow-md:0 8px 32px #0b10208c;--shadow-lg:0 16px 56px #0b102099;--shadow-accent:0 8px 32px #6d5df633;--shadow-teal:0 8px 24px #00d4aa26;--sidebar-w:228px;--topbar-h:62px}.app-root[data-mode=beginner]{background:#0b1020}.app-root[data-mode=beginner]:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 10% -10%,#6d5df62e 0%,#0000 55%),radial-gradient(65% 70% at 88% 108%,#00d4aa1f 0%,#0000 55%),radial-gradient(50% 45% at 55% 48%,#6d5df60f 0%,#0000 65%);position:fixed;top:0;bottom:0;left:0;right:0}[data-mode=beginner] .sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1020f7;border-right:1px solid #6d5df624}[data-mode=beginner] .sidebar-logo-name{letter-spacing:-.02em;color:#eef0ff;font-size:16px;font-weight:800}[data-mode=beginner] .sidebar-logo-sub{color:#6d5df6b3;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}[data-mode=beginner] .sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:#6d5df680;padding:4px 14px 2px;font-size:10px;font-weight:700}[data-mode=beginner] .nav-link{color:#9da8cc;letter-spacing:-.01em;border-radius:14px;margin:1px 8px;padding:11px 14px;font-size:13.5px;font-weight:600;transition:all .18s}[data-mode=beginner] .nav-link:hover{color:#eef0ff;background:#6d5df61a;transform:translate(2px)}[data-mode=beginner] .nav-link.active{color:#fff;background:linear-gradient(135deg,#6d5df638 0%,#00d4aa14 100%);border:1px solid #6d5df64d;font-weight:700;box-shadow:0 4px 16px #6d5df62e,inset 0 1px #ffffff0f}[data-mode=beginner] .nav-link .nav-icon{color:#6d5df6}[data-mode=beginner] .topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1020f2;border-bottom:1px solid #6d5df61f;height:62px}[data-mode=beginner] .topbar:after{background:linear-gradient(90deg,#0000 0%,#6d5df61f 35%,#00d4aa14 65%,#0000 100%)}[data-mode=beginner] .topbar-breadcrumb{color:#6d5df699}[data-mode=beginner] .topbar-breadcrumb-current{color:#eef0ff;font-weight:700}[data-mode=beginner] .card{-webkit-backdrop-filter:blur(24px);background:#121a2dbf;border:1px solid #6d5df629;border-top-color:#ffffff12;border-radius:28px;padding:28px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 32px #0b10208c,inset 0 1px #ffffff0a}[data-mode=beginner] .card:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#6d5df666,#00d4aa4d,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}[data-mode=beginner] .card:hover{background:#121a2dd9;border-color:#6d5df652;transform:translateY(-4px);box-shadow:0 16px 48px #0b1020a6,0 0 0 1px #6d5df61f,inset 0 1px #ffffff0f}[data-mode=beginner] .card-title{color:#eef0ff;letter-spacing:-.025em;margin-bottom:6px;font-size:16px;font-weight:800}[data-mode=beginner] .card-subtitle{color:#9da8cc;font-size:14px;line-height:1.6}[data-mode=beginner] .btn-primary{letter-spacing:-.01em;color:#fff;background:#6d5df6;border:none;border-radius:14px;padding:12px 24px;font-size:14px;font-weight:800;transition:all .18s;box-shadow:0 4px 20px #6d5df64d}[data-mode=beginner] .btn-primary:hover{background:#8577f8;transform:translateY(-2px);box-shadow:0 8px 28px #6d5df666}[data-mode=beginner] .btn-secondary{color:#9da8cc;background:#6d5df614;border:1px solid #6d5df640;border-radius:12px;font-weight:600}[data-mode=beginner] .btn-secondary:hover{color:#eef0ff;background:#6d5df61f;border-color:#6d5df666}[data-mode=beginner] .page-title{letter-spacing:-.035em;color:#eef0ff;font-size:clamp(26px,3.5vw,36px);font-weight:900;line-height:1.15}[data-mode=beginner] .page-subtitle{color:#9da8cc;margin-top:8px;font-size:16px;font-weight:400;line-height:1.65}[data-mode=beginner] .page-header{margin-bottom:32px}[data-mode=beginner] .content-area{padding:32px 32px 64px}[data-mode=beginner] .metric-card{background:#121a2d;border:1px solid #6d5df626;border-radius:20px;padding:20px 22px}[data-mode=beginner] .metric-value{letter-spacing:-.03em;color:#eef0ff;font-size:32px;font-weight:900}[data-mode=beginner] .metric-label{color:#9da8cc;text-transform:none;letter-spacing:0;font-size:12px;font-weight:600}[data-mode=beginner] .field-input,[data-mode=beginner] .field-textarea,[data-mode=beginner] .field-select{color:#eef0ff;background:#6d5df60f;border:1px solid #6d5df62e;border-radius:12px;padding:12px 16px;font-size:14px;transition:all .15s}[data-mode=beginner] .field-input:focus,[data-mode=beginner] .field-textarea:focus{border-color:#6d5df6;outline:none;box-shadow:0 0 0 3px #6d5df626}[data-mode=beginner] .field-label{color:#9da8cc;letter-spacing:.02em;margin-bottom:6px;font-size:12px;font-weight:700}[data-mode=beginner] .ai-live-dot{background:#00d4aa;box-shadow:0 0 10px #00d4aa80}[data-mode=beginner] .badge-accent{color:#6d5df6;background:#6d5df626;border:1px solid #6d5df640;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}[data-mode=beginner] .badge-success{color:#00c875;background:#00c8751f;border:1px solid #00c87540;border-radius:99px}[data-mode=advanced]{--bg-0:#0a0c10;--bg-1:#0e1118;--bg-2:#131820;--bg-3:#181e28;--bg-card:#0e1118;--bg-page:#0a0c10;--bg:#0a0c10;--surface-0:#ffffff06;--surface-1:#ffffff0a;--surface-2:#ffffff10;--surface-3:#ffffff16;--surface-hover:#ffffff0d;--surface:#ffffff0a;--border:#fff1;--border-strong:#ffffff1d;--border-accent:#14b8a64d;--border-teal:#14b8a640;--text:#dce4f0;--text-soft:#7a8498;--text-dim:#4a5268;--text-primary:#dce4f0;--text-muted:#7a8498;--text-accent:#14b8a6;--accent:#14b8a6;--accent-dim:#14b8a614;--accent-glow:#14b8a61f;--accent-hover:#0d9488;--accent-rgb:20,184,166;--teal:#22d3ee;--teal-dim:#22d3ee12;--teal-rgb:34,211,238;--success:#10b981;--success-dim:#10b98114;--success-rgb:16,185,129;--warning:#f59e0b;--warning-dim:#f59e0b14;--danger:#ef4444;--danger-dim:#ef444414;--r-xs:2px;--r-sm:5px;--r-md:8px;--r-lg:10px;--r-xl:12px;--r-2xl:14px;--r-pill:999px;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:14px;--spacing-lg:18px;--spacing-xl:24px;--shadow-xs:0 1px 2px #000c;--shadow-sm:0 2px 6px #000000d9;--shadow-md:0 4px 16px #000000e0;--shadow-lg:0 12px 36px #000000e6;--shadow-accent:0 2px 12px #14b8a61a;--shadow-teal:0 0 10px #22d3ee14;--sidebar-w:218px;--topbar-h:50px}.app-root[data-mode=advanced]{background:#0a0c10}.app-root[data-mode=advanced]:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(100% 100%,#0000 40%,#00000059 100%);position:fixed;top:0;bottom:0;left:0;right:0}.app-root[data-mode=advanced]:after{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:fixed;top:0;bottom:0;left:0;right:0}.app-root[data-mode=advanced] .content-area{background:#0a0c10;width:100%}[data-mode=advanced] .sidebar{background:#080a0f;border-right:1px solid #ffffff0f}[data-mode=advanced] .sidebar-logo-name{letter-spacing:0;color:#dce4f0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700}[data-mode=advanced] .sidebar-logo-sub{color:#14b8a6b3;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:600}[data-mode=advanced] .sidebar-section-label{letter-spacing:.14em;text-transform:uppercase;color:#fff3;border-top:1px solid #ffffff0a;margin-top:4px;padding:12px 10px 3px;font-size:9px;font-weight:700}[data-mode=advanced] .sidebar-section-label:first-of-type{border-top:none}[data-mode=advanced] .nav-link{color:#7a8498;letter-spacing:.01em;border-radius:4px;margin:1px 4px;padding:6px 10px;font-size:12px;font-weight:400;transition:all .1s}[data-mode=advanced] .nav-link:hover{color:#dce4f0;background:#ffffff0a}[data-mode=advanced] .nav-link.active{color:#dce4f0;background:#14b8a614;border-left:2px solid #14b8a6;border-radius:0 4px 4px 0;padding-left:8px;font-weight:600}[data-mode=advanced] .nav-link .nav-icon{color:#4a5268}[data-mode=advanced] .nav-link.active .nav-icon{color:#14b8a6}[data-mode=advanced] .topbar{background:#080a0f;border-bottom:1px solid #ffffff0e;height:50px}[data-mode=advanced] .topbar:after{background:linear-gradient(90deg,#0000 0%,#14b8a61f 50%,#0000 100%);height:1px;top:auto;bottom:0}[data-mode=advanced] .topbar-breadcrumb{color:#ffffff40;letter-spacing:.02em;font-size:11px}[data-mode=advanced] .topbar-breadcrumb-current{color:#dce4f0;font-size:11px;font-weight:600}[data-mode=advanced] .topbar-sep{color:#ffffff26}[data-mode=advanced] .card{background:#0e1118;border:1px solid #fff1;border-radius:8px;padding:14px 16px;transition:border-color .12s,background .12s;box-shadow:0 1px 4px #000c}[data-mode=advanced] .card:hover{background:#131820;border-color:#ffffff1a}[data-mode=advanced] .card-header{border-bottom:1px solid #ffffff0e;margin-bottom:10px;padding-bottom:10px}[data-mode=advanced] .card-title{text-transform:uppercase;letter-spacing:.1em;color:#4a5268;margin-bottom:0;font-size:10px;font-weight:700}[data-mode=advanced] .card-subtitle{color:#7a8498;font-size:11px}[data-mode=advanced] .metric-card{background:#0e1118;border:1px solid #fff1;border-top:2px solid #14b8a633;border-radius:6px;padding:10px 14px}[data-mode=advanced] .metric-value{letter-spacing:-.01em;color:#dce4f0;font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:24px;font-weight:600;line-height:1.1}[data-mode=advanced] .metric-label{text-transform:uppercase;letter-spacing:.1em;color:#4a5268;margin-top:3px;font-size:9px;font-weight:700}[data-mode=advanced] .metric-delta{font-family:ui-monospace,monospace;font-size:11px;font-weight:500}[data-mode=advanced] .btn-primary{box-shadow:none;color:#fff;letter-spacing:.02em;background:#14b8a6;border:none;border-radius:5px;padding:7px 16px;font-size:12px;font-weight:600;transition:all .12s}[data-mode=advanced] .btn-primary:hover{box-shadow:none;background:#0d9488}[data-mode=advanced] .btn-secondary{color:#7a8498;letter-spacing:.01em;background:0 0;border:1px solid #ffffff17;border-radius:4px;padding:5px 12px;font-size:11px;font-weight:500}[data-mode=advanced] .btn-secondary:hover{color:#dce4f0;background:#ffffff0a;border-color:#ffffff26}[data-mode=advanced] .btn-sm{border-radius:4px;padding:4px 10px;font-size:11px}[data-mode=advanced] .page-title{letter-spacing:-.02em;color:#dce4f0;font-size:clamp(15px,1.6vw,20px);font-weight:700;line-height:1.2}[data-mode=advanced] .page-subtitle{color:#7a8498;margin-top:3px;font-size:12px;line-height:1.45}[data-mode=advanced] .page-header{border-bottom:1px solid #ffffff0e;margin-bottom:16px;padding-bottom:12px}[data-mode=advanced] .content-area{padding:16px 20px 40px}[data-mode=advanced] .field-input,[data-mode=advanced] .field-textarea,[data-mode=advanced] .field-select{color:#dce4f0;background:#ffffff06;border:1px solid #ffffff14;border-radius:5px;padding:7px 11px;font-size:12.5px;transition:border-color .12s}[data-mode=advanced] .field-input:focus,[data-mode=advanced] .field-textarea:focus{border-color:#14b8a673;outline:none;box-shadow:0 0 0 2px #14b8a614}[data-mode=advanced] .field-label{color:#4a5268;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:10px;font-weight:600}[data-mode=advanced] .ai-live-dot{background:#10b981;box-shadow:0 0 4px #10b98166}[data-mode=advanced] table th{text-transform:uppercase;letter-spacing:.1em;color:#4a5268;white-space:nowrap;border-bottom:1px solid #ffffff12;padding:7px 10px;font-family:ui-monospace,monospace;font-size:9px;font-weight:700}[data-mode=advanced] table td{color:#7a8498;border-bottom:1px solid #ffffff09;padding:7px 10px;font-size:12px}[data-mode=advanced] table tr:hover td{color:#dce4f0;background:#ffffff05}[data-mode=advanced] .badge-accent{color:#14b8a6d9;text-transform:uppercase;letter-spacing:.07em;background:#14b8a617;border:1px solid #14b8a62e;border-radius:3px;padding:2px 7px;font-family:ui-monospace,monospace;font-size:9px;font-weight:700}[data-mode=advanced] .badge-success{color:#10b981;text-transform:uppercase;letter-spacing:.06em;background:#10b98114;border:1px solid #10b9812e;border-radius:3px;padding:2px 7px;font-size:9px;font-weight:700}[data-mode=advanced] .badge-danger{color:#ef4444;background:#ef444414;border:1px solid #ef44442e;border-radius:3px}[data-mode=advanced] .status-pill{text-transform:uppercase;letter-spacing:.06em;border-radius:3px;align-items:center;gap:5px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:10px;font-weight:600;display:inline-flex}[data-mode=advanced] ::-webkit-scrollbar{width:4px;height:4px}[data-mode=advanced] ::-webkit-scrollbar-track{background:0 0}[data-mode=advanced] ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}[data-mode=advanced] ::-webkit-scrollbar-thumb:hover{background:#ffffff2e}[data-mode=beginner] .page-enter{animation:.45s cubic-bezier(.4,0,.2,1) both beginner-page-enter}@keyframes beginner-page-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}[data-mode=beginner] .page-stagger>:first-child{animation:.4s cubic-bezier(.34,1.56,.64,1) 50ms both beginner-card-in}[data-mode=beginner] .page-stagger>:nth-child(2){animation:.4s cubic-bezier(.34,1.56,.64,1) .12s both beginner-card-in}[data-mode=beginner] .page-stagger>:nth-child(3){animation:.4s cubic-bezier(.34,1.56,.64,1) .19s both beginner-card-in}[data-mode=beginner] .page-stagger>:nth-child(4){animation:.4s cubic-bezier(.34,1.56,.64,1) .26s both beginner-card-in}[data-mode=beginner] .page-stagger>:nth-child(5){animation:.4s cubic-bezier(.34,1.56,.64,1) .32s both beginner-card-in}[data-mode=beginner] .page-stagger>:nth-child(6){animation:.4s cubic-bezier(.34,1.56,.64,1) .38s both beginner-card-in}@keyframes beginner-card-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}[data-mode=beginner] .celebrate-bounce{animation:.6s cubic-bezier(.34,1.56,.64,1) both celebrate}@keyframes celebrate{0%{opacity:0;transform:scale(.8)translateY(10px)}60%{opacity:1;transform:scale(1.05)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}[data-mode=beginner] .stat-number{animation:.8s cubic-bezier(.34,1.2,.64,1) both stat-appear;display:inline-block}@keyframes stat-appear{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}[data-mode=beginner] .ambient-orb{filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;animation:8s ease-in-out infinite orb-float;position:absolute}@keyframes orb-float{0%,to{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:.8;transform:translateY(-20px)scale(1.1)}}[data-mode=beginner] .ai-thinking-dots span{background:#6d5df6;border-radius:50%;width:6px;height:6px;margin:0 2px;animation:1.4s ease-in-out infinite both dot-bounce;display:inline-block}[data-mode=beginner] .ai-thinking-dots span:nth-child(2){animation-delay:.2s}[data-mode=beginner] .ai-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}[data-mode=advanced] .page-enter{animation:.22s ease-out both adv-enter}@keyframes adv-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-mode=advanced] .data-scan:after{content:"";background:linear-gradient(90deg,#0000,#00e5ff0f,#0000);width:60px;height:100%;animation:3s ease-in-out infinite adv-scan;position:absolute;top:0;left:0}@keyframes adv-scan{0%{transform:translate(-60px)}to{transform:translate(calc(100% + 60px))}}[data-mode=advanced] .terminal-cursor:after{content:"▮";color:#6d5df6;animation:1s step-end infinite terminal-blink}@keyframes terminal-blink{0%,to{opacity:1}50%{opacity:0}}[data-mode=advanced] .status-live{position:relative}[data-mode=advanced] .status-live:before{content:"";opacity:.3;background:#00c875;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite adv-ping;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}@keyframes adv-ping{75%,to{opacity:0;transform:scale(2.2)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #facc1500}50%{box-shadow:0 0 0 4px #facc1526,0 0 24px #facc1514}}@keyframes oc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes page-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes count-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes gradientSlide{0%{background-position:0%}to{background-position:200%}}@keyframes uvora-slide-right{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}[data-theme=light] body:before{opacity:.3}[data-theme=light] body:after{display:none}[data-theme=light] .sidebar{background:#fffffff7;border-color:#00000014}[data-theme=light] .topbar{background:#fffffff2;border-bottom-color:#00000014}[data-theme=light] .topbar-breadcrumb{color:#0000008c}[data-theme=light] .topbar-breadcrumb-current{color:#0d1117;font-weight:700}[data-theme=light] .topbar-sep{color:#0000004d}[data-theme=light] .topbar:after{background:linear-gradient(90deg,#0000 0%,#d9770640 30%,#2dd4bf26 70%,#0000 100%)}[data-theme=light] .nav-link{color:#000000a6}[data-theme=light] .nav-link:hover{color:#0d1117;background:#0000000d}[data-theme=light] .nav-link.active{color:var(--accent);background:var(--accent-dim)}[data-theme=light] .sidebar-section-label{color:#00000061}[data-theme=light] .sidebar-logo-name{color:#0d1117}[data-theme=light] .sidebar-logo-sub{color:#00000073}[data-theme=light] .sidebar-group-btn{color:#0000008c}[data-theme=light] .sidebar-group-btn:hover{color:#0d1117;background:#0000000d}[data-theme=light] .topbar-workspace-pill{color:#000000b3;background:#0000000d;border-color:#0000001a}[data-theme=light] .topbar-actions button{color:#0009!important}[data-theme=light] .topbar-actions button:hover{color:#000000e6!important;background:#0000000f!important}[data-theme=light] .topbar-actions svg{stroke:#0009}[data-theme=light] .topbar-actions button:hover svg{stroke:#000000e6}[data-theme=light] .card{background:#fff;border-color:#00000014}[data-theme=light] .input{color:#0d1117;background:#f8f9fa;border-color:#0000001f}[data-theme=light] .input::placeholder{color:#00000059}[data-theme=light] .content-area{background:#f4f6fb}[data-theme=light] .btn:not(.btn-primary){color:#0d1117;background:#0000000f;border-color:#0000001f}[data-theme=light] .btn:not(.btn-primary):hover{background:#0000001a}[data-theme=light] .topbar-workspace-dot{background:#6c63ff}[data-theme=light] select,[data-theme=light] textarea{color:#0d1117;background:#f8f9fa;border-color:#0000001f}[data-theme=light] .content-area input,[data-theme=light] .content-area textarea{color:#0d1117!important;background:#f8f9fa!important;border-color:#0000001f!important}[data-theme=light] .content-area input::placeholder,[data-theme=light] .content-area textarea::placeholder{color:#00000061!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:14px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}.skip-link{z-index:9999;background:var(--accent);color:#09100a;border-radius:var(--r-sm);transition:top var(--t-fast);padding:8px 16px;font-size:13px;font-weight:700;position:absolute;top:-100%;left:8px}.skip-link:focus{top:8px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 10% -5%,#facc150e 0%,#0000 60%),radial-gradient(55% 65% at 90% 105%,#2dd4bf0a 0%,#0000 60%),radial-gradient(40% 40%,#6366f105 0%,#0000 70%);position:fixed;top:0;bottom:0;left:0;right:0}body:after{content:"";pointer-events:none;z-index:0;opacity:.35;background-image:radial-gradient(circle,#ffffff0e 1px,#0000 1px);background-size:28px 28px;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(90% 90%,#000 20%,#0000 75%);mask-image:radial-gradient(90% 90%,#000 20%,#0000 75%)}.app-root{z-index:1;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(24px);background:#07090ff7;flex-direction:column;flex-shrink:0;padding:0;display:flex;position:relative;overflow:hidden}.sidebar:after{content:"";background:linear-gradient(to bottom, transparent 0%, rgba(var(--accent-rgb),.12) 25%, rgba(var(--teal-rgb),.08) 65%, transparent 100%);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;right:0}.sidebar-nav::-webkit-scrollbar{width:0}.sidebar-logo{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:18px 16px 16px;display:flex}.sidebar-logo-mark{background:linear-gradient(135deg, var(--accent) 0%, #f59e0b 100%);border-radius:var(--r-sm);width:34px;height:34px;box-shadow:0 0 20px rgba(var(--accent-rgb),.4), 0 2px 8px #00000080;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-mark svg{color:#09100a;width:18px;height:18px}.sidebar-logo-text{flex-direction:column;line-height:1.2;display:flex}.sidebar-logo-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;font-size:15px;font-weight:800}.sidebar-logo-sub{color:var(--text-dim);letter-spacing:.09em;text-transform:uppercase;font-size:9.5px;font-weight:600}.sidebar-close-btn{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:1px;min-height:0;padding:10px 10px 6px;display:flex;overflow:hidden auto}.sidebar-section-label{letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim);padding:14px 8px 5px;font-size:9.5px;font-weight:700}.nav-link{border-radius:var(--r-sm);color:var(--text-soft);transition:background var(--t-base), color var(--t-base);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:9px;padding:7.5px 9px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-link:hover{color:var(--text);background:var(--surface-hover)}.nav-link.active{color:var(--accent);background:var(--accent-dim);font-weight:600}.nav-link.active:before{content:"";background:linear-gradient(to bottom, var(--accent), #f59e0b);width:3px;height:55%;box-shadow:0 0 10px rgba(var(--accent-rgb),.55);border-radius:0 3px 3px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-link .nav-icon{opacity:.5;width:16px;height:16px;color:inherit;transition:opacity var(--t-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-link .nav-icon svg{stroke:currentColor;width:100%;height:100%;display:block}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{opacity:1}.nav-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-badge{background:var(--surface-2);border-radius:var(--r-pill);color:var(--text-dim);letter-spacing:.03em;flex-shrink:0;margin-left:auto;padding:1px 5px;font-size:9px;font-weight:700}.nav-badge.new,.nav-badge.soon{background:rgba(var(--teal-rgb),.12);color:var(--teal);border:1px solid rgba(var(--teal-rgb),.25)}.nav-badge.pro{background:var(--accent-dim);color:var(--accent);border:1px solid var(--border-accent)}.sidebar-group{margin-top:2px}.sidebar-group-btn{border-radius:var(--r-sm);width:100%;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--t-base), color var(--t-base);-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:9px;padding:7px 9px;font-family:inherit;font-size:11px;font-weight:700;display:flex}.sidebar-group-btn:hover{color:var(--text-soft);background:var(--surface-hover)}.sidebar-group-icon{opacity:.5;width:13px;height:13px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-group-icon svg,.sidebar-group-chevron svg{stroke:currentColor;width:100%;height:100%;display:block}.sidebar-group-label{text-align:left;flex:1}.sidebar-group-chevron{opacity:.4;width:12px;height:12px;transition:transform var(--t-base);color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-group.open .sidebar-group-chevron{opacity:.65;transform:rotate(180deg)}.sidebar-group.open .sidebar-group-btn{color:var(--text-soft)}.sidebar-group.open .sidebar-group-icon{opacity:.75}.sidebar-group-items{transition:grid-template-rows var(--t-slow);grid-template-rows:0fr;display:grid;overflow:hidden}.sidebar-group.open .sidebar-group-items{grid-template-rows:1fr}.sidebar-group-items>div{min-height:0;padding-bottom:2px;overflow:hidden}.sidebar-group-items .nav-link{padding-left:16px;font-size:12.5px}.sidebar-group-items .nav-link:before{left:1px}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:10px 10px 14px}.sidebar-ws-switcher{margin-bottom:2px;padding:6px 2px 10px}.sidebar-ws-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;font-size:9px;font-weight:700}.sidebar-ws-select{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);cursor:pointer;transition:border-color var(--t-base);outline:none;padding:5px 8px;font-size:11.5px;font-weight:600}.sidebar-ws-select:hover{border-color:var(--border-strong)}.sidebar-ws-select:focus{border-color:var(--border-accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.1)}.sidebar-user{border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-base);align-items:center;gap:9px;padding:7px 8px;display:flex}.sidebar-user:hover{background:var(--surface-1)}.sidebar-avatar{border-radius:var(--r-pill);background:linear-gradient(135deg, rgba(var(--accent-rgb),.18), rgba(var(--teal-rgb),.12));border:1px solid var(--border-accent);width:30px;height:30px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-dim);font-size:10.5px}.sidebar-logout-icon{width:14px;height:14px;color:var(--text-dim);opacity:.5;transition:opacity var(--t-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logout-icon svg{stroke:currentColor;width:100%;height:100%;display:block}.sidebar-user:hover .sidebar-logout-icon{opacity:.85}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(24px);z-index:10;background:#080a10e0;flex-shrink:0;align-items:center;gap:12px;padding:0 24px;display:flex;position:relative}.topbar:after{content:"";background:linear-gradient(90deg, transparent 0%, rgba(var(--accent-rgb),.35) 30%, rgba(var(--teal-rgb),.25) 70%, transparent 100%);pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.topbar-breadcrumb{color:var(--text-dim);align-items:center;gap:6px;font-size:13px;display:flex}.topbar-breadcrumb-current{color:var(--text);font-weight:500}.topbar-sep{color:var(--text-dim);opacity:.4}.topbar-spacer{flex:1}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-workspace-pill{border-radius:var(--r-pill);background:var(--surface-1);border:1px solid var(--border);color:var(--text-soft);align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:flex}.topbar-workspace-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 6px rgba(var(--success-rgb),.7);border-radius:50%}.content-area{background:var(--bg-0);flex:1;width:0;min-width:0;padding:28px 28px 48px;overflow:hidden auto}.app-root[data-mode=beginner] .content-area{background:#0c0a1a radial-gradient(60% 40% at 70% 20%,#c084fc0d 0%,#0000 50%)}.app-root[data-mode=advanced] .content-area{background:#060810}[data-theme=light] .app-root[data-mode=beginner] .content-area,[data-theme=light] .app-root[data-mode=advanced] .content-area,[data-theme=light] .content-area{background:#f0f2f8!important}.content-area::-webkit-scrollbar{width:5px}.content-area::-webkit-scrollbar-track{background:0 0}.content-area::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill)}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex;position:relative}.page-header:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);width:120px;height:1px;position:absolute;bottom:-1px;left:0}.page-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.03em;font-size:22px;font-weight:800;line-height:1.2}.page-subtitle{color:var(--text-soft);max-width:520px;margin-top:4px;font-size:13px}.page-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn{border-radius:var(--r-sm);letter-spacing:.01em;transition:all var(--t-base);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--t-fast);pointer-events:none;background:#fff0;position:absolute;top:0;bottom:0;left:0;right:0}.btn:active:after{background:#ffffff0f}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, #f59e0b 100%);color:#08110a;box-shadow:0 0 20px rgba(var(--accent-rgb),.22), 0 1px 4px #0000004d}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 100%);box-shadow:0 0 32px rgba(var(--accent-rgb),.38), 0 4px 12px #00000059;transform:translateY(-1px)}.btn-primary:active{box-shadow:0 0 16px rgba(var(--accent-rgb),.2);transform:translateY(0)}.btn-secondary{background:var(--surface-1);color:var(--text);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--surface-2);box-shadow:var(--shadow-sm);border-color:#fff3}.btn-ghost{color:var(--text-soft)}.btn-ghost:hover{color:var(--text);background:var(--surface-1)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid #f8717133}.btn-danger:hover{background:#f8717138;border-color:#f8717159}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:11px 22px;font-size:14px}.btn-icon{border-radius:var(--r-sm);width:36px;height:36px;padding:0}.btn-icon.btn-sm{width:28px;height:28px}.btn svg{flex-shrink:0;width:15px;height:15px}.card{border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(12px);transition:border-color var(--t-base), box-shadow var(--t-base), transform var(--t-base);background:linear-gradient(145deg,#ffffff10 0%,#ffffff08 100%);padding:20px;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000047,inset 0 1px #ffffff0f}.card:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 6px 24px #00000061,inset 0 1px #ffffff14}.card-sm{padding:14px 16px}.card-lg{padding:28px}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-title{color:var(--text);letter-spacing:-.01em;font-size:13px;font-weight:600}.card-subtitle{color:var(--text-dim);margin-top:2px;font-size:12px}.card-accent-left:before{content:"";background:linear-gradient(to bottom, var(--accent), #f59e0b);border-radius:var(--r-lg) 0 0 var(--r-lg);width:3px;box-shadow:0 0 14px rgba(var(--accent-rgb),.45);position:absolute;top:0;bottom:0;left:0}.card-premium{background:linear-gradient(145deg, rgba(var(--accent-rgb),.08) 0%, #ffffff09 100%);border-color:rgba(var(--accent-rgb),.35);box-shadow:0 2px 12px #00000047, 0 0 0 1px rgba(var(--accent-rgb),.08), inset 0 1px 0 #ffffff14}.card-premium:hover{box-shadow:0 8px 32px rgba(var(--accent-rgb),.15), 0 0 0 1px rgba(var(--accent-rgb),.15), inset 0 1px 0 #ffffff1a;border-color:rgba(var(--accent-rgb),.5)}.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(12px);transition:border-color var(--t-base), box-shadow var(--t-base), transform var(--t-base);background:linear-gradient(145deg,#ffffff12 0%,#ffffff08 100%);flex-direction:column;gap:6px;padding:18px 20px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000047,inset 0 1px #ffffff12}.metric-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 6px 24px #00000059,inset 0 1px #ffffff1a}.metric-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 70%);opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.metric-label{color:var(--text-soft);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:700}.metric-value{font-family:var(--font-display);color:var(--text);letter-spacing:-.04em;font-size:30px;font-weight:800;line-height:1}.metric-value.accent{color:var(--accent)}.metric-value.teal{color:var(--teal)}.metric-value.success{color:var(--success)}.metric-card:has(.metric-value.accent):before{background:linear-gradient(90deg, var(--accent), transparent 70%);opacity:.7}.metric-card:has(.metric-value.teal):before{background:linear-gradient(90deg, var(--teal), transparent 70%);opacity:.6}.metric-card:has(.metric-value.success):before{background:linear-gradient(90deg, var(--success), transparent 70%);opacity:.5}.metric-delta{color:var(--text-dim);margin-top:2px;font-size:11px}.metric-delta.up{color:var(--success)}.metric-delta.down{color:var(--danger)}.data-grid{gap:14px;display:grid}.data-grid-2{grid-template-columns:1fr 1fr}.data-grid-3{grid-template-columns:1fr 1fr 1fr}.data-grid-65{grid-template-columns:1fr .6fr}.list-item{border-radius:var(--r-md);border:1px solid var(--border);transition:all var(--t-base);cursor:default;background:linear-gradient(135deg,#ffffff0b 0%,#ffffff05 100%);align-items:center;gap:12px;padding:11px 14px;display:flex;box-shadow:0 1px 6px #0003}.list-item:hover{border-color:var(--border-strong);background:#ffffff12;transform:translate(2px);box-shadow:0 4px 16px #00000052}.list-item+.list-item{margin-top:5px}.list-item-icon{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.list-item-icon.accent-bg{background:var(--accent-dim);color:var(--accent)}.list-item-icon.teal-bg{background:var(--teal-dim);color:var(--teal)}.list-item-icon.success-bg{background:var(--success-dim);color:var(--success)}.list-item-icon svg{width:16px;height:16px}.list-item-content{flex:1;min-width:0}.list-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.list-item-meta{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11.5px;overflow:hidden}.list-item-right{text-align:right;flex-shrink:0}.badge{border-radius:var(--r-pill);letter-spacing:.02em;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-default{background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border)}.badge-accent{background:var(--accent-dim);color:var(--accent);border:1px solid var(--border-accent)}.badge-teal{background:var(--teal-dim);color:var(--teal)}.badge-success{background:var(--success-dim);color:var(--success)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.form-group{flex-direction:column;gap:6px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-label{color:var(--text-soft);letter-spacing:.02em;font-size:12px;font-weight:600}.field-input,.field-textarea,.field-select{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);transition:border-color var(--t-base), box-shadow var(--t-base), background var(--t-base);-webkit-appearance:none;appearance:none;outline:none;padding:9px 12px;font-size:13.5px}.field-input::placeholder,.field-textarea::placeholder{color:var(--text-dim)}.field-input:hover,.field-textarea:hover,.field-select:hover{border-color:var(--border-strong)}.field-input:focus,.field-textarea:focus,.field-select:focus{border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.028);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.09)}.field-textarea{resize:vertical;min-height:80px;line-height:1.5}.select-wrap{position:relative}.select-wrap:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--text-dim);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.select-wrap .field-select{cursor:pointer;padding-right:32px}.field-hint{color:var(--text-dim);font-size:11px}.field-error{color:var(--danger);font-size:11px}.score-bar{background:var(--surface-2);border-radius:var(--r-pill);height:4px;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg, var(--accent) 0%, var(--teal) 100%);border-radius:var(--r-pill);height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.tabs{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-md);gap:3px;width:-moz-fit-content;width:fit-content;padding:4px;display:flex}.tab{border-radius:var(--r-sm);color:var(--text-dim);transition:all var(--t-base);cursor:pointer;white-space:nowrap;padding:6px 14px;font-size:12.5px;font-weight:500}.tab:hover{color:var(--text);background:var(--surface-hover)}.tab.active{background:linear-gradient(135deg, rgba(var(--accent-rgb),.14), rgba(var(--accent-rgb),.08));color:var(--accent);font-weight:600;box-shadow:0 1px 4px #0003}.empty-state-icon{border-radius:var(--r-lg);background:var(--surface-1);border:1px solid var(--border);width:48px;height:48px;color:var(--text-dim);justify-content:center;align-items:center;display:flex}.empty-state-icon svg{width:22px;height:22px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite spin}.spinner-lg{border-width:3px;width:28px;height:28px}.loading-overlay{color:var(--text-dim);justify-content:center;align-items:center;gap:10px;padding:32px;font-size:13px;display:flex}.skeleton{background:linear-gradient(90deg, var(--surface-1) 25%, var(--surface-2) 50%, var(--surface-1) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.6s infinite shimmer}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.alert{border-radius:var(--r-sm);align-items:center;gap:10px;padding:10px 14px;font-size:13px;line-height:1.4;display:flex}.alert-error{background:var(--danger-dim);color:var(--danger);border:1px solid #f8717138}.alert-success{background:var(--success-dim);color:var(--success);border:1px solid #22c55e38}.alert-info{background:var(--accent-dim);border:1px solid var(--border-accent);color:var(--accent)}.alert-warning{background:var(--warning-dim);color:var(--warning);border:1px solid #fb923c38}.code-block{font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-soft);white-space:pre-wrap;word-break:break-word;background:#00000059;padding:14px;font-size:12px;line-height:1.7;overflow-x:auto}.stack{flex-direction:column;gap:14px;display:flex}.stack-sm{gap:8px}.stack-lg{gap:20px}.dashboard-top{border-radius:var(--r-xl);background:linear-gradient(135deg,#facc150d 0%,#2dd4bf06 60%,#0000 100%);border:1px solid #facc151f;margin-bottom:28px;padding:24px 28px;position:relative;overflow:hidden}.dashboard-top:before{content:"";background:linear-gradient(90deg, var(--accent), rgba(var(--teal-rgb),.6) 50%, transparent 100%);height:2px;position:absolute;top:0;left:0;right:0}.dashboard-welcome{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;opacity:.8;margin-bottom:6px;font-size:11px;font-weight:700}.dashboard-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.04em;font-size:28px;font-weight:800;line-height:1.15}.dashboard-title span{color:var(--accent)}.generator-layout{grid-template-columns:380px 1fr;align-items:start;gap:20px;display:grid}.generator-form-stack,.generator-form-card{flex-direction:column;gap:14px;display:flex}.provider-indicator{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-dim);align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.provider-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 6px rgba(var(--success-rgb),.7);border-radius:50%}.output-section{flex-direction:column;gap:12px;display:flex}.output-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.output-section-title:after{content:"";background:var(--border);flex:1;height:1px}.output-field{flex-direction:column;gap:4px;display:flex}.output-field-label{color:var(--text-dim);letter-spacing:.04em;font-size:11px;font-weight:600}.output-field-value{color:var(--text);font-size:14px;line-height:1.5}.output-field-value.headline{font-family:var(--font-display);color:var(--text);font-size:17px;font-weight:700}.output-field-value.accent{color:var(--accent)}.star-rating{gap:4px;display:flex}.star{cursor:pointer;color:var(--border-strong);transition:color var(--t-fast), transform var(--t-fast);font-size:20px;line-height:1}.star:hover,.star.active{color:var(--accent)}.star:hover{transform:scale(1.15)}.feedback-pills{gap:8px;display:flex}.feedback-pill{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-0);color:var(--text-soft);cursor:pointer;transition:all var(--t-base);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.feedback-pill:hover{border-color:var(--border-strong);color:var(--text)}.feedback-pill.useful.active{background:var(--success-dim);color:var(--success);border-color:#22c55e4d}.feedback-pill.useless.active{background:var(--danger-dim);color:var(--danger);border-color:#f871714d}.leads-layout{grid-template-columns:1fr 360px;align-items:start;gap:20px;display:grid}.leads-filters{align-items:center;gap:8px;margin-bottom:14px;display:flex}.leads-search-wrap{flex:1;position:relative}.leads-search-icon{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.leads-search-icon svg{width:14px;height:14px}.leads-search-wrap .field-input{padding-left:32px}.pipeline-tabs{gap:4px;display:flex;overflow-x:auto}.pipeline-tab{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-0);color:var(--text-dim);cursor:pointer;transition:all var(--t-base);white-space:nowrap;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.pipeline-tab:hover{color:var(--text);border-color:var(--border-strong)}.pipeline-tab.active{background:var(--accent-dim);border-color:var(--border-accent);color:var(--accent)}.lead-row{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-0);cursor:pointer;transition:all var(--t-base);align-items:center;gap:12px;padding:10px 14px;display:flex}.lead-row+.lead-row{margin-top:5px}.lead-row:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translate(2px)}.lead-row.selected{background:var(--accent-dim);border-color:var(--border-accent)}.lead-initials{border-radius:var(--r-sm);background:var(--surface-2);width:34px;height:34px;color:var(--text-soft);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.lead-info{flex:1;min-width:0}.lead-name{color:var(--text);font-size:13px;font-weight:600}.lead-company{color:var(--text-dim);font-size:11.5px}.lead-score-badge{font-family:var(--font-mono);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-soft);flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:500}.lead-detail{flex-direction:column;gap:14px;display:flex;position:sticky;top:0}.lead-detail-header{align-items:flex-start;gap:12px;display:flex}.lead-avatar-lg{border-radius:var(--r-md);background:var(--accent-dim);border:1px solid var(--border-accent);width:44px;height:44px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.rule-chip{border-radius:var(--r-sm);background:var(--surface-0);border:1px solid var(--border);color:var(--text-soft);align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.4;display:flex}.rule-chip+.rule-chip{margin-top:6px}.rule-chip-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent-glow);border-radius:50%;flex-shrink:0;margin-top:5px}.login-root{min-height:100vh;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative}.login-card{border:1px solid var(--border-strong);border-radius:var(--r-xl);z-index:1;-webkit-backdrop-filter:blur(16px);width:100%;max-width:400px;box-shadow:var(--shadow-lg), 0 0 80px rgba(var(--accent-rgb),.04);background:linear-gradient(145deg,#ffffff0b,#ffffff05);padding:36px;position:relative}.login-logo{align-items:center;gap:10px;margin-bottom:28px;display:flex}.login-logo-mark{background:linear-gradient(135deg, var(--accent), #f59e0b);border-radius:var(--r-sm);width:36px;height:36px;box-shadow:0 0 24px rgba(var(--accent-rgb),.35);justify-content:center;align-items:center;display:flex}.login-logo-mark svg{color:#09100a;width:20px;height:20px}.login-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:20px;font-weight:800}.login-subtitle{color:var(--text-dim);margin-bottom:24px;font-size:13px}.login-form{flex-direction:column;gap:14px;display:flex}.landing-root{min-height:100vh;position:relative;overflow-x:hidden}.landing-nav{z-index:50;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#080a10e0;justify-content:space-between;align-items:center;padding:16px 48px;display:flex;position:sticky;top:0}.landing-brand{align-items:center;gap:10px;display:flex}.landing-brand-mark{background:linear-gradient(135deg, var(--accent), #f59e0b);border-radius:var(--r-sm);width:32px;height:32px;box-shadow:0 0 18px rgba(var(--accent-rgb),.32);justify-content:center;align-items:center;display:flex}.landing-brand-mark svg{color:#09100a;width:18px;height:18px}.landing-brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:17px;font-weight:800}.landing-nav-links{align-items:center;gap:6px;display:flex}.landing-hero{text-align:center;max-width:900px;margin:0 auto;padding:96px 48px 76px;position:relative}.landing-eyebrow{background:var(--accent-dim);border:1px solid var(--border-accent);border-radius:var(--r-pill);color:var(--accent);letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:24px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.landing-hero-title{font-family:var(--font-display);letter-spacing:-.05em;color:var(--text);margin-bottom:20px;font-size:56px;font-weight:800;line-height:1.05}.landing-hero-title span{color:var(--accent)}.landing-hero-sub{color:var(--text-soft);max-width:580px;margin:0 auto 36px;font-size:17px;line-height:1.6}.landing-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:64px;display:flex}.landing-btn-primary{background:linear-gradient(135deg, var(--accent), #f59e0b);color:#08110a;border-radius:var(--r-md);transition:all var(--t-base);box-shadow:0 0 28px rgba(var(--accent-rgb),.28), 0 2px 8px #0000004d;align-items:center;gap:8px;padding:13px 28px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.landing-btn-primary:hover{box-shadow:0 0 44px rgba(var(--accent-rgb),.45), 0 4px 16px #00000059;transform:translateY(-1px)}.landing-btn-secondary{background:var(--surface-1);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--r-md);transition:all var(--t-base);align-items:center;gap:8px;padding:13px 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.landing-btn-secondary:hover{background:var(--surface-2);box-shadow:var(--shadow-sm)}.landing-features{grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto;padding:0 48px 80px;display:grid}.landing-feature-card{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-lg);transition:all var(--t-slow);padding:24px}.landing-feature-card:hover{border-color:var(--border-strong);background:var(--surface-1);box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-feature-icon{border-radius:var(--r-sm);background:var(--accent-dim);width:40px;height:40px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.landing-feature-icon svg{width:20px;height:20px}.landing-feature-title{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:700}.landing-feature-desc{color:var(--text-soft);font-size:13px;line-height:1.5}.placeholder-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.placeholder-icon{border-radius:var(--r-xl);background:var(--surface-1);border:1px solid var(--border);width:64px;height:64px;color:var(--text-dim);justify-content:center;align-items:center;display:flex}.placeholder-icon svg{width:28px;height:28px}.placeholder-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.03em;font-size:20px;font-weight:800}.placeholder-desc{color:var(--text-dim);max-width:360px;font-size:13.5px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-in{animation:.3s forwards fadeInUp}.animate-fade{animation:.25s forwards fadeIn}.animate-left{animation:.28s forwards slideInLeft}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.3s}.delay-6{animation-delay:.36s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.text-accent{color:var(--accent)}.text-teal{color:var(--teal)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-dim{color:var(--text-dim)}.text-soft{color:var(--text-soft)}.text-sm{font-size:12px}.text-xs{font-size:11px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.w-full{width:100%}.ml-auto{margin-left:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scroll-panel{max-height:420px;overflow-y:auto}.scroll-panel::-webkit-scrollbar{width:4px}.scroll-panel::-webkit-scrollbar-track{background:0 0}.scroll-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-pill)}option{color:#edf0f9;background-color:#0f131e}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.prose{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.8}.prose strong{color:var(--text);font-weight:700}.prose em{color:var(--text-soft);font-style:italic}.card-accent{border-color:var(--border-accent);background:linear-gradient(145deg,#facc150a,#ffffff07);box-shadow:0 2px 12px #00000047,0 0 0 1px #facc151a,inset 0 1px #ffffff0f}.card-glow{box-shadow:0 0 0 1px #facc1526,0 4px 20px #facc1514,0 2px 12px #00000047}.card-teal{border-color:var(--border-teal);background:linear-gradient(145deg,#2dd4bf0a,#ffffff07)}.empty-state{text-align:center;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state-icon{border-radius:var(--r-lg);background:var(--surface-1);border:1px solid var(--border);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;font-size:22px;display:flex}.empty-state-desc{max-width:320px;font-size:13px;line-height:1.6}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot-success{background:var(--success);box-shadow:0 0 6px #22c55e80}.dot-warning{background:var(--warning);box-shadow:0 0 6px #fb923c80}.dot-danger{background:var(--danger);box-shadow:0 0 6px #f8717180}.dot-accent{background:var(--accent);box-shadow:0 0 6px #facc1580}.dot-dim{background:var(--text-dim)}.divider{background:var(--border);height:1px;margin:16px 0}.gradient-text{background:linear-gradient(135deg, var(--accent) 0%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.alert{border-radius:var(--r-md);border:1px solid;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.alert-info{background:rgba(var(--teal-rgb),.08);border-color:rgba(var(--teal-rgb),.22);color:var(--teal)}.alert-success{background:var(--success-dim);color:var(--success);border-color:#22c55e40}.alert-warning{background:var(--warning-dim);color:var(--warning);border-color:#fb923c40}.alert-error{background:var(--danger-dim);color:var(--danger);border-color:#f8717140}.alert-accent{background:var(--accent-dim);border-color:var(--border-accent);color:var(--accent)}.code-block{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-mono);color:var(--text-soft);white-space:pre;padding:16px;font-size:12.5px;line-height:1.7;overflow-x:auto}.tag{border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border);transition:all var(--t-base);cursor:default;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.tag:hover{border-color:var(--border-strong);color:var(--text)}.tag-accent{background:var(--accent-dim);color:var(--accent);border-color:var(--border-accent)}.tag-teal{background:var(--teal-dim);color:var(--teal);border-color:var(--border-teal)}.tag-success{background:var(--success-dim);color:var(--success)}.tag-danger{background:var(--danger-dim);color:var(--danger)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.dash-os-layout{align-items:flex-start;gap:24px;display:flex}.dash-charts-row{align-items:stretch;gap:20px;margin-bottom:16px;display:flex}.dash-chart-main{flex:0 0 60%;min-width:0}.dash-chart-side{flex:0 0 40%;min-width:0}.metrics-grid-5{grid-template-columns:repeat(5,1fr)!important}.dash-live-sidebar{flex-shrink:0;width:300px}.ai-sidebar{display:block}@media (max-width:1100px){.ai-sidebar{display:none}.dash-os-layout{gap:0}.dash-live-sidebar{display:none}}@media (max-width:900px){.dash-charts-row{flex-direction:column}.dash-chart-main,.dash-chart-side{flex:none;width:100%}.metrics-grid-5{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){.dash-os-layout{flex-direction:column;gap:0}.dash-charts-row{flex-direction:column;gap:12px}.dash-chart-main,.dash-chart-side{flex:none;width:100%}.metrics-grid-5{grid-template-columns:repeat(2,1fr)!important}.dash-live-sidebar{display:none}:root{--sidebar-w:0px;--topbar-h:52px}.app-root{flex-direction:column;height:100dvh}.sidebar{z-index:600;flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:8px 0 32px #00000080;width:280px!important}.sidebar .sidebar-nav{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.sidebar .sidebar-footer{flex-shrink:0}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn{display:block!important}.sidebar-backdrop{z-index:599;-webkit-backdrop-filter:blur(2px);background:#000000a6;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-backdrop.visible{display:block}.main-area{flex:1;width:100%;overflow:hidden}.topbar{gap:10px;padding:0 16px}.topbar-breadcrumb{display:none}.topbar-hide-mobile{display:none!important}.topbar-hamburger{border-radius:var(--r-sm);background:var(--surface-1);border:1px solid var(--border);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex!important}.content-area{padding:16px 16px 80px}.page-header{flex-direction:column;gap:12px;margin-bottom:16px}.page-header .btn{justify-content:center;width:100%}.generator-layout,.data-grid-65,.data-grid-2,.data-grid-3{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px}.form-row{grid-template-columns:1fr;gap:12px}.card{padding:14px}.card-header{flex-wrap:wrap;gap:10px}.leads-layout{grid-template-columns:1fr}.btn-lg{padding:12px 18px;font-size:14px}.list-item{flex-wrap:wrap}.list-item:hover{transform:none}.landing-nav{padding:12px 16px}.landing-nav a:not(.btn){display:none}.landing-hero{padding:56px 20px 40px}.landing-hero-title{font-size:36px}.landing-features{grid-template-columns:1fr;padding:0 16px 40px}.scroll-panel{max-height:260px}.tabs{scrollbar-width:none;width:100%;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.login-root{align-items:flex-start;padding:32px 16px 16px;overflow-y:auto}.login-card{border-radius:16px;padding:24px}.content-area>*{max-width:100%;overflow-x:hidden}.page-actions{flex-wrap:wrap;gap:8px;width:100%}.page-actions .btn{flex:1;justify-content:center;min-width:120px}.score-bar{width:40px}.lead-row{gap:8px;padding:10px 12px}.lead-initials{width:34px;height:34px;font-size:11px}.tab{white-space:nowrap;flex-shrink:0;padding:8px 12px;font-size:12px}[style*="display: flex"][style*="gap: 10px"][style*="overflowX: auto"]{padding-bottom:16px}}@media (min-width:769px){.topbar-hamburger{display:none}.sidebar-backdrop{display:none!important}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-value{font-size:22px}.content-area{padding:12px 12px 80px}.card{border-radius:10px;padding:12px}.page-title{font-size:20px}.page-subtitle{font-size:12px}.dashboard-title{font-size:20px}.generator-form-card{border-radius:10px}.landing-hero-title{letter-spacing:-.04em;font-size:28px}.landing-hero-sub{font-size:15px}.landing-cta-group{flex-direction:column;align-items:stretch}.landing-btn-primary,.landing-btn-secondary{text-align:center;justify-content:center}body,#root{overflow-x:hidden}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.generator-output{font-size:13px}.topbar-workspace-pill span:first-of-type{display:none}}@media (hover:none) and (pointer:coarse){.btn{min-height:44px}.btn-sm{min-height:36px}.field-input,.field-textarea{min-height:44px;font-size:16px}.field-textarea{min-height:88px}.nav-link{min-height:44px}.star{padding:4px;font-size:28px}.list-item:hover,.lead-row:hover,.landing-feature-card:hover,.btn-primary:hover,.landing-btn-primary:hover{transform:none}}@media (max-width:768px){.settings-layout{grid-template-columns:1fr!important}.settings-layout>div:first-child{position:static!important}}@media print{.sidebar,.topbar,.sidebar-backdrop,.no-print,[data-no-print],.onboarding-checklist-root,.keyboard-shortcuts-root{display:none!important}.main-area{margin:0!important}.content-area{padding:0!important}body{color:#0d0d0d!important;background:#fff!important}.card{box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important}a{color:inherit!important;text-decoration:none!important}@page{margin:1.5cm;size:A4}}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.card-glow{transition:box-shadow .2s,transform .2s,border-color .2s}.card-glow:hover{border-color:#facc154d;transform:translateY(-2px);box-shadow:0 0 0 1px #facc1540,0 8px 32px #facc151f,0 2px 8px #0006}.card-featured{background:linear-gradient(135deg,#facc150f 0%,#8b5cf60a 100%) padding-box padding-box;border:1px solid #0000;position:relative}.card-featured:before{content:"";border-radius:inherit;z-index:-1;opacity:0;background:linear-gradient(135deg,#facc1559,#8b5cf633,#facc151a);transition:opacity .3s;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.card-featured:hover:before{opacity:1}.ai-typing{align-items:center;gap:4px;padding:10px 14px;display:inline-flex}.ai-typing span{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite ai-bounce}@keyframes ai-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.page-enter,.content-area{animation:.35s cubic-bezier(.22,1,.36,1) both page-fade-up}.gradient-text{background:linear-gradient(90deg,#facc15,#a78bfa,#facc15) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite gradient-move}@keyframes gradient-move{to{background-position:200%}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}.slide-in-right{animation:.28s cubic-bezier(.22,1,.36,1) both slide-right}@keyframes slide-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.slide-in-up{animation:.28s cubic-bezier(.22,1,.36,1) both slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wow-banner{background:linear-gradient(135deg,#facc151f 0%,#8b5cf61a 100%);border:1px solid #facc154d;border-radius:14px;padding:20px 24px;animation:.4s cubic-bezier(.22,1,.36,1) both page-fade-up}.bg-particles{position:relative;overflow:hidden}.bg-particles:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 30%,#facc150a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf60a 0%,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.bg-particles>*{z-index:1;position:relative}.stat-number{font-variant-numeric:tabular-nums;transition:color .3s}.card-glass{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff12}.card-featured-large{grid-column:span 2}@media (max-width:768px){.card-featured-large{grid-column:span 1}}.ai-score-badge{color:var(--accent);background:#facc151f;border:1px solid #facc1540;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.btn-glow{transition:box-shadow .2s,transform .15s;position:relative;overflow:hidden}.btn-glow:hover{transform:translateY(-1px);box-shadow:0 0 20px #facc1559,0 4px 12px #0000004d}.btn-glow:active{transform:translateY(0)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";opacity:0;background:radial-gradient(circle,#ffffff26 0%,#0000 70%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.btn-ripple:active:after{opacity:1}[data-mode=beginner] .card,[data-mode=beginner] .metric-card{border-color:#ffffff12;border-radius:16px}[data-mode=beginner] .btn,[data-mode=beginner] button.btn-primary{letter-spacing:0;border-radius:12px;padding:12px 22px;font-size:14px;font-weight:700}[data-mode=beginner] .nav-link{border-radius:10px;padding:10px 12px;font-size:13.5px;font-weight:500}[data-mode=beginner] .nav-link.active{background:#facc151a;border-left:3px solid #facc15;font-weight:700}[data-mode=beginner] .content-area,[data-mode=beginner] main>div{width:100%;max-width:100%}[data-mode=beginner] h1{letter-spacing:-.025em;font-size:clamp(24px,3vw,36px);line-height:1.2}[data-mode=beginner] .card-glow:hover{box-shadow:0 0 0 1px #facc1533,0 8px 40px #facc1514,0 2px 8px #0000004d}[data-mode=advanced] .card,[data-mode=advanced] .metric-card{border-radius:10px}[data-mode=advanced] .nav-link{border-radius:6px;padding:7px 10px;font-size:12.5px;font-weight:500}[data-mode=advanced] .nav-link.active{background:#facc1514;border-left:2px solid #facc15;font-weight:600}[data-mode=advanced] .content-area{max-width:100%}[data-mode=advanced] h1{letter-spacing:-.02em;font-size:clamp(18px,2vw,26px);font-weight:800}[data-mode=advanced] .card,[data-mode=advanced] .metric-card{padding:14px 16px}[data-mode=advanced] .btn,[data-mode=advanced] button.btn-primary{letter-spacing:.02em;text-transform:uppercase;border-radius:7px;padding:8px 16px;font-size:12px;font-weight:700}[data-mode=advanced] .stat-number,[data-mode=advanced] [class*=metric]{font-variant-numeric:tabular-nums;letter-spacing:-.01em}[data-mode=advanced] .card-glow:hover{border-color:#facc1540;box-shadow:0 0 0 1px #facc1559,0 4px 20px #facc1526,0 1px 4px #00000080}button:focus-visible{outline-offset:2px;outline:2px solid #facc1580}input:focus-visible{outline-offset:2px;outline:2px solid #facc1580}textarea:focus-visible{outline-offset:2px;outline:2px solid #facc1580}.content-area{animation:.3s cubic-bezier(.22,1,.36,1) both page-fade-up}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.empty-state-title{color:var(--text);font-size:18px;font-weight:700}.empty-state-desc{color:var(--text-dim);max-width:360px;font-size:14px;line-height:1.6}input[type=text],input[type=email],input[type=password],textarea,select{transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=email]:focus,textarea:focus{border-color:#facc1580;box-shadow:0 0 0 3px #facc1514}[data-tooltip]{position:relative}[data-tooltip]:hover:before{content:attr(data-tooltip);color:#f1f5f9;white-space:nowrap;pointer-events:none;z-index:1000;background:#0f0f14f2;border:1px solid #ffffff14;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}@keyframes progress-fill{0%{width:0%}60%{width:70%}to{width:85%}}@keyframes fade-cycle{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.spinner-ring{animation:1.2s linear infinite spin}.card-hover{transition:transform .18s,box-shadow .18s,border-color .18s}.card-hover:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000040}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}textarea{resize:vertical;min-height:80px}textarea:focus{outline:none;border-color:var(--accent)!important}input[type=text],input[type=email],input[type=password],input[type=search]{transition:border-color .15s,box-shadow .15s}input:focus{outline:none;box-shadow:0 0 0 3px #facc1514;border-color:var(--accent)!important}.skeleton{background:linear-gradient(90deg, var(--surface-1) 25%, var(--surface-2) 50%, var(--surface-1) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s infinite shimmer}.pulse-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-glow}@media (max-width:768px){.content-area{padding:16px!important}.topbar{padding:0 16px!important}}@media (max-width:640px){[style*="gridTemplateColumns: 'repeat(3"]{grid-template-columns:1fr!important}}.content-area{padding-left:32px!important;padding-right:32px!important}h1,.page-title{color:var(--text)!important;letter-spacing:-.03em!important;font-weight:900!important}h2,.section-title{color:var(--text)!important;font-weight:800!important}h3,.card-title{color:var(--text)!important;font-weight:700!important}.text-secondary,[style*="color: var(--text-soft)"]{opacity:1!important}:root{--text-soft:#ffffffb8!important;--text-dim:#ffffff85!important}[data-theme=light]{--text-soft:#000000b8!important;--text-dim:#00000085!important}*,:before,:after{box-sizing:border-box}button,a,.card,[class*=card]{transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s,border-color .18s,background .15s!important}.card:hover,[class*=-card]:hover{transform:translateY(-2px)!important;box-shadow:0 12px 40px #0000004d!important}@keyframes ai-glow-pulse{0%,to{box-shadow:0 0 #facc1500}50%{box-shadow:0 0 0 6px #facc151f}}.ai-generating,[data-ai-loading=true]{animation:1.8s ease-in-out infinite ai-glow-pulse!important}@keyframes border-glow{0%,to{border-color:#facc154d}50%{border-color:#facc15b3}}textarea:focus,input:focus{outline:none!important;animation:2s ease-in-out infinite border-glow!important}.page-enter{animation:.35s cubic-bezier(.22,1,.36,1) both page-fade-up!important}.ai-typing span{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite ai-dot-bounce;display:inline-block}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes ai-dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}@keyframes count-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.counter-animate{animation:.4s cubic-bezier(.22,1,.36,1) both count-in}@keyframes success-flash{0%{background:#22c55e33}to{background:0 0}}.success-flash{animation:.8s ease-out success-flash}button:active{transform:scale(.97)!important}.sidebar,.app-sidebar{transition:width .25s cubic-bezier(.22,1,.36,1)!important}.card:hover,[class*=-card]:hover{border-color:#facc1533!important}button:focus-visible{outline-offset:2px!important;outline:2px solid #facc1599!important}a:focus-visible{outline-offset:2px!important;outline:2px solid #facc1599!important}input:focus-visible{outline-offset:2px!important;outline:2px solid #facc1599!important}textarea:focus-visible{outline-offset:2px!important;outline:2px solid #facc1599!important}@media (max-width:768px){.content-area{padding-left:16px!important;padding-right:16px!important}h1{font-size:clamp(22px,5vw,32px)!important}}.grid-12{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}@media (max-width:900px){.col-4,.col-6,.col-8{grid-column:span 12}}.empty-state-icon{opacity:.7;margin-bottom:16px;font-size:48px;animation:.4s both page-fade-up}.stat-card-loading{pointer-events:none}.stat-card-loading .stat-value,.stat-card-loading .stat-label{visibility:hidden;position:relative}.stat-card-loading .stat-value:after,.stat-card-loading .stat-label:after{content:"";border-radius:4px;position:absolute;top:0;bottom:0;left:0;right:0}:root{--card-bg:#151820;--card-bg-2:#1a1f2e;--card-border:#ffffff17;--card-border-hover:#facc1540;--text-primary:#fffffff2;--text-secondary:#ffffffad;--text-muted:#ffffff6b;--text-label:#ffffff85}[data-theme=light]{--card-bg:#fff;--card-bg-2:#f5f6fa;--card-border:#00000017;--card-border-hover:#6c63ff4d;--text-primary:#000000eb;--text-secondary:#000000a6;--text-muted:#0006;--text-label:#00000080}.bg-card,[class*=bg-card]{background:var(--card-bg)!important}.surface-1,[class*=surface-1]{background:var(--card-bg-2)!important}.card p,.card span,.card div{color:inherit}.section-label,[style*="text-transform: uppercase"][style*="font-size: 10"],[style*="text-transform: uppercase"][style*="font-size: 11"],[style*="text-transform: uppercase"][style*="font-size: 12"]{color:var(--text-label)!important;letter-spacing:.07em!important;font-weight:700!important}[style*="font-weight: 800"],[style*="fontWeight: 800"],[style*="font-weight: 900"],[style*="fontWeight: 900"]{color:var(--text-primary)!important}[style*="font-size: 12px"],[style*="fontSize: 12"],[style*="font-size: 13px"],[style*="fontSize: 13"]{color:var(--text-secondary)}[style*="font-size: 11px"],[style*="fontSize: 11"]{color:var(--text-label)}.stat-value,.metric-value,[class*=stat-val]{color:var(--text-primary)!important;letter-spacing:-.04em!important;font-size:clamp(22px,2.5vw,32px)!important;font-weight:900!important}.stat-label,.metric-label,[class*=stat-lab]{color:var(--text-label)!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:12px!important;font-weight:600!important}.badge,[class*=badge]{letter-spacing:.03em!important;font-weight:700!important}td,th{color:var(--text-secondary)!important}th{color:var(--text-label)!important;font-weight:700!important}p{color:var(--text-secondary);line-height:1.65}small{color:var(--text-muted)!important}::placeholder{color:#ffffff47!important}[data-theme=light] ::placeholder{color:#00000047!important}label,.label,.field-label{color:var(--text-secondary)!important;font-size:13px!important;font-weight:600!important}.topbar,.sidebar,.app-sidebar{--text-soft:#ffffffb8!important}.btn,button[class*=btn]{letter-spacing:-.01em!important;font-weight:800!important}a{color:inherit}a:hover{color:var(--accent)!important}::selection{color:#fff!important;background:#facc1540!important}code,pre{border-radius:4px;padding:2px 6px;color:var(--text-secondary)!important;background:#ffffff0d!important;font-size:12px!important}[style*="opacity: 0.2"],[style*="opacity:0.2"],[style*="opacity: 0.1"],[style*="opacity:0.1"]{opacity:.35!important}strong,b{color:var(--text-primary)!important;font-weight:800!important}.hint,.tip,.helper{color:var(--text-muted)!important;font-size:12px!important;line-height:1.5!important}[style*="border-radius: 12"]:hover,[style*="border-radius: 14"]:hover,[style*="borderRadius: 12"]:hover,[style*="borderRadius: 14"]:hover{border-color:var(--card-border-hover)!important}[style*="height: 4px"],[style*=height\:4px],[style*="height: 6px"],[style*=height\:6px]{opacity:1!important}@media (max-width:640px){p,span,div{font-size:max(13px, inherit)}.stat-value{font-size:28px!important}}@keyframes uvora-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes uvora-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ai-thinking{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes border-flow{0%{border-color:#facc1533}50%{border-color:#facc1580}to{border-color:#facc1533}}@keyframes skeleton-wave{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes live-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes status-online{0%,to{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 0 4px #22c55e33}}.anim-enter{animation:.35s both uvora-enter}.anim-slide-right{animation:.3s both uvora-slide-right}.anim-scale-in{animation:.25s cubic-bezier(.34,1.56,.64,1) both uvora-scale-in}.card-enterprise{background:#ffffff07;border:1px solid #ffffff14;border-radius:14px;padding:20px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-enterprise:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%);border-radius:14px 14px 0 0;height:1px;position:absolute;top:0;left:0;right:0}.card-enterprise:hover{background:#ffffff0a;border-color:#facc1533;transform:translateY(-1px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #facc1514}.stat-number{font-family:var(--font-display);color:var(--text);letter-spacing:-.04em;font-size:28px;font-weight:900;animation:.4s forwards count-up}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.stat-delta-up{color:#22c55e;font-size:11px;font-weight:700}.stat-delta-down{color:#f87171;font-size:11px;font-weight:700}.ai-live-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite live-dot;display:inline-block;box-shadow:0 0 6px #22c55e99}.ai-live-dot.warning{background:var(--warning);animation:1.2s ease-in-out infinite live-dot;box-shadow:0 0 6px #fb923c99}.ai-live-dot.accent{background:var(--accent);animation:2s ease-in-out infinite live-dot;box-shadow:0 0 6px #facc1580}.ai-thinking-dots{align-items:center;gap:5px;display:flex}.ai-thinking-dots span{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite ai-thinking}.ai-thinking-dots span:nth-child(2){animation-delay:.2s}.ai-thinking-dots span:nth-child(3){animation-delay:.4s}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-success{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e33}.badge-warning{color:#fb923c;background:#fb923c1f;border:1px solid #fb923c33}.badge-danger{color:#f87171;background:#f871711f;border:1px solid #f8717133}.badge-accent{color:#facc15;background:#facc151f;border:1px solid #facc1533}.badge-teal{color:#2dd4bf;background:#2dd4bf1f;border:1px solid #2dd4bf33}.badge-purple{color:#a78bfa;background:#8b5cf61f;border:1px solid #8b5cf633}.page-stagger>:first-child{animation:.35s both uvora-enter}.page-stagger>:nth-child(2){animation:.35s 60ms both uvora-enter}.page-stagger>:nth-child(3){animation:.35s .12s both uvora-enter}.page-stagger>:nth-child(4){animation:.35s .18s both uvora-enter}.page-stagger>:nth-child(5){animation:.35s .24s both uvora-enter}.page-stagger>:nth-child(6){animation:.35s .3s both uvora-enter}.ai-output-card{background:linear-gradient(135deg,#facc1508 0%,#0000 60%);border:1px solid #facc1526;border-radius:14px;animation:4s ease-in-out infinite border-flow;position:relative}.ai-output-card:after{content:"";background:linear-gradient(90deg,#0000 0%,#facc1566 50%,#0000 100%);border-radius:14px 14px 0 0;height:1px;position:absolute;top:0;left:0;right:0}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.cmd-overlay{-webkit-backdrop-filter:blur(8px);z-index:9990;background:#0009;animation:.1s fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.cmd-modal{z-index:9991;background:#0c0f18fa;border:1px solid #ffffff1f;border-radius:18px;width:min(600px,90vw);animation:.15s cubic-bezier(.34,1.56,.64,1) forwards uvora-scale-in;position:fixed;top:20%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 32px 80px #000000b3,0 0 0 1px #facc150f}.progress-bar{background:var(--surface-2);border-radius:999px;height:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent), #f59e0b);border-radius:999px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d);width:40px;animation:1.5s infinite shimmer;position:absolute;top:0;bottom:0;right:0}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:6px;animation:1.8s ease-in-out infinite skeleton-wave}.skeleton-text{border-radius:4px;height:13px}.skeleton-heading{border-radius:5px;height:20px}.skeleton-card{border-radius:14px;min-height:120px}.system-status-bar{color:#22c55e;letter-spacing:.04em;background:#22c55e0f;border:1px solid #22c55e26;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:11px;font-weight:700;display:flex}.system-status-bar.warning{color:var(--warning);background:#fb923c0f;border-color:#fb923c26}.enterprise-table{border-collapse:collapse;width:100%}.enterprise-table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:8px 12px;font-size:10px;font-weight:800}.enterprise-table td{color:var(--text-soft);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:10px 12px;font-size:12px}.enterprise-table tr:hover td{color:var(--text);background:#ffffff05}.enterprise-table td:first-child{color:var(--text);font-weight:600}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{opacity:.6;margin-bottom:16px;font-size:36px}.empty-state-title{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:800}.empty-state-desc{color:var(--text-dim);max-width:320px;margin-bottom:20px;font-size:13px;line-height:1.6}.notif-badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:800;animation:2s ease-in-out infinite glow-pulse;display:flex;position:absolute;top:-3px;right:-3px}.beginner-card{background:var(--surface-1);border:1.5px solid var(--border);cursor:pointer;border-radius:18px;padding:24px;transition:all .2s}.beginner-card:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px);box-shadow:0 12px 32px #0000004d,0 0 0 1px #facc151f}.beginner-card-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:22px;display:flex}.section-divider{align-items:center;gap:12px;margin:28px 0 20px;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--border);flex:1;height:1px}.section-divider-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-size:10px;font-weight:800}.ai-confidence{color:var(--text-dim);align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.ai-confidence-bar{background:var(--surface-2);border-radius:999px;flex:1;max-width:80px;height:3px;overflow:hidden}.ai-confidence-fill{background:linear-gradient(90deg, var(--success), #16a34a);border-radius:999px;height:100%;transition:width .6s}@media (max-width:768px){[aria-label^=Open\ guide]{padding:7px 10px 7px 12px!important;font-size:11px!important}.metrics-grid[style*=repeat\(5]{grid-template-columns:repeat(2,1fr)!important}.welcome-banner-inner{flex-direction:column!important;gap:16px!important}.dashboard-2col{grid-template-columns:1fr!important}.ai-sidebar{display:none!important}.page-stagger{width:100%!important;min-width:0!important}.sms-inbox-grid{grid-template-columns:1fr!important;height:auto!important;max-height:none!important}.sms-inbox-grid>:first-child{border-bottom:1px solid var(--border);max-height:240px;overflow-y:auto;border-right:none!important}.rcs-composer-grid,.campaign-sidebar-grid,.autoresponder-grid{grid-template-columns:1fr!important}.leads-metrics,.metrics-grid[style*="repeat(5, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}.kanban-board{padding-bottom:16px;overflow-x:auto}.reseller-layout{grid-template-columns:1fr!important}.settings-layout{grid-template-columns:1fr!important;gap:16px!important}.settings-layout>nav,.settings-layout>.settings-nav{scrollbar-width:none!important;flex-direction:row!important;gap:4px!important;width:100%!important;padding-bottom:4px!important;display:flex!important;position:static!important;overflow-x:auto!important}.settings-layout>nav::-webkit-scrollbar{display:none}.settings-layout>.settings-nav::-webkit-scrollbar{display:none}.settings-layout>nav button,.settings-layout>.settings-nav button{white-space:nowrap!important;flex-shrink:0!important}.lead-scoring-grid{grid-template-columns:repeat(2,1fr)!important}.plans-grid{grid-template-columns:1fr!important}.dns-stats-grid{grid-template-columns:repeat(2,1fr)!important}.dns-check-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.content-area>*{max-width:100vw!important;overflow-x:hidden!important}.card [style*="gridTemplateColumns: '1fr 1fr'"],.card [style*="gridTemplateColumns: \"1fr 1fr\""]{grid-template-columns:1fr!important}.metrics-grid[style*=repeat\(5]{grid-template-columns:repeat(2,1fr)!important}[role=dialog]{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;padding:20px 16px!important}table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.content-area{padding-bottom:100px!important}.topbar-search{display:none!important}button,.btn,a.btn{min-height:40px}}@media (max-width:768px){[aria-label^="Open guide for"],[aria-label="Open page guide"]{bottom:84px!important;right:16px!important}.chat-fab{width:44px!important;height:44px!important;font-size:20px!important;bottom:24px!important;right:16px!important}html,body,#root{max-width:100vw;overflow-x:hidden}img{max-width:100%;height:auto}p,span,div,td,th{word-break:break-word;overflow-wrap:break-word}pre,code{white-space:pre;max-width:100%;overflow-x:auto}}@media (max-width:480px){.topbar{gap:8px!important;padding:0 12px!important}.topbar-plan-badge{display:none!important}}@media (max-width:768px){.plan-14day-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.plan-14day-tabs::-webkit-scrollbar{display:none}.plan-14day-grid{grid-template-columns:1fr!important}.persona-cards-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.persona-goals-grid{grid-template-columns:1fr!important;gap:8px!important}}@media (max-width:480px){.persona-cards-grid{grid-template-columns:1fr!important}}.content-area>*{animation:.2s both fadeInUp}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.card,[class*=-card],.metric-card{transition:transform .15s,box-shadow .15s}.card:hover,[class*=-card]:hover,.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}button,.btn{transition:transform .1s,opacity .1s}button:active,.btn:active{transform:scale(.97)}@media (max-width:768px){.app-root .content-area>div[style*="display: flex"][style*="gap: 24"],.app-root .content-area>div>div[style*="display: flex"][style*="gap: 24"]{flex-direction:column!important}.ai-sidebar{display:none!important}.metrics-grid,div[style*="gridTemplateColumns: 'repeat(5"],div[style*="gridTemplateColumns:\"repeat(5"],div[style*="gridTemplateColumns: 'repeat(4"],div[style*="gridTemplateColumns:\"repeat(4"],div[style*="gridTemplateColumns: 'repeat(3"],div[style*="gridTemplateColumns:\"repeat(3"]{grid-template-columns:repeat(2,1fr)!important}.card-glow[style*=minWidth]{flex:140px!important;min-width:0!important}div[style*="minWidth: 280"],div[style*="minWidth: 180"]{min-width:0!important}div[style*="gridTemplateColumns: 'repeat(4, 1fr)'"],div[style*="gridTemplateColumns: \"repeat(4, 1fr)\""]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}div[style*="gridTemplateColumns: 'repeat(3, 1fr)'"],div[style*="gridTemplateColumns: \"repeat(3, 1fr)\""],div[style*="gridTemplateColumns: '1fr 320px'"],div[style*="gridTemplateColumns: \"1fr 320px\""],div[style*="gridTemplateColumns: '1fr 300px'"],div[style*="gridTemplateColumns: \"1fr 300px\""],div[style*="gridTemplateColumns: '1fr 340px'"],div[style*="gridTemplateColumns: \"1fr 340px\""]{grid-template-columns:1fr!important}.pipeline-column{min-width:240px}.data-table-wrap,[class*=table-wrap]{-webkit-overflow-scrolling:touch;overflow-x:auto}div[style*="gridTemplateColumns: 'repeat(auto-fill, minmax(280"],div[style*="gridTemplateColumns: \"repeat(auto-fill, minmax(280"]{grid-template-columns:1fr!important}div[style*="padding: '0 24px'"],div[style*="padding: \"0 24px\""]{border-right:none!important;border-bottom:1px solid var(--border)!important;margin-right:0!important;padding:0 0 12px!important}canvas{max-width:100%!important}div[style*="maxWidth: 460"],div[style*="maxWidth: 500"],div[style*="maxWidth: 540"],div[style*="maxWidth: 600"],div[style*="maxWidth: 700"],div[style*="maxWidth: 800"]{max-width:calc(100vw - 32px)!important;margin:0 16px!important}div[style*="gridTemplateColumns: '1fr 1fr'"],div[style*="gridTemplateColumns: \"1fr 1fr\""]{grid-template-columns:1fr!important}.topbar-workspace-pill .topbar-ws-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}}@media (max-width:480px){.metrics-grid{grid-template-columns:repeat(2,1fr)!important}div[style*="gridTemplateColumns: 'repeat(2"],div[style*="gridTemplateColumns:\"repeat(2"]{grid-template-columns:1fr!important}.card{padding:14px!important}.metric-value{font-size:20px!important}h1[style*="fontSize: 28"],h1[style*="fontSize: 30"],h1[style*="fontSize: 32"]{font-size:22px!important}}@media (max-width:768px){.kanban-board,[style*="overflowX: auto"][style*="display: flex"]{-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:8px;overflow-x:auto!important}.content-area{padding-bottom:max(80px, calc(64px + env(safe-area-inset-bottom)))!important}}@media (min-width:769px){.support-fab-btn{bottom:24px!important}}@media (max-width:1024px){[data-grid="4col"],[data-grid="5col"],[data-grid="6col"],[data-grid="7col"],[data-grid="2fr-3col-1fr"]{grid-template-columns:repeat(2,1fr)!important}[data-grid="380px-1fr"],[data-grid="400px-1fr"],[data-grid="420px-1fr"],[data-grid="1fr-380px"],[data-grid="200px-1fr-280px"],[data-grid="200px-1fr-260px"],[data-grid="280px-1fr-300px"]{grid-template-columns:1fr!important}[data-grid="40px-2col-90px-110px-160px-100px"],[data-grid="1fr-80px-110px-100px-40px"],[data-grid="1fr-80px-80px-90px-100px"],[data-grid="1fr-120px-90px-100px"],[data-grid="90px-100px-1fr-auto"],[data-grid="80px-100px-1fr"]{overflow-x:auto;grid-template-columns:1fr auto!important}}@media (max-width:768px){.content-area [style*="display: flex"][style*=gap],.content-area [style*=display\:flex][style*=gap]{flex-wrap:wrap!important}.content-area [style*="flex: '0 0"],.content-area [style*="flex: \"0 0"],.content-area [style*="minWidth: 300"],.content-area [style*="minWidth: 320"],.content-area [style*="minWidth: 340"],.content-area [style*="minWidth: 360"],.content-area [style*="minWidth: 400"],.content-area [style*="minWidth: 500"],.content-area [style*="minWidth: 600"],.content-area [style*="minWidth: 700"]{flex:100%!important;min-width:0!important;max-width:100%!important}[data-grid="2col"],[data-grid="1fr-1fr"],[data-grid="3col"],[data-grid="3col-1fr"],[data-grid="3col-auto"],[data-grid="4col"],[data-grid="5col"],[data-grid="6col"],[data-grid="7col"],[data-grid="2fr-3col-1fr"],[data-grid="1fr-320px"],[data-grid="1fr-340px"],[data-grid="1fr-380px"],[data-grid="1fr-280px"],[data-grid="1fr-290px"],[data-grid="1fr-260px"],[data-grid="380px-1fr"],[data-grid="400px-1fr"],[data-grid="420px-1fr"],[data-grid="340px-1fr"],[data-grid="320px-1fr"],[data-grid="300px-1fr"],[data-grid="280px-1fr"],[data-grid="260px-1fr"],[data-grid="220px-1fr"],[data-grid="200px-1fr"],[data-grid="200px-1fr-280px"],[data-grid="200px-1fr-260px"],[data-grid="280px-1fr-300px"]{grid-template-columns:1fr!important}[data-grid="40px-2col-90px-110px-160px-100px"],[data-grid="1fr-80px-110px-100px-40px"],[data-grid="1fr-80px-80px-90px-100px"],[data-grid="1fr-80px-80px"],[data-grid="1fr-120px-90px-100px"],[data-grid="1fr-180px-90px"],[data-grid="1fr-100px"],[data-grid="90px-100px-1fr-auto"],[data-grid="80px-100px-1fr"],[data-grid="80px-2col"],[data-grid="44px-2col-auto"],[data-grid="2col-140px-32px"],[data-grid="1fr-70px-60px-50px-30px"],[data-grid="1fr-2fr-auto"],[data-grid="1fr-80px"],[data-grid="1fr-auto"],[data-grid="1fr-2fr"],[data-grid="3col-auto"]{-webkit-overflow-scrolling:touch;overflow-x:auto!important}[data-grid="1fr-2fr"],[data-grid="2fr-3col-1fr"]{grid-template-columns:1fr!important}}@media (max-width:480px){[data-grid="2col"],[data-grid="4col"],[data-grid="5col"],[data-grid="6col"],[data-grid="7col"]{grid-template-columns:1fr!important}}@media (max-width:768px){.content-area>*{min-width:0;max-width:100%}table{-webkit-overflow-scrolling:touch;white-space:nowrap;max-width:100%;display:block;overflow-x:auto}div[style*="display: 'flex'"][style*=gap]{flex-wrap:wrap}div[style*=borderRight][style*="padding: '0 24px'"],div[style*=border-right][style*="padding: 0 24px"]{border-right:none!important;border-bottom:1px solid var(--border)!important;padding:12px 0!important}img,video,iframe,svg{max-width:100%;height:auto}div[style*="width: 900"],div[style*="width: 860"],div[style*="width: 800"],div[style*="width: 760"],div[style*="width: 700"],div[style*="minWidth: 600"],div[style*="minWidth: 700"],div[style*="minWidth: 800"],div[style*="minWidth: 900"]{width:100%!important;min-width:0!important;max-width:100%!important}h1{font-size:clamp(20px,5vw,32px)!important}h2{font-size:clamp(16px,4vw,24px)!important}h3{font-size:clamp(14px,3.5vw,20px)!important}div[style*="maxWidth: 460"],div[style*="maxWidth: 500"],div[style*="maxWidth: 540"],div[style*="maxWidth: 600"],div[style*="maxWidth: 640"],div[style*="maxWidth: 700"],div[style*="maxWidth: 720"],div[style*="maxWidth: 800"],div[style*="maxWidth: 860"],div[style*="maxWidth: 900"]{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-left:auto!important;margin-right:auto!important}.landing-hero{text-align:center;flex-direction:column!important}.landing-features-grid,.pricing-grid{grid-template-columns:1fr!important}}@media (max-width:480px){button,.btn,[role=button],input[type=button],input[type=submit]{min-height:40px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea,select{font-size:16px!important}}