@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg-base:#030304;--color-bg-subtle:#08080a;--color-bg-surface:#0c0c0f;--color-bg-elevated:#111114;--color-bg-hover:#161619;--color-bg-active:#1c1c20;--color-bg-muted:#08080a;--color-bg-overlay:#030304d9;--glass-bg:#0c0c0fbf;--glass-bg-hover:#111114d9;--glass-bg-elevated:#111114e6;--glass-bg-solid:#0c0c0ff2;--sidebar-bg:#09090bfa;--glass-border:#ffffff0f;--glass-border-light:#ffffff1a;--glass-blur:24px;--glass-blur-lg:40px;--orb-1:#8b5cf626;--orb-2:#06b6d41f;--orb-3:#f472b614;--orb-4:#34d3990f;--color-border:#ffffff0f;--color-border-subtle:#ffffff08;--color-border-strong:#ffffff1a;--color-border-focus:#8b5cf6b3;--color-border-glow:#8b5cf659;--color-border-gradient:linear-gradient(135deg, #8b5cf666, #06b6d466);--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-muted:#475569;--color-text-inverse:#030304;--color-text-link:#a78bfa;--color-accent:#8b5cf6;--color-accent-hover:#a78bfa;--color-accent-active:#7c3aed;--color-accent-muted:#8b5cf633;--color-accent-subtle:#8b5cf61a;--color-accent-ultra:#8b5cf60d;--color-accent-glow:#8b5cf673;--color-accent-2:#06b6d4;--color-accent-3:#f472b6;--color-accent-4:#34d399;--color-accent-5:#fbbf24;--color-cyan:#06b6d4;--color-cyan-glow:#06b6d466;--color-pink:#f472b6;--color-pink-glow:#f472b666;--color-emerald:#34d399;--color-emerald-glow:#34d39966;--color-success:#22c55e;--color-success-muted:#22c55e33;--color-success-subtle:#22c55e1a;--color-success-glow:#22c55e73;--color-warning:#f59e0b;--color-warning-muted:#f59e0b33;--color-warning-subtle:#f59e0b1a;--color-warning-glow:#f59e0b66;--color-error:#ef4444;--color-error-muted:#ef444433;--color-error-subtle:#ef44441a;--color-error-glow:#ef444473;--color-info:#3b82f6;--color-info-muted:#3b82f633;--color-info-subtle:#3b82f61a;--color-info-glow:#3b82f666;--gradient-primary:linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);--gradient-primary-hover:linear-gradient(135deg, #a78bfa 0%, #22d3ee 100%);--gradient-secondary:linear-gradient(135deg, #f472b6 0%, #8b5cf6 100%);--gradient-tertiary:linear-gradient(135deg, #06b6d4 0%, #34d399 100%);--gradient-success:linear-gradient(135deg, #22c55e 0%, #34d399 100%);--gradient-warning:linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--gradient-error:linear-gradient(135deg, #ef4444 0%, #f472b6 100%);--gradient-mesh:radial-gradient(ellipse 80% 50% at 20% 20%, var(--orb-1) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 10%, var(--orb-2) 0%, transparent 40%), radial-gradient(ellipse 50% 50% at 10% 60%, var(--orb-3) 0%, transparent 45%), radial-gradient(ellipse 70% 40% at 90% 80%, var(--orb-4) 0%, transparent 50%);--gradient-spotlight:radial-gradient(ellipse 100% 60% at 50% -20%, #8b5cf626, transparent 60%);--gradient-glow:radial-gradient(ellipse 60% 40% at 50% 0%, #8b5cf640, transparent);--gradient-shine:linear-gradient(90deg, transparent 0%, #ffffff26 50%, transparent 100%);--gradient-border:linear-gradient(135deg, #8b5cf699, #06b6d499);--gradient-border-subtle:linear-gradient(135deg, #8b5cf64d, #06b6d44d);--gradient-text:linear-gradient(135deg, #f8fafc 0%, #94a3b8 100%);--gradient-text-accent:linear-gradient(135deg, #a78bfa 0%, #22d3ee 50%, #f472b6 100%);--gradient-text-subtle:linear-gradient(135deg, #f8fafc 0%, #cbd5e1 100%);--gradient-card:linear-gradient(145deg, #8b5cf608 0%, transparent 50%, #06b6d405 100%);--gradient-card-hover:linear-gradient(145deg, #8b5cf60f 0%, transparent 50%, #06b6d40a 100%);--noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");--font-sans:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-display:"Inter", sans-serif;--text-2xs:.625rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:2rem;--text-5xl:2.5rem;--text-6xl:3.5rem;--text-7xl:4.5rem;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--leading-loose:2;--tracking-tighter:-.04em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em;--tracking-wider:.04em;--tracking-widest:.08em;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-none:0;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:18px;--radius-3xl:24px;--radius-4xl:32px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 2px 4px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006, 0 2px 4px #0000004d;--shadow-lg:0 8px 24px #00000073, 0 4px 8px #00000059;--shadow-xl:0 16px 48px #00000080, 0 8px 16px #0006;--shadow-2xl:0 24px 64px #0000008c, 0 12px 24px #00000073;--shadow-inner:inset 0 2px 4px #0006;--shadow-glow:0 0 60px #8b5cf640, 0 0 30px #8b5cf626;--shadow-glow-sm:0 0 30px #8b5cf626, 0 0 15px #8b5cf61a;--shadow-glow-lg:0 0 100px #8b5cf64d, 0 0 50px #8b5cf633;--shadow-glow-success:0 0 40px #10b98140;--shadow-glow-error:0 0 40px #f43f5e40;--shadow-card:0 4px 20px #0006, 0 0 1px #ffffff1a, inset 0 1px 0 #ffffff0d;--shadow-card-hover:0 8px 32px #00000080, 0 0 1px #ffffff26, 0 0 40px #8b5cf61a;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.55, .055, .675, .19);--ease-out:cubic-bezier(.215, .61, .355, 1);--ease-in-out:cubic-bezier(.645, .045, .355, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.1);--ease-elastic:cubic-bezier(.68, -.35, .265, 1.35);--ease-smooth:cubic-bezier(.25, .1, .25, 1);--ease-luxury:cubic-bezier(.19, 1, .22, 1);--ease-silk:cubic-bezier(.23, 1, .32, 1);--ease-regal:cubic-bezier(.16, 1, .3, 1);--ease-gentle:cubic-bezier(.33, 1, .68, 1);--ease-breathe:cubic-bezier(.37, 0, .63, 1);--duration-instant:75ms;--duration-fast:.18s;--duration-normal:.25s;--duration-moderate:.32s;--duration-slow:.42s;--duration-slower:.55s;--duration-slowest:.7s;--duration-glacial:1s;--duration-hover:.28s;--duration-glow:.6s;--duration-color:.35s;--duration-transform:.3s;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700;--z-command:800;--z-top:9999;--sidebar-width:240px;--sidebar-collapsed:64px;--header-height:52px;--max-content-width:1400px;--max-card-width:600px;--content-padding:24px}[data-theme=light]{--color-bg-base:#f8fafc;--color-bg-subtle:#f1f5f9;--color-bg-surface:#fff;--color-bg-elevated:#fff;--color-bg-hover:#f1f5f9;--color-bg-active:#e2e8f0;--color-bg-muted:#f1f5f9;--color-bg-tertiary:#f8fafc;--color-bg-overlay:#0f172a99;--glass-bg:#fff;--glass-bg-hover:#fafbfc;--glass-bg-elevated:#fff;--glass-bg-solid:#fff;--sidebar-bg:#fff;--glass-border:#e2e8f0;--glass-border-light:#f1f5f9;--glass-blur:0;--glass-blur-lg:0;--orb-1:#7c3aed08;--orb-2:#0d948806;--orb-3:#ec489905;--orb-4:#10b98104;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-border-strong:#cbd5e1;--color-border-focus:#7c3aed;--color-border-glow:#7c3aed59;--color-border-gradient:linear-gradient(135deg, #7c3aed66, #0d948866);--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-tertiary:#475569;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-text-link:#6d28d9;--color-accent:#7c3aed;--color-accent-hover:#6d28d9;--color-accent-active:#5b21b6;--color-accent-muted:#7c3aed26;--color-accent-subtle:#7c3aed0f;--color-accent-ultra:#7c3aed08;--color-accent-glow:#7c3aed40;--color-accent-secondary:#0d9488;--color-accent-2:#0d9488;--color-accent-3:#be185d;--color-accent-4:#059669;--color-accent-5:#b45309;--color-cyan:#0891b2;--color-cyan-glow:#0891b240;--color-pink:#be185d;--color-pink-glow:#be185d40;--color-emerald:#059669;--color-emerald-glow:#05966940;--color-success:#15803d;--color-success-muted:#15803d1f;--color-success-subtle:#15803d0f;--color-success-glow:#15803d33;--color-warning:#b45309;--color-warning-muted:#b453091f;--color-warning-subtle:#b453090f;--color-warning-glow:#b4530933;--color-error:#b91c1c;--color-error-muted:#b91c1c1f;--color-error-subtle:#b91c1c0f;--color-error-glow:#b91c1c33;--color-info:#1d4ed8;--color-info-muted:#1d4ed81f;--color-info-subtle:#1d4ed80f;--color-info-glow:#1d4ed833;--gradient-primary:linear-gradient(135deg, #7c3aed 0%, #0d9488 100%);--gradient-primary-hover:linear-gradient(135deg, #6d28d9 0%, #0f766e 100%);--gradient-secondary:linear-gradient(135deg, #be185d 0%, #7c3aed 100%);--gradient-tertiary:linear-gradient(135deg, #0d9488 0%, #059669 100%);--gradient-success:linear-gradient(135deg, #15803d 0%, #059669 100%);--gradient-warning:linear-gradient(135deg, #b45309 0%, #d97706 100%);--gradient-error:linear-gradient(135deg, #b91c1c 0%, #be185d 100%);--gradient-mesh:radial-gradient(ellipse 80% 50% at 20% 20%, var(--orb-1) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 10%, var(--orb-2) 0%, transparent 40%), radial-gradient(ellipse 50% 50% at 10% 60%, var(--orb-3) 0%, transparent 45%), radial-gradient(ellipse 70% 40% at 90% 80%, var(--orb-4) 0%, transparent 50%);--gradient-spotlight:radial-gradient(ellipse 100% 60% at 50% -20%, #7c3aed0f, transparent 60%);--gradient-glow:radial-gradient(ellipse 60% 40% at 50% 0%, #7c3aed1a, transparent);--gradient-shine:linear-gradient(90deg, transparent 0%, #ffffffe6 50%, transparent 100%);--gradient-border:linear-gradient(135deg, #7c3aed80, #0d948880);--gradient-border-subtle:linear-gradient(135deg, #7c3aed40, #0d948840);--gradient-text:linear-gradient(135deg, #0f172a 0%, #334155 100%);--gradient-text-accent:linear-gradient(135deg, #6d28d9 0%, #0d9488 50%, #be185d 100%);--gradient-text-subtle:linear-gradient(135deg, #1e293b 0%, #334155 100%);--gradient-card:linear-gradient(145deg, #7c3aed04 0%, transparent 50%, #0d948803 100%);--gradient-card-hover:linear-gradient(145deg, #7c3aed08 0%, transparent 50%, #0d948805 100%);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d, 0 2px 4px #0000000a;--shadow-lg:0 10px 15px #0000000f, 0 4px 6px #0000000a;--shadow-xl:0 20px 25px #00000014, 0 10px 10px #0000000a;--shadow-2xl:0 25px 50px #0000001f;--shadow-inner:inset 0 2px 4px #0000000a;--shadow-glow:0 0 30px #7c3aed1a, 0 0 15px #7c3aed0f;--shadow-glow-sm:0 0 15px #7c3aed0f;--shadow-glow-lg:0 0 45px #7c3aed1f, 0 0 25px #7c3aed14;--shadow-glow-success:0 0 25px #15803d1f;--shadow-glow-error:0 0 25px #b91c1c1f;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-card-hover:0 10px 30px #00000014, 0 4px 10px #0000000d, 0 0 20px #7c3aed0a;--noise-opacity:.015}:root,[data-theme]{transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.no-transitions *{transition:none!important}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg-base);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";background:var(--gradient-mesh);pointer-events:none;z-index:-1;position:fixed;inset:0}body:after{content:"";background:var(--noise);opacity:.015;pointer-events:none;z-index:-1;position:fixed;inset:0}#root{isolation:isolate;flex-direction:column;min-height:100vh;display:flex}::selection{background:var(--color-accent-muted);color:var(--color-text-primary)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full);border:2px solid var(--color-bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.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}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.page-container{max-width:var(--max-content-width,1400px);width:100%;padding:var(--space-6);box-sizing:border-box;margin:0 auto}.page-container-narrow{width:100%;max-width:960px;padding:var(--space-6);box-sizing:border-box;margin:0 auto}.page-container-wide{width:100%;max-width:1600px;padding:var(--space-6);box-sizing:border-box;margin:0 auto}.content-area{width:100%;min-width:0;max-width:100%;overflow:hidden}.card-container{max-width:var(--max-card-width,600px);width:100%}@media (width<=768px){.page-container,.page-container-narrow,.page-container-wide{padding:var(--space-4)}}@media (width<=480px){.page-container,.page-container-narrow,.page-container-wide{padding:var(--space-3)}}.gradient-text{background:var(--gradient-text-accent);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite gradient-shift}.glow{box-shadow:var(--shadow-glow)}.glow-sm{box-shadow:var(--shadow-glow-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.008)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes border-glow{0%,to{border-color:#8b5cf633;box-shadow:0 0 12px #8b5cf60f}50%{border-color:#8b5cf659;box-shadow:0 0 20px #8b5cf61a}}@keyframes shine{0%{transform:translate(-100%)rotate(25deg)}to{transform:translate(200%)rotate(25deg)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{opacity:.2;transform:scale(.9)}50%{opacity:.4;transform:scale(1)}}@keyframes magnetic-hover{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1px)scale(1.005)}}@keyframes text-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes orb-float-1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(40px,30px)scale(1.02)}}@keyframes orb-float-2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-40px,30px)scale(.95)}50%{transform:translate(30px,-30px)scale(1.05)}75%{transform:translate(-20px,-40px)scale(.98)}}@keyframes orb-float-3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,20px)scale(1.03)}66%{transform:translate(-30px,-30px)scale(.97)}}.skeleton{background-color:var(--color-bg-surface,#0c0c0f);background-image:linear-gradient(90deg, var(--color-bg-surface,#0c0c0f) 0%, var(--color-bg-hover,#161619) 25%, var(--color-bg-elevated,#111114) 50%, var(--color-bg-hover,#161619) 75%, var(--color-bg-surface,#0c0c0f) 100%);border-radius:var(--radius-lg,10px);border:1px solid var(--color-border-subtle,#ffffff08);-webkit-user-select:none;user-select:none;pointer-events:none;background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer;position:relative;overflow:hidden;color:#0000!important}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-glass{background-color:var(--glass-bg,#0c0c0fbf);background-image:linear-gradient(90deg, var(--glass-bg,#0c0c0fbf) 0%, var(--glass-bg-hover,#111114d9) 25%, var(--glass-bg-elevated,#111114e6) 50%, var(--glass-bg-hover,#111114d9) 75%, var(--glass-bg,#0c0c0fbf) 100%);-webkit-backdrop-filter:blur(var(--glass-blur,24px));border:1px solid var(--glass-border,#ffffff0f)}.skeleton-accent{background-image:linear-gradient(90deg, var(--color-bg-surface,#0c0c0f) 0%, var(--color-accent-ultra,#8b5cf60d) 25%, var(--color-accent-subtle,#8b5cf61a) 50%, var(--color-accent-ultra,#8b5cf60d) 75%, var(--color-bg-surface,#0c0c0f) 100%)}.skeleton-text{border-radius:var(--radius-md,6px);height:1em;min-height:14px}.skeleton-text-sm{border-radius:var(--radius-sm,4px);height:.75em;min-height:12px}.skeleton-text-lg{border-radius:var(--radius-md,6px);height:1.25em;min-height:18px}.skeleton-heading{border-radius:var(--radius-md,6px);width:60%;height:1.75em;min-height:28px}.skeleton-heading-lg{border-radius:var(--radius-lg,10px);width:50%;height:2.25em;min-height:36px}.skeleton-avatar{border-radius:var(--radius-full,9999px);aspect-ratio:1}.skeleton-avatar-sm{width:32px;height:32px}.skeleton-avatar-md{width:48px;height:48px}.skeleton-avatar-lg{width:64px;height:64px}.skeleton-card{border-radius:var(--radius-xl,14px);width:100%;max-width:400px;min-height:200px}.skeleton-card-sm{border-radius:var(--radius-lg,10px);width:100%;max-width:320px;min-height:120px}.skeleton-card-lg{border-radius:var(--radius-2xl,18px);width:100%;max-width:500px;min-height:300px}.skeleton-button{border-radius:var(--radius-lg,10px);min-width:100px;height:36px}.skeleton-badge{border-radius:var(--radius-full,9999px);min-width:60px;height:24px}.skeleton-image{aspect-ratio:16/9;border-radius:var(--radius-xl,14px)}.skeleton-group{gap:var(--space-3,12px);flex-direction:column;display:flex}.skeleton-group-horizontal{gap:var(--space-3,12px);flex-direction:row;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.skeleton,.skeleton-glass,.skeleton-accent{background-image:none;animation:none}}[data-theme=light] .skeleton{background-color:var(--color-bg-subtle,#f1f5f9);background-image:linear-gradient(90deg, var(--color-bg-subtle,#f1f5f9) 0%, var(--color-bg-surface,#fff) 25%, var(--color-bg-hover,#f1f5f9) 50%, var(--color-bg-surface,#fff) 75%, var(--color-bg-subtle,#f1f5f9) 100%);border-color:var(--color-border-subtle,#f1f5f9)}[data-theme=light] .skeleton-glass{-webkit-backdrop-filter:none;background-color:#f1f5f9e6}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-elevated{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border-strong)}.glass-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#0f0f12cc 0%,#0f0f1299 100%)}.icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.icon svg{width:100%;max-width:100%;height:100%;max-height:100%}.icon-xs{width:12px;height:12px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon-2xl{width:48px;height:48px}svg{max-width:100%;height:auto}.icon-xs svg,.icon-sm svg,.icon-md svg,.icon-lg svg,.icon-xl svg,.icon-2xl svg{width:100%;height:100%}button svg,.btn svg{flex-shrink:0;width:1em;height:1em}.btn-icon svg,.icon-btn svg{width:20px;height:20px}[class*=-icon] svg{flex-shrink:0;width:100%;height:100%}.app-shell{background:var(--color-bg-base);isolation:isolate;min-height:100dvh;display:flex;position:relative;overflow:hidden}.app-shell:before{content:"";background:radial-gradient(circle, var(--orb-1) 0%, transparent 70%);filter:blur(80px);pointer-events:none;z-index:-1;border-radius:50%;width:600px;height:600px;animation:30s ease-in-out infinite orb-float-1;position:fixed;top:5%;left:0}.app-shell:after{content:"";background:radial-gradient(circle, var(--orb-2) 0%, transparent 70%);filter:blur(70px);pointer-events:none;z-index:-1;border-radius:50%;width:500px;height:500px;animation:25s ease-in-out infinite orb-float-2;position:fixed;bottom:10%;right:5%}.main-content:before{content:"";background:radial-gradient(circle, var(--orb-3) 0%, transparent 70%);filter:blur(60px);pointer-events:none;z-index:-1;border-radius:50%;width:400px;height:400px;animation:35s ease-in-out infinite orb-float-3;position:fixed;top:50%;left:40%}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg,#09090bfa);height:100vh;-webkit-backdrop-filter:blur(var(--glass-blur-lg));border-right:1px solid var(--color-border);z-index:var(--z-sticky);flex-direction:column;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:0;left:0}.app-shell:not(.sidebar-open) .sidebar{transform:translate(-100%)}.app-shell.sidebar-open .sidebar{transform:translate(0);box-shadow:4px 0 24px #00000026}.sidebar:before{content:"";background:linear-gradient(180deg, transparent 0%, var(--color-accent-glow) 20%, var(--color-accent-glow) 80%, transparent 100%);opacity:.4;width:1px;height:100%;transition:opacity var(--duration-moderate) var(--ease-smooth);position:absolute;top:0;right:0}.sidebar:hover:before{opacity:.7}.sidebar-header{height:var(--header-height);padding:0 var(--space-4);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex;position:relative}.sidebar-brand-text{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.02em;align-items:baseline;gap:0;line-height:1;display:flex}.sidebar-logo-toggle{border-radius:var(--radius-lg);cursor:pointer;width:32px;height:32px;transition:transform var(--duration-moderate) var(--ease-smooth), background var(--duration-moderate) var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-logo-toggle svg{width:32px;height:32px}.sidebar-logo-toggle:hover{background:var(--color-bg-hover);transform:scale(1.08)}.sidebar-logo{align-items:center;gap:var(--space-3);cursor:default;text-decoration:none;display:flex}.logo-icon{border-radius:var(--radius-xl);width:36px;height:36px;transition:transform var(--duration-slow) var(--ease-silk), filter var(--duration-slow) var(--ease-silk);justify-content:center;align-items:center;display:flex}.sidebar-logo:hover .logo-icon{filter:brightness(1.1);transform:scale(1.05)rotate(3deg)}.logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.02em;align-items:baseline;line-height:1;display:flex}.logo-text-primary{color:var(--color-text-primary);transition:color var(--duration-slow) var(--ease-silk)}.logo-text-accent{background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-logo:hover .logo-text-primary{color:var(--color-text-primary)}.sidebar-logo-icon{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-xl);width:32px;height:32px;font-weight:var(--font-bold);font-size:var(--text-sm);transition:all var(--duration-moderate) var(--ease-bounce);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #8b5cf64d}.sidebar-logo:hover .sidebar-logo-icon{box-shadow:var(--shadow-glow);transform:scale(1.08)rotate(5deg)}.sidebar-nav{padding:var(--space-5) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section-title{font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1)}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:color var(--duration-slow) var(--ease-silk), background var(--duration-slow) var(--ease-silk);text-decoration:none;display:flex;position:relative}.sidebar-link.active:before{content:"";background:var(--color-accent);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link-icon{opacity:.8;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-link-icon svg{width:100%;height:100%}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-badge{min-width:20px;height:20px;padding:0 var(--space-1-5);font-size:var(--text-2xs);font-weight:var(--font-semibold);background:var(--color-accent);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;margin-left:auto;display:flex}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border-subtle)}.nav-section{margin-bottom:var(--space-6)}.nav-section-label{font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);display:block}.nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:color var(--duration-slow) var(--ease-silk), background var(--duration-slow) var(--ease-silk);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:44px;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-link:before{content:"";width:100%;height:100%;transition:left var(--duration-slower) var(--ease-silk);background:linear-gradient(90deg,#0000,#ffffff05,#0000);position:absolute;top:0;left:-100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-link.active{color:var(--color-accent);background:linear-gradient(135deg,#8b5cf61f 0%,#8b5cf60f 100%)}.nav-link-icon{width:20px;height:20px;transition:opacity var(--duration-slow) var(--ease-silk);opacity:.8;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-link:hover .nav-link-icon,.nav-link.active .nav-link-icon{opacity:1}.nav-link-icon svg{width:100%;height:100%}.nav-link-label{flex:1}.nav-link-indicator{background:var(--gradient-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.command-trigger{align-items:center;gap:var(--space-3);width:calc(100% - var(--space-6));margin:var(--space-4) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-moderate) var(--ease-smooth);font-family:inherit;display:flex;position:relative;overflow:hidden}.command-trigger:before{content:"";background:var(--gradient-primary);opacity:0;transition:opacity var(--duration-moderate) var(--ease-default);position:absolute;inset:0}.command-trigger:hover{background:var(--color-bg-hover);border-color:var(--color-accent-muted);color:var(--color-text-secondary);box-shadow:0 0 20px #8b5cf61a}.command-trigger:hover:before{opacity:.05}.command-trigger-icon{opacity:.6;width:18px;height:18px;transition:opacity var(--duration-hover) var(--ease-silk), color var(--duration-hover) var(--ease-silk)}.command-trigger:hover .command-trigger-icon{opacity:1;color:var(--color-accent)}.command-trigger-icon svg{width:100%;height:100%}.command-trigger-text{text-align:left;flex:1}.command-trigger-kbd{padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--text-2xs);color:var(--color-text-muted);font-family:inherit}.ai-status{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin:0 var(--space-3) var(--space-3);border-radius:var(--radius-lg);background:#22c55e14;border:1px solid #22c55e33;display:flex}.ai-status-dot{background:var(--color-success);border-radius:var(--radius-full);width:8px;height:8px;animation:2s ease-in-out infinite pulse}.ai-status-text{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-success)}.sidebar-footer{gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.sidebar-upgrade-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);background:var(--gradient-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;cursor:pointer;transition:transform var(--duration-slow) var(--ease-silk), box-shadow var(--duration-slow) var(--ease-silk), filter var(--duration-slow) var(--ease-silk);border:none;text-decoration:none;display:flex}.sidebar-upgrade-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.sidebar-upgrade-btn:active{transform:translateY(0)}.upgrade-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.upgrade-icon svg{width:100%;height:100%}.upgrade-text{white-space:nowrap}.sidebar-plan-badge{align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-slow) var(--ease-silk), border-color var(--duration-slow) var(--ease-silk);text-decoration:none;display:flex}.sidebar-plan-badge:hover{background:var(--color-bg-hover);border-color:var(--color-accent)}.plan-icon{width:16px;height:16px;color:var(--color-accent);justify-content:center;align-items:center;display:flex}.plan-icon svg{width:100%;height:100%}.plan-text{font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;flex:1}.plan-status{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:#22c55e;text-transform:uppercase;letter-spacing:.5px;background:#22c55e26}.logo-icon{width:28px;height:28px;color:var(--color-accent);justify-content:center;align-items:center;display:flex}.logo-icon svg{width:22px;height:22px}.logo-text{letter-spacing:var(--tracking-tight)}.main-area{margin-left:var(--sidebar-width);background:var(--color-bg-base);flex-direction:column;flex:1;min-width:0;height:100dvh;transition:margin-left .3s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden}.app-shell:not(.sidebar-open) .main-area{margin-left:0}.topbar{height:var(--header-height);padding:0 var(--space-6);background:var(--color-bg-base);border-bottom:1px solid var(--color-border-subtle);z-index:var(--z-sticky);align-items:center;gap:var(--space-4);display:flex;position:sticky;top:0}.topbar-logo-toggle{align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-moderate) var(--ease-smooth);background:0 0;border:none;flex-shrink:0;display:flex}.topbar-logo-toggle:hover{background:var(--color-bg-hover)}.topbar-logo-toggle .toggle-logo-icon{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.topbar-logo-toggle .toggle-logo-icon svg{width:32px;height:32px}.topbar-logo-toggle .toggle-logo-text{font-size:var(--text-lg);letter-spacing:-.02em;align-items:baseline;gap:0;font-weight:700;display:flex}.topbar-logo-toggle .logo-text-primary{color:var(--color-text-primary)}.topbar-logo-toggle .logo-text-accent{background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.topbar-left{flex-shrink:0;align-items:center;display:flex}.topbar-spacer{min-width:var(--space-6);flex:1}.topbar-search{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;min-width:180px;transition:border-color var(--duration-slow) var(--ease-silk), background var(--duration-slow) var(--ease-silk), box-shadow var(--duration-slow) var(--ease-silk);display:flex}.topbar-search:hover{border-color:var(--color-border-strong);background:var(--color-bg-hover)}.topbar-search:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.topbar-search-icon{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar-search-icon svg{width:100%;height:100%}.topbar-search-text{font-size:var(--text-sm);color:var(--color-text-muted);text-align:left;flex:1}.topbar-search-kbd{padding:var(--space-0-5) var(--space-1-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-tertiary);line-height:1}.user-metrics{align-items:center;gap:var(--space-1);transition:opacity var(--duration-slow) var(--ease-silk);display:flex}.user-metrics.metrics-loading{opacity:.7}.user-metrics.metrics-loading .metric-value{animation:1.5s ease-in-out infinite metricsPulse}@keyframes metricsPulse{0%,to{opacity:1}50%{opacity:.5}}.metric-item{align-items:center;gap:var(--space-0-5);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:background var(--duration-slow) var(--ease-silk), transform var(--duration-slow) var(--ease-silk);flex-direction:column;text-decoration:none;display:flex}.metric-item:hover{background:var(--color-bg-hover);transform:translateY(-1px)}.metric-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1}.metric-label{font-size:var(--text-2xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.metric-item.metric-highlight .metric-value{color:var(--color-accent)}.metric-divider{background:var(--color-border);width:1px;height:32px;margin:0 var(--space-2)}.metric-tooltip{display:none}.topbar-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.topbar-icon-btn{border-radius:var(--radius-lg);cursor:pointer;width:40px;min-width:40px;height:40px;min-height:40px;color:var(--color-text-tertiary);transition:color var(--duration-slow) var(--ease-silk), background var(--duration-slow) var(--ease-silk);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.topbar-icon-btn:active{background:var(--color-bg-active)}.topbar-icon-btn svg{width:18px;height:18px}.topbar-icon-inner{justify-content:center;align-items:center;display:flex}.topbar-icon-inner svg{width:18px;height:18px}.user-menu-container{position:relative}.topbar-user-btn{align-items:center;gap:var(--space-1-5);padding:var(--space-1);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-slow) var(--ease-silk);background:0 0;border:none;display:flex}.topbar-user-btn:hover{background:var(--color-bg-hover)}.topbar-user-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);border:2px solid var(--color-border);width:36px;height:36px;transition:border-color var(--duration-slow) var(--ease-silk);justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.topbar-user-avatar img,.topbar-user-avatar>span:not(.avatar-status-dot){border-radius:var(--radius-full)}.avatar-status-dot{border-radius:var(--radius-full);border:2px solid var(--color-bg-primary);background:#22c55e;width:10px;height:10px;position:absolute;bottom:0;right:0;box-shadow:0 0 0 1px #0000001a}.topbar-user-btn:hover .topbar-user-avatar{border-color:var(--color-accent)}.topbar-user-avatar img{object-fit:cover;width:100%;height:100%}.topbar-user-avatar span{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff}.topbar-user-chevron{width:16px;height:16px;color:var(--color-text-muted);transition:transform var(--duration-slow) var(--ease-silk), color var(--duration-slow) var(--ease-silk)}.topbar-user-chevron svg{width:100%;height:100%}.topbar-user-btn[aria-expanded=true] .topbar-user-chevron{color:var(--color-text-secondary);transform:rotate(180deg)}.user-menu-dropdown{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:280px;max-height:calc(100vh - 100px);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden auto}.user-menu-dropdown::-webkit-scrollbar{width:6px}.user-menu-dropdown::-webkit-scrollbar-track{background:0 0}.user-menu-dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.user-menu-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.user-menu-header{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-elevated);display:flex}.user-menu-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.user-menu-avatar img{object-fit:cover;width:100%;height:100%}.user-menu-avatar span{font-size:var(--text-lg);font-weight:var(--font-semibold);color:#fff}.user-menu-info{gap:var(--space-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.user-menu-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-email{font-size:var(--text-xs);color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-plan{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-2xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.user-menu-plan.plan-pro{background:var(--gradient-primary);color:#fff}.user-menu-plan.plan-plus{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2)}.user-menu-plan.plan-free{background:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.user-menu-divider{background:var(--color-border);height:1px;margin:var(--space-1) 0}.user-menu-section{padding:var(--space-1) 0}.user-menu-item{align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;width:100%;transition:background var(--duration-slow) var(--ease-silk), color var(--duration-slow) var(--ease-silk);text-align:left;background:0 0;border:none;text-decoration:none;display:flex}.user-menu-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.user-menu-item-icon{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-menu-item:hover .user-menu-item-icon{color:var(--color-text-secondary)}.user-menu-item-icon svg{width:100%;height:100%}.user-menu-item-label{flex:1}.user-menu-item-chevron{width:14px;height:14px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.user-menu-item-chevron svg{width:100%;height:100%}.user-menu-item-count{padding:var(--space-0-5) var(--space-1-5);background:var(--color-bg-active);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.user-menu-item-badge{padding:var(--space-0-5) var(--space-1-5);background:var(--color-success-subtle);border-radius:var(--radius-md);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-success)}.user-menu-item-badge-new{background:var(--color-accent-subtle);color:var(--color-accent)}.user-menu-item-kbd{padding:var(--space-0-5) var(--space-1-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-tertiary)}.user-menu-item-danger{color:var(--color-error)}.user-menu-item-danger:hover{background:var(--color-error-subtle);color:var(--color-error)}.user-menu-item-danger .user-menu-item-icon{color:var(--color-error)}.icon-btn{border-radius:var(--radius-lg);cursor:pointer;width:36px;height:36px;color:var(--color-text-tertiary);transition:color var(--duration-slow) var(--ease-silk), background var(--duration-slow) var(--ease-silk);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.icon-btn:active{background:var(--color-bg-active)}.icon-btn svg{width:18px;height:18px}.theme-toggle{border-radius:var(--radius-lg);cursor:pointer;width:36px;height:36px;color:var(--color-text-tertiary);transition:color var(--duration-slow) var(--ease-silk), background var(--duration-slow) var(--ease-silk);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.theme-toggle:active{background:var(--color-bg-active)}.theme-toggle-icon{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.theme-toggle-icon svg{width:18px;height:18px}.page-content{padding:var(--space-6);max-width:var(--max-content-width);box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;width:100%;min-width:0;margin:0 auto;overflow:hidden auto}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:0 0}.page-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full);background-clip:content-box;border:2px solid #0000}.page-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong);background-clip:content-box}@media (width<=768px){.page-content{padding:var(--space-4)}}@media (width<=480px){.page-content{padding:var(--space-3)}}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.main-header{height:var(--header-height);padding:0 var(--space-8);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);z-index:var(--z-sticky);background:#09090bcc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.main-body{padding:var(--space-8);max-width:var(--max-content-width);flex:1;width:100%;margin:0 auto}.page-container{padding:var(--space-6)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);display:flex}.page-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);max-width:600px}.page-header-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);box-sizing:border-box;width:100%;max-width:100%;transition:border-color var(--duration-slow) var(--ease-silk), background var(--duration-slow) var(--ease-silk), box-shadow var(--duration-slower) var(--ease-gentle), transform var(--duration-slow) var(--ease-silk);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--color-border-strong);background:var(--glass-bg-hover)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-xl), 0 0 30px #8b5cf60a;transform:translateY(-2px)}.card-interactive:active{transform:translateY(-1px)}.card-glow{position:relative;overflow:hidden}.card-glow:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;transition:opacity var(--duration-moderate) var(--ease-smooth);pointer-events:none;background:linear-gradient(135deg,#8b5cf666,#0000 30% 70%,#06b6d466);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-glow:hover:after{opacity:1}.card-premium{background:linear-gradient(145deg, #8b5cf60a 0%, transparent 30%, transparent 70%, #06b6d408 100%), var(--glass-bg);border:1px solid #ffffff14}.card-premium:before{background:linear-gradient(90deg,#0000 20%,#ffffff14 50%,#0000 80%)}.card-premium:hover{background:linear-gradient(145deg, #8b5cf614 0%, transparent 30%, transparent 70%, #06b6d40f 100%), var(--glass-bg-hover);border-color:#ffffff1f}.card-elevated{box-shadow:var(--shadow-card)}.card-elevated:hover{box-shadow:var(--shadow-card-hover)}.card-feature{gap:var(--space-3);padding:var(--space-6);text-align:center;flex-direction:column;align-items:center;display:flex}.card-feature-icon{background:var(--gradient-primary);border-radius:var(--radius-2xl);color:#fff;width:48px;height:48px;transition:transform var(--duration-moderate) var(--ease-bounce);justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #8b5cf640}.card-feature:hover .card-feature-icon{transform:scale(1.1)rotate(5deg)}.card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.card-body{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.card-footer{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-xl);cursor:pointer;transition:background var(--duration-slow) var(--ease-silk), border-color var(--duration-slow) var(--ease-silk), color var(--duration-slow) var(--ease-silk), box-shadow var(--duration-slower) var(--ease-gentle), transform var(--duration-slow) var(--ease-silk);white-space:nowrap;-webkit-user-select:none;user-select:none;isolation:isolate;border:1px solid #0000;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";transition:transform .8s var(--ease-silk);z-index:1;background:linear-gradient(90deg,#0000 0%,#ffffff0d 45%,#ffffff14 50%,#ffffff0d 55%,#0000 100%);position:absolute;inset:0;transform:translate(-100%)skew(-20deg)}.btn:hover:before{transform:translate(100%)skew(-20deg)}.btn:after{content:"";border-radius:calc(var(--radius-xl) + 2px);background:var(--gradient-primary);opacity:0;z-index:-1;transition:opacity var(--duration-moderate) var(--ease-default);filter:blur(8px);position:absolute;inset:-2px}.btn:focus-visible:after{opacity:.4}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn>*{z-index:2;position:relative}.btn svg{flex-shrink:0;width:18px;height:18px}.btn-lg svg{width:20px;height:20px}.btn-sm svg{width:14px;height:14px}.btn-primary{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 2px 6px #8b5cf633,inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf640,inset 0 1px #ffffff26}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #8b5cf633,inset 0 1px 2px #0000001a}.btn-secondary{color:var(--color-text-primary);border-color:var(--color-border-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);background:#ffffff0d;transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:before{display:none}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--color-error) 0%, #dc2626 100%);color:#fff;border-color:#0000;box-shadow:0 2px 6px #f43f5e33,inset 0 1px #ffffff1a}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e40,inset 0 1px #ffffff26}.btn-outline{color:var(--color-accent);border-color:var(--color-accent-muted);background:0 0}.btn-outline:before{background:linear-gradient(90deg,#0000 0%,#8b5cf60d 45%,#8b5cf614 50%,#8b5cf60d 55%,#0000 100%)}.btn-outline:hover:not(:disabled){background:var(--color-accent-subtle);border-color:var(--color-accent);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg, var(--color-success) 0%, #10b981 100%);color:#fff;border-color:#0000;box-shadow:0 2px 6px #22c55e33,inset 0 1px #ffffff1a}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e40,inset 0 1px #ffffff26}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-lg)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-2xl)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg);border-radius:var(--radius-2xl);letter-spacing:var(--tracking-tight)}.btn-icon{padding:var(--space-2-5);border-radius:var(--radius-xl)}.btn-icon.btn-sm{padding:var(--space-2)}.btn-loading{color:#0000;pointer-events:none}.btn-loading:after{content:"";z-index:3;border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;position:absolute}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--duration-hover) var(--ease-silk), background var(--duration-hover) var(--ease-silk), box-shadow var(--duration-glow) var(--ease-gentle);position:relative}.input::placeholder{color:var(--color-text-muted);transition:color var(--duration-color) var(--ease-silk)}.input:hover{border-color:var(--color-border-strong);background:var(--color-bg-elevated)}.input:hover::placeholder{color:var(--color-text-tertiary)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle), 0 0 20px #8b5cf614, var(--shadow-sm);background:var(--color-bg-elevated);outline:none}.input:focus::placeholder{color:var(--color-text-tertiary);opacity:.7}.input-floating{padding-top:var(--space-5)}.input-group{position:relative}.input-icon{left:var(--space-4);color:var(--color-text-muted);pointer-events:none;transition:color var(--duration-fast) var(--ease-default);position:absolute;top:50%;transform:translateY(-50%)}.input-group:focus-within .input-icon{color:var(--color-accent)}.input-group .input{padding-left:var(--space-11)}.input-premium{background:var(--color-bg-surface);border:1px solid var(--color-border);position:relative}.input-premium:focus{background:linear-gradient(var(--color-bg-elevated), var(--color-bg-elevated)) padding-box, var(--gradient-primary) border-box;box-shadow:0 0 0 3px var(--color-accent-subtle), 0 0 30px #8b5cf61f;border-color:#0000}.input-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-lg)}.input-lg{padding:var(--space-4) var(--space-5);font-size:var(--text-base);border-radius:var(--radius-2xl)}textarea.input{resize:vertical;min-height:120px;line-height:var(--leading-relaxed)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394A3B8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right var(--space-3) center;padding-right:var(--space-10);background-repeat:no-repeat;background-size:20px}.select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238B5CF6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}.checkbox,.radio{appearance:none;border:2px solid var(--color-border-strong);background:var(--color-bg-surface);cursor:pointer;width:18px;height:18px;transition:border-color var(--duration-hover) var(--ease-silk), background var(--duration-hover) var(--ease-silk), box-shadow var(--duration-glow) var(--ease-gentle);position:relative}.checkbox{border-radius:var(--radius-sm)}.radio{border-radius:50%}.checkbox:hover,.radio:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}.checkbox:checked,.radio:checked{background:var(--gradient-primary);box-shadow:0 0 12px var(--color-accent-subtle);border-color:#0000}.checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.radio:checked:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);font-size:var(--text-2xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.01em;transition:all var(--duration-fast) var(--ease-smooth);display:inline-flex}.badge-default{background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-accent{color:var(--color-accent);border:1px solid var(--color-accent-muted);background:linear-gradient(135deg,#8b5cf626 0%,#06b6d41a 100%)}.badge-success{color:var(--color-success);background:linear-gradient(135deg,#34d39926 0%,#10b9811a 100%);border:1px solid #34d3994d}.badge-warning{color:var(--color-warning);background:linear-gradient(135deg,#fbbf2426 0%,#f59e0b1a 100%);border:1px solid #fbbf244d}.badge-error{color:var(--color-error);background:linear-gradient(135deg,#f43f5e26 0%,#dc26261a 100%);border:1px solid #f43f5e4d}.badge-info{color:var(--color-cyan);background:linear-gradient(135deg,#06b6d426 0%,#0ea5e91a 100%);border:1px solid #06b6d44d}.badge-premium{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 2px 8px #8b5cf640}.score-ring{justify-content:center;align-items:center;display:flex;position:relative}.score-ring-track{fill:none;stroke:var(--color-border);stroke-width:4px}.score-ring-progress{fill:none;stroke:url(#score-gradient);stroke-width:5px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset var(--duration-slower) var(--ease-out);filter:drop-shadow(0 0 6px #8b5cf666);transform:rotate(-90deg)}.score-ring-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);background:var(--gradient-text-subtle);-webkit-background-clip:text;background-clip:text;position:absolute}.score-ring-label{font-size:var(--text-2xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-widest);font-weight:var(--font-medium);position:absolute;bottom:25%}.insight-card{gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-default);display:flex}.insight-card:hover{border-color:var(--color-border-strong);background:var(--color-bg-elevated)}.insight-icon{border-radius:var(--radius-lg);width:40px;height:40px;font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.insight-icon-accent{background:var(--color-accent-subtle);color:var(--color-accent)}.insight-icon-success{background:var(--color-success-muted);color:var(--color-success)}.insight-icon-warning{background:var(--color-warning-muted);color:var(--color-warning)}.insight-content{flex:1;min-width:0}.insight-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.insight-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.insight-action{align-items:center;gap:var(--space-1);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-accent);cursor:pointer;transition:gap var(--duration-fast) var(--ease-default);display:flex}.insight-action:hover{gap:var(--space-2)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:64px;height:64px;font-size:var(--text-4xl);margin-bottom:var(--space-6);background:var(--color-bg-elevated);border-radius:var(--radius-2xl);justify-content:center;align-items:center;display:flex}.empty-state-description{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--space-6)}.command-trigger{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-hover) var(--ease-silk), color var(--duration-hover) var(--ease-silk), background var(--duration-hover) var(--ease-silk);min-width:200px;display:flex}.command-trigger:hover{border-color:var(--color-border-strong);color:var(--color-text-secondary)}.command-trigger-shortcut{gap:var(--space-1);margin-left:auto;display:flex}.kbd{min-width:20px;height:20px;padding:0 var(--space-1);font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--font-medium);color:var(--color-text-muted);background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:inline-flex}.command-overlay{-webkit-backdrop-filter:blur(4px);z-index:var(--z-command);background:#0009;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.command-dialog{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:560px;box-shadow:var(--shadow-2xl);overflow:hidden}.command-input-wrapper{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.command-input{font-size:var(--text-base);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1}.command-input::placeholder{color:var(--color-text-muted)}.command-list{max-height:400px;padding:var(--space-2);overflow-y:auto}.command-group{padding:var(--space-2) 0}.command-group-title{padding:var(--space-2) var(--space-3);font-size:var(--text-2xs);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.command-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-hover) var(--ease-silk);display:flex}.command-item:hover,.command-item[data-selected=true]{background:var(--color-bg-hover)}.command-item-icon{width:20px;height:20px;color:var(--color-text-tertiary)}.command-item-label{font-size:var(--text-sm);color:var(--color-text-primary);flex:1}.command-item-shortcut{gap:var(--space-1);display:flex}.ai-fab-container{z-index:var(--z-sticky);position:fixed;bottom:24px;right:24px}.ai-fab-glow{background:radial-gradient(circle, var(--color-accent) 0%, transparent 70%);pointer-events:none;z-index:-1;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-fab-glow-2{background:radial-gradient(circle, var(--color-accent-secondary) 0%, transparent 70%)}.ai-fab-glow-3{background:radial-gradient(circle, color-mix(in srgb, var(--color-accent) 50%, var(--color-accent-secondary)) 0%, transparent 70%)}.ai-fab{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f166,0 8px 40px #6366f133,inset 0 1px #ffffff26}.ai-fab-gradient{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-secondary) 50%, color-mix(in srgb, var(--color-accent) 80%, #a855f7) 100%);z-index:0;background-size:200% 200%;animation:4s infinite gradientShift;position:absolute;inset:0}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.ai-fab-shine{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);width:50%;height:100%;position:absolute;top:0;left:0;transform:skew(-20deg)}.ai-fab-icon{z-index:2;filter:drop-shadow(0 2px 4px #0003);position:relative}.ai-fab-status{z-index:3;background:#22c55e;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;right:8px;box-shadow:0 0 8px #22c55e99}.ai-fab:hover{box-shadow:0 6px 30px #6366f180,0 12px 50px #6366f14d,inset 0 1px #fff3}.ai-fab-tooltip{background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);white-space:nowrap;pointer-events:none;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;display:flex;position:absolute;top:50%;right:72px;transform:translateY(-50%)}.ai-fab-tooltip span{color:var(--color-text-primary);font-size:13px;font-weight:500}.ai-fab-tooltip kbd{color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:5px;justify-content:center;align-items:center;padding:2px 6px;font-family:inherit;font-size:11px;font-weight:500;display:inline-flex}.ai-chat-panel{background:var(--glass-bg);width:420px;max-height:620px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-2xl), 0 0 0 1px #ffffff0d;z-index:var(--z-sticky);border-radius:20px;flex-direction:column;display:flex;position:fixed;bottom:100px;right:24px;overflow:hidden}.ai-chat-header{border-bottom:1px solid var(--color-border);background:linear-gradient(#6366f114 0%,#0000 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ai-chat-title{align-items:center;gap:10px;display:flex}.ai-chat-status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55e99}.ai-chat-title-text{color:var(--color-text-primary);background:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:600}.ai-chat-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-secondary) 100%);border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700;box-shadow:0 2px 8px #6366f14d}.ai-chat-badge-free{background:linear-gradient(135deg,#64748b 0%,#475569 100%);box-shadow:0 2px 8px #64748b4d}.ai-chat-badge-plus{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);box-shadow:0 2px 8px #06b6d44d}.ai-chat-badge-pro{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-secondary) 100%);box-shadow:0 2px 8px #6366f14d}.ai-chat-usage{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:8px 16px;font-size:11px;display:flex}.ai-chat-usage-text{color:var(--color-text-tertiary)}.ai-chat-usage.at-limit .ai-chat-usage-text{color:var(--color-warning)}.ai-chat-upgrade-btn{color:#fff;background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-secondary) 100%);cursor:pointer;transition:all var(--duration-fast);border:none;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:600}.ai-chat-upgrade-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px #6366f166}.ai-chat-messages{flex-direction:column;flex:1;gap:16px;min-height:300px;padding:20px;display:flex;overflow-y:auto}.ai-message{gap:12px;animation:.3s ease-out messageSlide;display:flex}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-message-avatar{background:linear-gradient(135deg, var(--color-accent-subtle) 0%, #6366f126 100%);width:32px;height:32px;color:var(--color-accent);border:1px solid #6366f133;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-message-content{color:var(--color-text-secondary);flex:1;padding-top:6px;font-size:14px;line-height:1.6}.ai-suggestions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ai-suggestion-btn{color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-silk);border-radius:20px;padding:8px 14px;font-size:13px;font-weight:500}.ai-suggestion-btn:hover{background:var(--color-accent-muted);transform:translateY(-1px);box-shadow:0 2px 8px #6366f133}.ai-suggestion-btn:active{transform:scale(.97)}.ai-message-user{flex-direction:row-reverse}.ai-message-user .ai-message-content{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-secondary) 100%);color:#fff;border-radius:16px 16px 4px;padding:12px 16px;box-shadow:0 2px 8px #6366f140}.ai-typing-indicator{background:var(--color-bg-elevated);border-radius:16px;gap:4px;width:fit-content;padding:12px 16px;display:flex}.ai-typing-indicator span{background:var(--color-accent);opacity:.5;border-radius:50%;width:8px;height:8px}.ai-chat-input-wrapper{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);align-items:flex-end;gap:12px;padding:16px 20px;display:flex}.ai-chat-input{background:var(--color-bg-surface);border:1px solid var(--color-border);min-height:44px;max-height:120px;color:var(--color-text-primary);resize:none;border-radius:14px;flex:1;padding:12px 16px;font-size:14px;transition:all .2s}.ai-chat-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.ai-chat-input::placeholder{color:var(--color-text-tertiary)}.ai-chat-send{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 2px 8px #6366f14d}.ai-chat-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.ai-chat-send:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .ai-chat-panel{-webkit-backdrop-filter:none;background:#fff;border-color:#e2e8f0}[data-theme=light] .ai-fab-tooltip{background:#fff;border-color:#e2e8f0}[data-theme=light] .ai-chat-input-wrapper{background:#f8fafc}[data-theme=light] .ai-chat-input{background:#fff;border-color:#e2e8f0}.spinner-sm{border-width:2px;width:14px;height:14px}.spinner-lg{border-width:3px;width:28px;height:28px}.progress{background:var(--color-bg-elevated);border-radius:var(--radius-full);height:4px;overflow:hidden}[data-theme=light] .sidebar,[data-theme=light] .topbar,[data-theme=light] .main-header,[data-theme=light] .card,[data-theme=light] .card-premium,[data-theme=light] .card-glow,[data-theme=light] .stat-card,[data-theme=light] .insight-card,[data-theme=light] .analysis-card,[data-theme=light] .score-card,[data-theme=light] .dialog-content,[data-theme=light] .dropdown-menu,[data-theme=light] .command-palette-content,[data-theme=light] .command-dialog,[data-theme=light] .ai-chat-panel,[data-theme=light] .tooltip,[data-theme=light] .tabs,[data-theme=light] .empty-state,[data-theme=light] [data-tooltip]:after{-webkit-backdrop-filter:none!important}[data-theme=light] .sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:1px 0 3px #0000000a}[data-theme=light] .sidebar:before{opacity:.5;background:linear-gradient(#0000 0%,#7c3aed1a 30% 70%,#0000 100%)}[data-theme=light] .sidebar-header{border-bottom:1px solid #f1f5f9}[data-theme=light] .logo-text-primary{color:#0f172a}[data-theme=light] .sidebar-footer{background:#fafbfc;border-top:1px solid #f1f5f9}[data-theme=light] .sidebar-upgrade-btn:hover{box-shadow:0 4px 12px #7c3aed4d}[data-theme=light] .sidebar-plan-badge{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .sidebar-plan-badge:hover{border-color:var(--color-accent);background:#f1f5f9}[data-theme=light] .plan-text{color:#0f172a}[data-theme=light] .user-menu-plan.plan-free{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .user-menu-plan.plan-plus{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2)}[data-theme=light] .topbar,[data-theme=light] .main-header{background:#fff;border-bottom:1px solid #e2e8f0}[data-theme=light] .topbar-search{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .topbar-search:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .topbar-search:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #7c3aed1a}[data-theme=light] .topbar-search-text{color:#94a3b8}[data-theme=light] .topbar-search-kbd{color:#64748b;background:#fff;border-color:#e2e8f0}[data-theme=light] .metric-item:hover{background:#f1f5f9}[data-theme=light] .metric-value{color:#0f172a}[data-theme=light] .metric-label{color:#64748b}[data-theme=light] .metric-divider{background:#e2e8f0}[data-theme=light] .topbar-icon-btn{color:#64748b}[data-theme=light] .topbar-icon-btn:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .topbar-user-btn:hover{background:#f1f5f9}[data-theme=light] .topbar-user-avatar{border-color:#e2e8f0}[data-theme=light] .avatar-status-dot{border-color:#fff}[data-theme=light] .topbar-user-btn:hover .topbar-user-avatar{border-color:var(--color-accent)}[data-theme=light] .topbar-user-chevron{color:#94a3b8}[data-theme=light] .user-menu-dropdown{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 40px #0000001f}[data-theme=light] .user-menu-header{background:#f8fafc}[data-theme=light] .user-menu-name{color:#0f172a}[data-theme=light] .user-menu-email{color:#64748b}[data-theme=light] .user-menu-divider{background:#e2e8f0}[data-theme=light] .user-menu-item{color:#475569}[data-theme=light] .user-menu-item:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .user-menu-item-icon{color:#64748b}[data-theme=light] .user-menu-item:hover .user-menu-item-icon{color:#475569}[data-theme=light] .user-menu-item-count{color:#475569;background:#e2e8f0}[data-theme=light] .user-menu-item-kbd{color:#64748b;background:#fff;border-color:#e2e8f0}[data-theme=light] .user-menu-item-danger{color:#dc2626}[data-theme=light] .user-menu-item-danger:hover{background:#dc262614}[data-theme=light] .user-menu-item-danger .user-menu-item-icon{color:#dc2626}[data-theme=light] .main-content,[data-theme=light] .main-area,[data-theme=light] .page-content{background:#f8fafc}[data-theme=light] .app-shell:before,[data-theme=light] .app-shell:after,[data-theme=light] .main-content:before{opacity:.15;filter:blur(120px)}[data-theme=light] .nav-link{color:#475569}[data-theme=light] .nav-link:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .nav-link.active{color:#7c3aed;background:#7c3aed14;box-shadow:inset 0 0 0 1px #7c3aed26}[data-theme=light] .nav-link-indicator{box-shadow:0 0 8px #7c3aed4d}[data-theme=light] .sidebar-link{color:#475569}[data-theme=light] .sidebar-link:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .sidebar-link.active{color:#7c3aed;background:#7c3aed14}[data-theme=light] .card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}[data-theme=light] .card:before{background:linear-gradient(90deg,#0000,#7c3aed05,#0000)}[data-theme=light] .card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000014}[data-theme=light] .card-premium{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .card-premium:hover{background:#fff;border-color:#cbd5e1}[data-theme=light] .card-glow:after{opacity:0}[data-theme=light] .card-header{border-bottom-color:#f1f5f9}[data-theme=light] .card-footer{border-top-color:#f1f5f9}[data-theme=light] .card-feature-icon{box-shadow:0 4px 12px #7c3aed33}[data-theme=light] .btn-primary{box-shadow:0 1px 3px #7c3aed4d,0 1px 2px #7c3aed33}[data-theme=light] .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #7c3aed59,0 2px 4px #7c3aed40}[data-theme=light] .btn-secondary{color:#0f172a;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000a}[data-theme=light] .btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 6px #0000000f}[data-theme=light] .btn-ghost{color:#475569}[data-theme=light] .btn-ghost:hover:not(:disabled){color:#0f172a;background:#f1f5f9}[data-theme=light] .btn-outline{color:#7c3aed;border-color:#7c3aed4d}[data-theme=light] .btn-outline:hover:not(:disabled){background:#7c3aed0f;border-color:#7c3aed}[data-theme=light] .btn-icon{color:#475569}[data-theme=light] .btn-icon:hover:not(:disabled){color:#0f172a;background:#f1f5f9}[data-theme=light] .input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;box-shadow:inset 0 1px 2px #00000005}[data-theme=light] .input::placeholder{color:#94a3b8}[data-theme=light] .input:hover{background:#fff;border-color:#cbd5e1}[data-theme=light] .input:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a,0 1px 2px #0000000a}[data-theme=light] .input-icon{color:#94a3b8}[data-theme=light] .input-group:focus-within .input-icon{color:#7c3aed}[data-theme=light] .select{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}[data-theme=light] .select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%237C3AED'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}[data-theme=light] .checkbox,[data-theme=light] .radio{background:#fff;border-color:#cbd5e1}[data-theme=light] .checkbox:hover,[data-theme=light] .radio:hover{background:#7c3aed0a;border-color:#7c3aed}[data-theme=light] .badge-default{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}[data-theme=light] .badge-accent{color:#6d28d9;background:#7c3aed1a;border:1px solid #7c3aed33}[data-theme=light] .badge-success{color:#15803d;background:#15803d1a;border:1px solid #15803d33}[data-theme=light] .badge-warning{color:#b45309;background:#b453091a;border:1px solid #b4530933}[data-theme=light] .badge-error{color:#b91c1c;background:#b91c1c1a;border:1px solid #b91c1c33}[data-theme=light] .info-badge{color:#1d4ed8;background:#1d4ed81a;border:1px solid #1d4ed833}[data-theme=light] .tabs{background:#f1f5f9;border:1px solid #e2e8f0}[data-theme=light] .tab{color:#475569}[data-theme=light] .tab:hover{color:#0f172a;background:#00000008}[data-theme=light] .tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000000f}[data-theme=light] .progress{background:#e2e8f0}[data-theme=light] .progress-fill{background:var(--gradient-primary)}[data-theme=light] .spinner{border-color:#7c3aed #e2e8f0 #e2e8f0}[data-theme=light] .tooltip,[data-theme=light] [data-tooltip]:after{color:#fff;background:#1e293b;border-color:#334155}[data-theme=light] .dropdown-menu{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 40px #0000001f,0 0 1px #00000014}[data-theme=light] .dropdown-item{color:#475569}[data-theme=light] .dropdown-item:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .dropdown-item-danger{color:#b91c1c}[data-theme=light] .dropdown-item-danger:hover{background:#b91c1c14}[data-theme=light] .dropdown-separator{background:#e2e8f0}[data-theme=light] .dialog-overlay{background:#0f172a80}[data-theme=light] .dialog-content{background:#fff;border:1px solid #e2e8f0;box-shadow:0 25px 50px #00000026}[data-theme=light] .dialog-header{border-bottom:1px solid #f1f5f9}[data-theme=light] .dialog-footer{background:#fafbfc;border-top:1px solid #f1f5f9}[data-theme=light] .command-overlay{background:#0f172a80}[data-theme=light] .command-dialog,[data-theme=light] .command-palette-content{background:#fff;border:1px solid #e2e8f0;box-shadow:0 25px 50px #0003}[data-theme=light] .command-input-wrapper{border-bottom:1px solid #e2e8f0}[data-theme=light] .command-input{color:#0f172a}[data-theme=light] .command-input::placeholder{color:#94a3b8}[data-theme=light] .command-group-title{color:#64748b}[data-theme=light] .command-item{color:#0f172a}[data-theme=light] .command-item:hover,[data-theme=light] .command-item[data-selected=true]{background:#f1f5f9}[data-theme=light] .command-item-icon{color:#64748b}[data-theme=light] .kbd{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .command-trigger{color:#64748b;background:#fff;border:1px solid #e2e8f0}[data-theme=light] .command-trigger:hover{color:#475569;background:#fafbfc;border-color:#cbd5e1}[data-theme=light] .empty-state{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .empty-state-icon{color:#7c3aed;background:#7c3aed14}[data-theme=light] .empty-state-title{color:#0f172a}[data-theme=light] .empty-state-description{color:#64748b}[data-theme=light] .user-avatar{color:#7c3aed;background:#7c3aed1a}[data-theme=light] .user-name{color:#0f172a}[data-theme=light] .user-email{color:#64748b}[data-theme=light] .ai-status{background:#15803d14;border:1px solid #15803d33}[data-theme=light] .ai-status-text{color:#15803d}[data-theme=light] .theme-toggle{color:#64748b;background:0 0}[data-theme=light] .theme-toggle:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .theme-toggle:active{background:#e2e8f0}[data-theme=light] .notification-bell{color:#64748b;background:0 0}[data-theme=light] .notification-bell:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .notification-bell:active{background:#e2e8f0}[data-theme=light] .logo-icon{color:#7c3aed}[data-theme=light] .logo-text{color:#0f172a}[data-theme=light] .sidebar-logo-icon{box-shadow:0 2px 8px #7c3aed33}[data-theme=light] .ai-fab-glow{opacity:.25}[data-theme=light] .ai-fab{box-shadow:0 4px 15px #7c3aed4d,0 2px 6px #7c3aed33}[data-theme=light] .ai-fab:hover{box-shadow:0 6px 20px #7c3aed59,0 3px 8px #7c3aed40}[data-theme=light] .ai-fab-tooltip{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 15px #0000001a}[data-theme=light] .ai-fab-tooltip span{color:#0f172a}[data-theme=light] .ai-fab-tooltip kbd{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .ai-chat-panel{background:#fff;border:1px solid #e2e8f0;box-shadow:0 25px 50px #00000026}[data-theme=light] .ai-chat-header{background:linear-gradient(#7c3aed0a 0%,#0000 100%);border-bottom:1px solid #e2e8f0}[data-theme=light] .ai-chat-title-text{background:var(--gradient-text-accent);-webkit-background-clip:text;background-clip:text}[data-theme=light] .ai-chat-messages{background:#fafbfc}[data-theme=light] .ai-message-avatar{background:#7c3aed1a;border-color:#7c3aed26}[data-theme=light] .ai-message-content{color:#334155}[data-theme=light] .ai-typing-indicator{background:#f1f5f9}[data-theme=light] .ai-typing-indicator span{background:#7c3aed}[data-theme=light] .ai-chat-input-wrapper{background:#fff;border-top:1px solid #e2e8f0}[data-theme=light] .ai-chat-input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .ai-chat-input:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}[data-theme=light] .ai-chat-input::placeholder{color:#94a3b8}[data-theme=light] .stat-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}[data-theme=light] .stat-card:before{background:linear-gradient(90deg,#0000,#7c3aed08,#0000)}[data-theme=light] .stat-card:after{display:none}[data-theme=light] .stat-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000014}[data-theme=light] .stat-card-icon{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .stat-card-icon .icon{color:#7c3aed}[data-theme=light] .stat-card-value{color:#0f172a}[data-theme=light] .stat-card-label{color:#64748b}[data-theme=light] .stat-card-trend.positive{color:#15803d;background:#15803d1a}[data-theme=light] .stat-card-trend.negative{color:#b91c1c;background:#b91c1c1a}[data-theme=light] .score-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f}[data-theme=light] .score-card:before{display:none}[data-theme=light] .insight-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}[data-theme=light] .insight-card:before,[data-theme=light] .insight-card:after{display:none}[data-theme=light] .insight-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000014}[data-theme=light] .insight-card-icon{box-shadow:0 2px 8px #00000014}[data-theme=light] .insight-card-title{color:#0f172a}[data-theme=light] .insight-card-description{color:#475569}[data-theme=light] .insight-card-action{color:#7c3aed}[data-theme=light] .insight-card-action:hover{color:#6d28d9}[data-theme=light] .analysis-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}[data-theme=light] .analysis-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000014}[data-theme=light] .analysis-card-title,[data-theme=light] .section-title{color:#0f172a}[data-theme=light] .section-title .icon{color:#7c3aed}[data-theme=light] .section-badge{color:#7c3aed;background:#7c3aed14;border:1px solid #7c3aed26}[data-theme=light] .dashboard-title{color:#0f172a}[data-theme=light] .dashboard-subtitle{color:#475569}[data-theme=light] .feed-greeting-text{color:#0f172a}[data-theme=light] .feed-greeting-subtext{color:#475569}[data-theme=light] .feed-section-title{color:#64748b}[data-theme=dark] .theme-toggle-sun,:root:not([data-theme]) .theme-toggle-sun{opacity:1;transform:rotate(0)scale(1)}[data-theme=dark] .theme-toggle-moon,:root:not([data-theme]) .theme-toggle-moon{opacity:0;transform:rotate(-90deg)scale(.5)}[data-theme=light] .theme-toggle-moon{opacity:1;transform:rotate(0)scale(1)}[data-theme=light] .theme-toggle-sun{opacity:0;transform:rotate(90deg)scale(.5)}.progress-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.progress-fill-success{background:var(--color-success)}.progress-fill-warning{background:var(--color-warning)}.progress-fill-error{background:var(--color-error)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);padding:var(--space-1-5) var(--space-2-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--duration-slow) var(--ease-silk), visibility var(--duration-slow) var(--ease-silk), transform var(--duration-slow) var(--ease-silk);z-index:var(--z-tooltip);box-shadow:var(--shadow-md);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:180px;padding:var(--space-2);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transition:opacity var(--duration-slow) var(--ease-silk), visibility var(--duration-slow) var(--ease-silk), transform var(--duration-slow) var(--ease-silk);position:absolute;top:calc(100% + 4px);right:0;transform:translateY(-4px)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-hover) var(--ease-silk), color var(--duration-hover) var(--ease-silk);display:flex}.dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dropdown-item-danger{color:var(--color-error)}.dropdown-item-danger:hover{background:var(--color-error-muted);color:var(--color-error)}.dropdown-separator{background:var(--color-border);height:1px;margin:var(--space-2) 0}.tabs{gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-elevated);border-radius:var(--radius-xl);width:fit-content;display:flex}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:color var(--duration-hover) var(--ease-silk), background var(--duration-hover) var(--ease-silk);background:0 0;border:none}.tab:hover{color:var(--color-text-primary)}.tab.active{background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.notification-bell{border-radius:var(--radius-lg);cursor:pointer;width:36px;height:36px;color:var(--color-text-tertiary);transition:color var(--duration-slow) var(--ease-silk), background var(--duration-slow) var(--ease-silk);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.notification-bell:active{background:var(--color-bg-active)}.notification-bell svg{width:18px;height:18px}.notification-badge{background:var(--color-error);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:var(--font-semibold);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 4px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.notification-dot{background:var(--color-error);border-radius:var(--radius-full);border:2px solid var(--color-bg-base);width:8px;height:8px;position:absolute;top:0;right:0}.notification-panel{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:360px;max-height:480px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notification-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.notification-header .notification-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:0}.notification-loading{padding:var(--space-6);justify-content:center;display:flex}.notification-empty{padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary)}.notification-item{gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--duration-hover) var(--ease-silk);display:flex}.notification-item.unread{background:var(--color-accent-subtle)}.notification-icon{background:var(--color-bg-elevated);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notification-content{flex:1;min-width:0}.notification-title{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-0-5)}.notification-time{font-size:var(--text-xs);color:var(--color-text-tertiary)}.settings-page{gap:var(--space-8);box-sizing:border-box;flex-direction:column;width:100%;min-width:0;max-width:1200px;margin:0 auto;display:flex}.error-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;display:flex}.error-banner .error-icon{flex-shrink:0;width:20px;height:20px}.error-banner .error-icon svg{width:100%;height:100%}.error-banner .error-text{font-size:var(--text-sm);font-weight:var(--font-medium);flex:1}.error-banner .error-dismiss{border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;opacity:.7;width:24px;height:24px;transition:opacity var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.error-banner .error-dismiss:hover{opacity:1}.error-banner .error-dismiss svg{width:16px;height:16px}.settings-page .page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header-stats{gap:var(--space-3);display:flex}.stat-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);display:flex}.stat-badge .stat-icon{width:16px;height:16px;color:var(--color-accent)}.stat-badge .stat-icon svg{width:100%;height:100%}.stat-badge .stat-value{font-weight:var(--font-bold);color:var(--color-text-primary)}.stat-badge .stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.settings-profile-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:0;overflow:hidden}.profile-card-header{padding:var(--space-4) var(--space-6);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.profile-card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.profile-edit-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-hover);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out);text-decoration:none;display:flex}.profile-edit-btn:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.profile-edit-btn .btn-icon{width:14px;height:14px}.profile-edit-btn .btn-icon svg{width:100%;height:100%}.profile-card-content{gap:var(--space-6);padding:var(--space-6);grid-template-columns:auto 1fr auto;align-items:center;min-width:0;display:grid}@media (width<=900px){.profile-card-content{gap:var(--space-4);grid-template-columns:auto 1fr}.profile-stats-section{margin-top:var(--space-4);grid-column:1/-1}}@media (width<=600px){.profile-card-content{text-align:center;grid-template-columns:1fr}.profile-avatar-section{justify-self:center}}.profile-avatar-section{justify-content:center;display:flex}.profile-avatar-wrapper{width:96px;height:96px;position:relative}.profile-avatar-img,.profile-avatar-placeholder{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%}.profile-avatar-placeholder{background:var(--gradient-primary);color:#fff;font-size:var(--text-3xl);font-weight:var(--font-bold);justify-content:center;align-items:center;display:flex}.avatar-status-ring{border-radius:var(--radius-full);border:2px solid var(--color-accent);opacity:.3;position:absolute;inset:-4px}.avatar-edit-btn{background:var(--color-bg-elevated);border:2px solid var(--color-bg-base);border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.avatar-edit-btn:hover{background:var(--color-accent);color:#fff}.avatar-edit-icon{width:14px;height:14px}.avatar-edit-icon svg{width:100%;height:100%}.profile-info-section{gap:var(--space-3);flex-direction:column;min-width:0;display:flex;overflow:hidden}.profile-name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.profile-email{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.profile-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.plan-badge,.status-badge{align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);display:inline-flex}.plan-badge .badge-icon,.status-badge .badge-icon{width:12px;height:12px}.plan-badge .badge-icon svg,.status-badge .badge-icon svg{width:100%;height:100%}.plan-badge.plan-pro{background:var(--gradient-primary);color:#fff}.plan-badge.plan-plus{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2)}.plan-badge.plan-free{background:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.status-badge.status-verified{color:#22c55e;background:#22c55e26}.profile-stats-section{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-surface);border-radius:var(--radius-lg);flex-shrink:0;display:flex}@media (width<=500px){.profile-stats-section{gap:var(--space-2);padding:var(--space-3)}.profile-stat{padding:0 var(--space-2)}.profile-stat-value{font-size:var(--text-lg)}.profile-stat-divider{height:30px}}.profile-stat{align-items:center;gap:var(--space-1);padding:0 var(--space-4);flex-direction:column;display:flex}.profile-stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.profile-stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.profile-stat-divider{background:var(--color-border);width:1px;height:40px}.settings-section{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);min-width:0;overflow:hidden}@media (width<=600px){.settings-section{padding:var(--space-4);border-radius:var(--radius-lg)}}.section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.section-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.upgrade-prompt{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--gradient-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;transition:all var(--duration-fast) var(--ease-out);text-decoration:none;display:flex}.upgrade-prompt:hover{filter:brightness(1.1);transform:translateY(-1px)}.upgrade-prompt .upgrade-icon{width:14px;height:14px}.upgrade-prompt .upgrade-icon svg{width:100%;height:100%}.source-category-tabs{gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-6);scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;display:flex;overflow-x:auto}@media (width<=600px){.source-category-tabs{gap:var(--space-1-5);padding-bottom:var(--space-3);margin-bottom:var(--space-4)}.category-tab{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs)}.tab-icon{font-size:var(--text-sm)}}.source-category-tabs::-webkit-scrollbar{display:none}.category-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;display:flex}.category-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.category-tab.active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.tab-icon{font-size:var(--text-base)}.tab-count{padding:var(--space-0-5) var(--space-2);background:var(--color-bg-surface);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-semibold)}.category-tab.active .tab-count{background:var(--color-accent);color:#fff}.sources-container{gap:var(--space-8);flex-direction:column;display:flex}.source-category{gap:var(--space-4);flex-direction:column;display:flex}.category-header{align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle);display:flex}.category-icon{font-size:var(--text-xl)}.category-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.category-description{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}.source-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));min-width:0;display:grid}@media (width<=700px){.source-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}}@media (width<=500px){.source-grid{grid-template-columns:1fr}}.source-card{padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-slow) var(--ease-silk);flex-direction:column;min-width:0;display:flex;overflow:hidden}.source-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.source-card.connected{border-color:var(--color-success);background:#22c55e0d}.source-card.locked{opacity:.7}.source-card.locked:hover{box-shadow:none;transform:none}.source-card.coming-soon{opacity:.6}.source-card.coming-soon:hover{box-shadow:none;transform:none}.coming-soon-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);background:#6b728026;align-items:center;display:flex}.source-btn.btn-coming-soon{background:var(--color-bg-elevated);color:var(--color-text-tertiary);border:1px solid var(--color-border);cursor:not-allowed;opacity:.6}.source-btn.btn-coming-soon:hover{background:var(--color-bg-elevated);transform:none}.source-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.source-icon{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:44px;height:44px;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.source-icon.icon-connected{border-color:var(--color-success);color:var(--color-success);background:#22c55e26}.connected-badge{align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-success);background:#22c55e26;display:flex}.connected-badge .badge-dot{background:var(--color-success);border-radius:var(--radius-full);width:6px;height:6px}.pro-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--gradient-primary);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-bold);color:#fff;display:flex}.pro-badge svg{width:10px;height:10px}.source-card-body{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.source-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.source-description{font-size:var(--text-sm);color:var(--color-text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.source-last-sync{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:var(--space-2) 0 0 0}.source-card-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.source-btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;flex:auto;text-decoration:none;display:flex}@media (width<=400px){.source-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);flex:100%}}.source-btn .btn-icon{width:14px;height:14px}.source-btn .btn-icon svg{width:100%;height:100%}.source-btn .btn-icon.spinning{animation:1s linear infinite spin}.btn-connect{background:var(--gradient-primary);color:#fff;border:none}.btn-connect:hover{filter:brightness(1.1)}.btn-connect:disabled{opacity:.7;cursor:not-allowed}.btn-sync{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-sync:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.btn-sync:disabled{opacity:.7;cursor:not-allowed}.btn-disconnect{border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0}.btn-disconnect:hover{border-color:var(--color-error);color:var(--color-error);background:#ef44441a}.btn-upgrade{background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-accent)}.btn-upgrade:hover{background:var(--color-accent-subtle);border-color:var(--color-accent)}.settings-account{background:var(--color-bg-surface)}.account-actions-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}@media (width<=500px){.account-actions-grid{grid-template-columns:1fr}}.account-action-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0;display:flex;overflow:hidden}@media (width<=500px){.account-action-card{flex-wrap:wrap}.account-action-card .action-btn{text-align:center;justify-content:center;width:100%}}.account-action-card.action-danger{background:#ef44440d;border-color:#ef44444d}.action-icon{background:var(--color-bg-surface);border-radius:var(--radius-lg);width:44px;height:44px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-icon.danger{color:var(--color-error);background:#ef44441a}.action-content{flex:1;min-width:0}.action-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.action-title.danger{color:var(--color-error)}.action-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.action-btn{padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.action-btn.btn-secondary{background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.action-btn.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.action-btn.btn-danger{border:1px solid var(--color-error);color:var(--color-error);background:0 0}.action-btn.btn-danger:hover{background:var(--color-error);color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-6);margin:auto;position:relative}@media (width<=500px){.modal-overlay{padding:var(--space-3);padding-top:var(--space-12);align-items:flex-start}.modal-content{padding:var(--space-5);border-radius:var(--radius-lg)}.delete-modal-actions{flex-direction:column-reverse}.delete-modal-actions .modal-btn{width:100%}}.modal-close{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.delete-modal-icon{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-full);color:var(--color-error);background:#ef44441a;justify-content:center;align-items:center;display:flex}.delete-modal-icon svg{width:32px;height:32px}.delete-modal-title{text-align:center;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.delete-modal-description{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;line-height:1.6}.delete-modal-description strong{color:var(--color-error)}.delete-confirm-input{margin-bottom:var(--space-6)}.delete-confirm-input label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.delete-confirm-input strong{color:var(--color-error)}.confirm-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-primary);text-align:center;letter-spacing:2px;font-weight:var(--font-semibold)}.confirm-input:focus{border-color:var(--color-error);outline:none}.confirm-input::placeholder{color:var(--color-text-tertiary);letter-spacing:2px}.delete-modal-actions{gap:var(--space-3);display:flex}.modal-btn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex:1}.modal-btn.btn-cancel{background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.modal-btn.btn-cancel:hover{background:var(--color-bg-hover)}.modal-btn.btn-delete{background:var(--color-error);color:#fff;border:none}.modal-btn.btn-delete:hover:not(:disabled){filter:brightness(1.1)}.modal-btn.btn-delete:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .settings-profile-card,[data-theme=light] .settings-section{background:#fff;border-color:#e2e8f0}[data-theme=light] .profile-card-header{background:#f8fafc;border-color:#f1f5f9}[data-theme=light] .profile-stats-section{background:#f8fafc}[data-theme=light] .stat-badge{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .category-tab{color:#64748b}[data-theme=light] .category-tab:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .tab-count{background:#f1f5f9}[data-theme=light] .source-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .source-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}[data-theme=light] .source-icon{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .account-action-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .action-icon{background:#f8fafc}[data-theme=light] .modal-content{background:#fff;border-color:#e2e8f0}[data-theme=light] .confirm-input{background:#f8fafc;border-color:#e2e8f0}.badges-page{gap:var(--space-8);box-sizing:border-box;flex-direction:column;width:100%;min-width:0;max-width:1400px;margin:0 auto;display:flex}.badges-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:400px;color:var(--color-text-secondary);flex-direction:column;display:flex}.badges-loading .loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.badges-header{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);overflow:hidden}.badges-header-content{gap:var(--space-6);flex-direction:column;display:flex}.badges-title-section{text-align:center}.badges-title{justify-content:center;align-items:center;gap:var(--space-3);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0;display:flex}.badges-title .title-icon{width:36px;height:36px;color:var(--color-accent)}.badges-title .title-icon svg{width:100%;height:100%}.badges-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.badges-stats-row{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));display:grid}.stat-card{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--duration-fast) var(--ease-out);display:flex}.stat-card:hover{border-color:var(--color-border-strong)}.stat-card .stat-icon{background:var(--color-accent-subtle);border-radius:var(--radius-lg);width:44px;height:44px;color:var(--color-accent);justify-content:center;align-items:center;display:flex}.stat-card .stat-icon svg{width:22px;height:22px}.stat-card .stat-info{gap:var(--space-0-5);flex-direction:column;display:flex}.stat-card .stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.stat-card .stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.stat-card.stat-points .stat-icon{color:gold;background:linear-gradient(135deg,#ffd70033 0%,#ffa50033 100%)}.stat-card.stat-progress{padding:var(--space-4);text-align:center;flex-direction:column;justify-content:center}.progress-ring{width:80px;height:80px;position:relative}.progress-ring-bg{fill:none;stroke:var(--color-border);stroke-width:3px}.progress-ring-fill{fill:none;stroke:var(--color-accent);stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray var(--duration-slow) var(--ease-out)}.progress-percent{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tier-progress-section{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.tier-progress-section .section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.tier-progress-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));display:grid}.tier-card{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.tier-card:hover{border-color:var(--tier-color,var(--color-border-strong));box-shadow:0 0 20px var(--tier-glow,transparent)}.tier-card.active{border-color:var(--tier-color);box-shadow:0 0 20px var(--tier-glow)}.tier-card .tier-icon{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tier-card .tier-icon svg{width:20px;height:20px}.tier-card .tier-info{justify-content:space-between;align-items:baseline;display:flex}.tier-card .tier-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.tier-card .tier-count{font-size:var(--text-xs);color:var(--color-text-tertiary)}.tier-bar{background:var(--color-border);border-radius:var(--radius-full);height:4px;overflow:hidden}.tier-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.badges-filters{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.filter-tabs{gap:var(--space-2);scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);display:flex}.filter-tab:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.filter-tab.active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.filter-tab .filter-icon{font-size:var(--text-base)}.filter-tab .filter-count{padding:var(--space-0-5) var(--space-2);background:var(--color-bg-surface);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-semibold)}.profile-edit-page{flex-direction:column;min-height:100vh;display:flex}.profile-edit-header{z-index:100;background:var(--color-bg-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) var(--space-6);position:sticky;top:0}.profile-edit-header .header-content{align-items:center;gap:var(--space-4);max-width:1400px;margin:0 auto;display:flex}.profile-edit-header .back-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:flex}.profile-edit-header .back-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border-default)}.profile-edit-header .back-btn svg{width:18px;height:18px}.header-title-section{flex:1}.header-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;line-height:1.2}.header-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.header-actions{align-items:center;gap:var(--space-4);display:flex}.completion-indicator{align-items:center;gap:var(--space-2);display:flex}.completion-ring{width:48px;height:48px;position:relative}.completion-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.completion-ring .completion-bg{fill:none;stroke:var(--color-border-subtle);stroke-width:3px}.completion-ring .completion-fill{fill:none;stroke:var(--color-accent);stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray var(--duration-slow) var(--ease-out)}.completion-ring .completion-text{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-primary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.completion-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-medium)}.save-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border:none;display:flex;box-shadow:0 4px 16px #7c3aed4d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #7c3aed66}.save-btn:active:not(:disabled){transform:translateY(0)}.save-btn:disabled{opacity:.7;cursor:not-allowed}.save-btn svg{width:18px;height:18px}.save-btn.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.save-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.profile-edit-content{gap:var(--space-6);padding:var(--space-6);flex:1;width:100%;min-width:0;max-width:1400px;margin:0 auto;display:flex}.section-nav{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);width:280px;height:fit-content;padding:var(--space-4);flex-shrink:0;position:sticky;top:100px;overflow:hidden}.section-nav-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle);display:flex}.section-nav-header .nav-icon{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.section-nav-header .nav-icon svg{color:#fff;width:18px;height:18px}.section-nav-header .nav-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.section-nav-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.section-nav-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--duration-normal) var(--ease-out);background:0 0;border:none;display:flex;position:relative}.section-nav-item:hover,.section-nav-item.active{background:var(--color-bg-elevated)}.section-indicator{background:linear-gradient(to bottom, var(--color-accent), var(--color-accent-secondary));border-radius:var(--radius-full);width:4px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.section-nav-icon{font-size:var(--text-lg);justify-content:center;align-items:center;width:28px;display:flex}.section-nav-info{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.section-nav-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.section-nav-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.form-content{gap:var(--space-6);flex-direction:column;flex:1;min-width:0;display:flex}.form-section{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6)}.section-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.section-title{align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;display:flex}.section-icon{font-size:var(--text-2xl)}.section-description{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-2) 0 0}.form-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-group-row{gap:var(--space-4);grid-column:1/-1;display:flex}.form-group-row .form-group{flex:1}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.form-label .required{color:var(--color-error)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);transition:all var(--duration-normal) var(--ease-out);font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #7c3aed26}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-tertiary)}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer;appearance:none;padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.form-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.input-with-icon{position:relative}.input-with-icon .input-icon{left:var(--space-4);font-size:var(--text-base);opacity:.7;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon .form-input{padding-left:var(--space-10)}.tag-input-container{gap:var(--space-3);flex-direction:column;display:flex}.tags-list{gap:var(--space-2);flex-wrap:wrap;min-height:24px;display:flex}.tag{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-accent);font-weight:var(--font-medium);background:linear-gradient(135deg,#7c3aed1f,#06b6d414);border:1px solid #7c3aed33;display:flex}.tag-remove{width:16px;height:16px;color:var(--color-accent);cursor:pointer;opacity:.6;transition:opacity var(--duration-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.tag-remove:hover{opacity:1}.tag-remove svg{width:12px;height:12px}.tag-input-wrapper{gap:var(--space-2);display:flex}.tag-input{padding:var(--space-2-5) var(--space-4);background:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);flex:1}.tag-input:focus{border-color:var(--color-accent);outline:none}.tag-add-btn{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex}.tag-add-btn:hover:not(:disabled){background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.tag-add-btn:disabled{opacity:.5;cursor:not-allowed}.tag-add-btn svg{width:18px;height:18px}.tag-suggestions{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-suggestion{padding:var(--space-1) var(--space-3);background:var(--color-bg-base);border:1px dashed var(--color-border-default);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast)}.tag-suggestion:hover{background:var(--color-bg-elevated);color:var(--color-accent);border-style:solid}.checkbox-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.checkbox-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast);display:flex}.checkbox-item:hover{background:var(--color-bg-elevated);border-color:var(--color-border-default)}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.checkbox-item:has(input:checked){border-color:var(--color-accent);background:linear-gradient(135deg,#7c3aed1a,#06b6d40f)}.checkbox-label{font-size:var(--text-sm);color:var(--color-text-primary)}.photo-section{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.current-photo{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.photo-preview{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));border:4px solid var(--color-bg-surface);border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000026}.photo-preview img{object-fit:cover;width:100%;height:100%}.photo-preview .avatar-icon{font-size:72px}.photo-preview .avatar-initials{font-size:48px;font-weight:var(--font-bold);color:#fff;text-transform:uppercase}.photo-actions{gap:var(--space-2);flex-direction:column;width:100%;max-width:220px;display:flex}.photo-action-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-normal);display:flex}.photo-action-btn:hover{background:var(--color-bg-surface);border-color:var(--color-border-default)}.photo-action-btn.primary{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));color:#fff;border:none}.photo-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed4d}.photo-action-btn.danger{color:var(--color-error)}.photo-action-btn.danger:hover{border-color:var(--color-error);background:#ef44441a}.photo-action-btn svg{width:18px;height:18px}.photo-tips{background:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5)}.photo-tips h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4)}.photo-tips ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.photo-tips li{font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--space-4);position:relative}.photo-tips li:before{content:"✓";color:var(--color-success);position:absolute;left:0}.avatar-picker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.avatar-picker{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-6);width:100%;max-width:400px}.avatar-picker-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.avatar-picker-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.picker-close{background:var(--color-bg-elevated);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast);border:none;justify-content:center;align-items:center;display:flex}.picker-close:hover{background:var(--color-bg-base);color:var(--color-text-primary)}.picker-close svg{width:18px;height:18px}.avatar-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.avatar-option{aspect-ratio:1;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal);border:3px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.avatar-option:hover{transform:scale(1.05)}.avatar-option.selected{box-shadow:0 0 0 3px var(--color-accent);border-color:#fff}.avatar-option-icon{font-size:32px}.avatar-check{background:var(--color-success);color:#fff;border:2px solid var(--color-bg-surface);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-6px;right:-6px}.avatar-check svg{width:14px;height:14px}.languages-list{gap:var(--space-3);flex-direction:column;display:flex}.language-item{align-items:center;gap:var(--space-3);display:flex}.language-item .form-input{flex:1}.language-item .form-select{width:180px}.remove-lang-btn{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex}.remove-lang-btn:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error);background:#ef44441a}.remove-lang-btn:disabled{opacity:.3;cursor:not-allowed}.remove-lang-btn svg{width:18px;height:18px}.add-lang-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-normal);background:0 0;display:flex}.add-lang-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:#7c3aed0d}.add-lang-btn svg{width:18px;height:18px}.form-navigation{padding:var(--space-4) var(--space-6);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);justify-content:space-between;align-items:center;display:flex}.nav-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-normal);display:flex}.nav-btn:hover:not(:disabled){background:var(--color-bg-surface);border-color:var(--color-border-default)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.resume-page{min-height:0;padding-bottom:var(--space-8);flex-direction:column;display:flex}.resume-page-header{margin-bottom:var(--space-6)}.resume-page-header .header-content{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.resume-page-header .header-text .page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.resume-page-header .header-text .page-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.resume-page-header .header-actions{gap:var(--space-3);display:flex}.resume-tabs{gap:var(--space-2);background:var(--color-bg-surface);padding:var(--space-1-5);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);display:flex}.resume-tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-normal);background:0 0;border:none;display:flex}.resume-tab:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.resume-tab.active{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));color:#fff}.resume-tab .tab-icon{width:18px;height:18px;display:flex}.resume-tab .tab-icon svg{width:100%;height:100%}.resume-tab .tab-badge{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);background:#fff3}.resume-content{flex:1}.tailor-section{margin-bottom:var(--space-6);overflow:hidden}.tailor-card{background:var(--color-bg-surface);border:2px solid var(--color-accent);border-radius:var(--radius-xl);padding:var(--space-6)}.tailor-header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.tailor-icon{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tailor-icon svg{width:24px;height:24px}.tailor-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.tailor-header p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.tailor-input{width:100%;padding:var(--space-4);background:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);resize:vertical;min-height:120px;transition:all var(--duration-normal);font-family:inherit}.tailor-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #7c3aed26}.tailor-actions{margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.char-count{font-size:var(--text-xs);color:var(--color-text-tertiary)}.tailor-result{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.result-scores{gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.score-badge{padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);flex-direction:column;display:flex}.score-badge span{font-size:var(--text-xs);color:var(--color-text-tertiary)}.score-badge strong{font-size:var(--text-xl);font-weight:var(--font-bold)}.score-badge.success strong{color:var(--color-success)}.score-badge.accent strong{color:var(--color-accent)}.changes-list{margin:0 0 var(--space-4);padding:0;list-style:none}.changes-list li{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.changes-list .change-icon{color:var(--color-success);flex-shrink:0;width:16px;height:16px}.changes-list .change-icon svg{width:100%;height:100%}.upload-zone{padding:var(--space-12) var(--space-8);background:var(--color-bg-surface);border:2px dashed var(--color-border-default);border-radius:var(--radius-2xl);cursor:pointer;transition:all var(--duration-normal);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.upload-zone:hover{border-color:var(--color-accent);background:#7c3aed05}.upload-zone.drag-active{border-color:var(--color-accent);background:#7c3aed14;transform:scale(1.01)}.upload-icon{width:80px;height:80px;margin-bottom:var(--space-5);background:linear-gradient(135deg,#7c3aed26,#06b6d41a);border-radius:50%;justify-content:center;align-items:center;display:flex}.upload-icon svg{width:36px;height:36px;color:var(--color-accent)}.upload-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.upload-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2)}.upload-formats{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}.upload-error{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--text-sm);background:#ef44441a;display:flex}.upload-error svg{flex-shrink:0;width:18px;height:18px}.file-selected{padding:var(--space-8);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);flex-direction:column;align-items:center;display:flex}.file-preview{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-bg-elevated);border-radius:var(--radius-xl);margin-bottom:var(--space-6);min-width:350px;display:flex}.file-icon{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.file-icon svg{width:24px;height:24px}.file-info{flex:1}.file-name{font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-1);display:block}.file-size{font-size:var(--text-xs);color:var(--color-text-tertiary)}.file-remove{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.file-remove:hover{color:var(--color-error);background:#ef44441a}.file-remove svg{width:18px;height:18px}.analyze-actions{text-align:center}.analyze-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-3) 0 0;max-width:350px}.analysis-progress{padding:var(--space-12);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);text-align:center;flex-direction:column;align-items:center;display:flex}.progress-ring{width:120px;height:120px;margin-bottom:var(--space-6);position:relative}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring .progress-bg{fill:none;stroke:var(--color-border-subtle);stroke-width:8px}.progress-ring .progress-fill{fill:none;stroke:var(--color-accent);stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray var(--duration-normal)}.progress-icon{color:var(--color-accent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-icon svg{width:32px;height:32px;animation:1.5s ease-in-out infinite pulse}.progress-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.progress-description{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.analysis-results{gap:var(--space-8);flex-direction:column;display:flex}.score-overview{gap:var(--space-8);padding:var(--space-6);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);grid-template-columns:auto 1fr;display:grid}.main-score{text-align:center;flex-direction:column;align-items:center;display:flex}.main-score h3{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin:var(--space-3) 0 0}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring .score-bg{fill:none;stroke:var(--color-border-subtle);stroke-width:10px}.score-ring .score-fill{fill:none;stroke:var(--score-color,var(--color-accent));stroke-width:10px;stroke-linecap:round;transition:stroke-dasharray .8s ease-out}.score-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--score-color,var(--color-accent));line-height:1}.score-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.sub-scores{gap:var(--space-4);flex-direction:column;justify-content:center;display:flex}.sub-score{gap:var(--space-2);flex-direction:column;display:flex}.sub-score-header{font-size:var(--text-sm);justify-content:space-between;display:flex}.sub-score-header span:first-child{color:var(--color-text-secondary)}.sub-score-header span:last-child{font-weight:var(--font-semibold)}.sub-score-bar{background:var(--color-border-subtle);border-radius:var(--radius-full);height:8px;overflow:hidden}.sub-score-fill{border-radius:var(--radius-full);height:100%;transition:width .8s ease-out}.action-cards{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.action-card{text-align:center;padding:var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.action-card.extract-card{border-color:var(--color-accent);background:linear-gradient(135deg,#7c3aed0d,#06b6d408)}.action-icon{background:var(--color-bg-elevated);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-accent);justify-content:center;align-items:center;display:flex}.action-icon svg{width:24px;height:24px}.action-content h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.action-content p{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.extracted-data-section{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);overflow:hidden}.extracted-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-5)}.extracted-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.extracted-card{padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg)}.extracted-card h5{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.extracted-item{padding:var(--space-1-5) 0;font-size:var(--text-sm);justify-content:space-between;display:flex}.extracted-item .label{color:var(--color-text-tertiary)}.extracted-item .value{color:var(--color-text-primary);font-weight:var(--font-medium)}.experience-item,.education-item{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.experience-item:last-child,.education-item:last-child{border-bottom:none}.experience-item strong,.education-item strong{font-size:var(--text-sm);color:var(--color-text-primary);display:block}.experience-item span,.education-item span{font-size:var(--text-xs);color:var(--color-text-tertiary)}.skills-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.skill-tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-accent);background:#7c3aed1a}.sections-analysis{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6)}.sections-analysis h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-5)}.sections-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.section-card{padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border-left:4px solid var(--color-border-default)}.section-card.status-excellent{border-left-color:var(--color-success)}.section-card.status-good{border-left-color:var(--color-accent)}.section-card.status-needs_work{border-left-color:var(--color-warning)}.section-card.status-missing{border-left-color:var(--color-error);opacity:.8}.section-card .section-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.section-name{font-weight:var(--font-medium);color:var(--color-text-primary);font-size:var(--text-sm)}.section-status{align-items:center;gap:var(--space-1);font-size:var(--text-xs);text-transform:capitalize;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);display:flex}.section-status.excellent{color:var(--color-success);background:#10b9811a}.section-status.good{color:var(--color-accent);background:#7c3aed1a}.section-status.needs_work{color:var(--color-warning);background:#f59e0b1a}.section-status.missing{color:var(--color-error);background:#ef44441a}.section-status svg{width:12px;height:12px}.section-score-bar{background:var(--color-border-subtle);border-radius:var(--radius-full);height:4px;margin-bottom:var(--space-3);overflow:hidden}.section-score-fill{border-radius:var(--radius-full);height:100%}.section-suggestions{margin:0;padding:0;list-style:none}.section-suggestions li{font-size:var(--text-xs);color:var(--color-text-tertiary);padding:var(--space-1) 0;padding-left:var(--space-3);position:relative}.section-suggestions li:before{content:"•";color:var(--color-text-tertiary);position:absolute;left:0}.improvements-section{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6)}.improvements-section h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-5)}.improvements-list{gap:var(--space-3);flex-direction:column;display:flex}.improvement-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);display:flex}.improvement-priority{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.05em}.improvement-card.priority-high .improvement-priority{color:var(--color-error);background:#ef44441a}.improvement-card.priority-medium .improvement-priority{color:var(--color-warning);background:#f59e0b1a}.improvement-card.priority-low .improvement-priority{color:var(--color-accent);background:#7c3aed1a}.improvement-content{flex:1}.improvement-category{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.improvement-suggestion{font-size:var(--text-sm);color:var(--color-text-primary);margin:var(--space-1) 0 0}.improvement-impact{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.impact-label{font-size:var(--text-2xs);color:var(--color-text-tertiary);text-transform:uppercase}.impact-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-success)}.keywords-section{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6)}.keywords-section h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-5)}.keywords-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.keywords-card{padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg)}.keywords-card h5{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin:0 0 var(--space-3)}.keywords-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.keyword-tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs)}.keyword-tag.found{color:var(--color-success);background:#10b9811a}.keyword-tag.missing{color:var(--color-error);background:#ef44441a}.keyword-tag.recommended{color:var(--color-accent);background:#7c3aed1a}.job-matches-section{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6)}.section-header-row{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.section-header-row h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.matches-loading{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-tertiary);display:flex}.matches-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.job-match-card{padding:var(--space-5);background:var(--color-bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);transition:all var(--duration-normal);position:relative}.job-match-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.match-score-badge{top:var(--space-4);right:var(--space-4);padding:var(--space-2);background:linear-gradient(135deg, var(--color-success), #059669);border-radius:var(--radius-lg);color:#fff;flex-direction:column;align-items:center;display:flex;position:absolute}.match-percent{font-size:var(--text-lg);font-weight:var(--font-bold);line-height:1}.match-label{font-size:var(--text-2xs);text-transform:uppercase;opacity:.9}.job-info{margin-bottom:var(--space-4);padding-right:60px}.job-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1)}.job-company{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.job-location{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.job-salary{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-success);margin:var(--space-2) 0 0}.job-skills{margin-bottom:var(--space-4)}.matching-skills,.missing-skills{align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.skills-label{font-size:var(--text-2xs);color:var(--color-text-tertiary);margin-right:var(--space-1)}.skill-tag.match{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-2xs);color:var(--color-success);background:#10b9811a}.skill-tag.missing{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-2xs);color:var(--color-error);background:#ef44441a}.no-matches{text-align:center;padding:var(--space-8);color:var(--color-text-tertiary)}.generate-tab-content{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8)}.generate-options{gap:var(--space-8);flex-direction:column;display:flex}.option-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4)}.template-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.template-card{padding:var(--space-4);background:var(--color-bg-elevated);border:2px solid var(--color-border-subtle);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal);text-align:left;flex-direction:column;display:flex;position:relative}.template-card:hover{border-color:var(--color-border-default)}.template-card.selected{border-color:var(--color-accent);background:#7c3aed0d}.template-preview{background:var(--color-bg-base);border-radius:var(--radius-lg);height:80px;margin-bottom:var(--space-3);padding:var(--space-3)}.preview-lines{background:repeating-linear-gradient(0deg, var(--color-border-subtle), var(--color-border-subtle) 2px, transparent 2px, transparent 10px);border-radius:var(--radius-sm);width:100%;height:100%}.template-info{gap:var(--space-1);flex-direction:column;display:flex}.template-name{font-weight:var(--font-medium);color:var(--color-text-primary)}.template-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.template-check{top:var(--space-3);right:var(--space-3);background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute}.template-check svg{width:14px;height:14px}.format-options{gap:var(--space-4);display:flex}.format-option{align-items:center;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-elevated);border:2px solid var(--color-border-subtle);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal);flex-direction:column;flex:1;display:flex}.format-option:hover{border-color:var(--color-border-default)}.format-option.selected{border-color:var(--color-accent);background:#7c3aed0d}.format-icon{color:var(--color-accent)}.format-icon svg{width:32px;height:32px}.format-name{font-weight:var(--font-semibold);color:var(--color-text-primary)}.format-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.generate-action{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.generate-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-3) 0 0}.generate-loading{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-tertiary);flex-direction:column;display:flex}.profile-preview-section{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.profile-preview-section .section-header-row{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;display:flex}.profile-preview-section .section-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.profile-completeness{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.completeness-ring{width:48px;height:48px;position:relative}.completeness-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.completeness-ring .completeness-bg{fill:none;stroke:var(--color-border-subtle);stroke-width:3px}.completeness-ring .completeness-fill{fill:none;stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray var(--duration-slow) var(--ease-out)}.completeness-text{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-primary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.completeness-label{font-size:var(--text-2xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.profile-warning{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-5);background:#f59e0b1a;border:1px solid #f59e0b4d;display:flex}.profile-warning>svg{width:24px;height:24px;color:var(--color-warning);flex-shrink:0}.profile-warning>div{flex:1}.profile-warning strong{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);display:block}.profile-warning p{font-size:var(--text-xs);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.profile-sections-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.profile-section-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);display:flex}.profile-section-card:hover,.profile-section-card.has-data{border-color:var(--color-border-default)}.profile-section-card.complete{background:#10b98108;border-color:#10b9814d}.profile-section-card.empty{opacity:.7}.profile-section-card.empty:hover{opacity:1}.section-icon-wrapper{background:var(--color-bg-surface);border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.profile-section-card.has-data .section-icon-wrapper{color:var(--color-accent);background:#7c3aed1a}.profile-section-card.complete .section-icon-wrapper{color:var(--color-success);background:#10b9811a}.section-icon-wrapper svg{width:20px;height:20px}.section-check{background:var(--color-success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-4px;right:-4px}.section-check svg{width:10px;height:10px}.section-content{flex:1;min-width:0}.section-content h4{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;display:flex}.section-content .item-count{padding:var(--space-0-5) var(--space-2);background:var(--color-accent-subtle);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--color-accent)}.section-content p{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:var(--space-1) 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-section-card.empty .section-content p{font-style:italic}.section-edit-btn{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;opacity:0;transition:all var(--duration-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-section-card:hover .section-edit-btn{opacity:1}.section-edit-btn:hover{background:var(--color-bg-surface);color:var(--color-accent);border-color:var(--color-accent)}.section-edit-btn svg{width:16px;height:16px}.quick-actions{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);display:flex}.quick-actions .btn{justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);flex-direction:column;flex:1}.quick-actions .btn svg{width:24px;height:24px;color:var(--color-accent)}@media (width<=768px){.profile-preview-section .section-header-row{gap:var(--space-4);flex-direction:column}.profile-completeness{gap:var(--space-2);flex-direction:row}.profile-warning{text-align:center;flex-direction:column}.profile-sections-grid{grid-template-columns:1fr}.section-edit-btn{opacity:1}.quick-actions{flex-wrap:wrap}.quick-actions .btn{flex:none;width:100%}}[data-theme=light] .profile-preview-section{background:#fff}[data-theme=light] .profile-section-card{background:#f8fafc}[data-theme=light] .profile-section-card.complete{background:#10b9810d}[data-theme=light] .section-icon-wrapper{background:#fff}.versions-header{margin-bottom:var(--space-6)}.versions-header h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1)}.versions-header p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.versions-loading{padding:var(--space-12);justify-content:center;display:flex}.versions-empty{text-align:center;padding:var(--space-12);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);flex-direction:column;align-items:center;display:flex}.empty-icon{background:var(--color-bg-elevated);border-radius:var(--radius-xl);width:64px;height:64px;color:var(--color-text-tertiary);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.empty-icon svg{width:32px;height:32px}.versions-empty h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.versions-empty p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0 0 var(--space-5)}.versions-list{gap:var(--space-3);flex-direction:column;display:flex}.version-card{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);transition:all var(--duration-normal);display:flex}.version-card:hover{border-color:var(--color-border-default)}.version-badge{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));border-radius:var(--radius-lg);color:#fff;width:40px;height:40px;font-weight:var(--font-bold);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.version-info{flex:1}.version-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.version-title .template-name{font-weight:var(--font-medium);color:var(--color-text-primary);text-transform:capitalize}.format-badge{padding:var(--space-0-5) var(--space-2);background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.source-badge{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--font-medium)}.source-badge.source-upload{color:var(--color-accent);background:#7c3aed1a}.source-badge.source-generated{color:var(--color-success);background:#10b9811a}.source-badge.source-tailored{color:var(--color-accent-secondary);background:#06b6d41a}.version-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.version-score{padding:0 var(--space-4)}.ats-score{padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-lg);flex-direction:column;align-items:center;display:flex}.ats-score .score-number{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--score-color,var(--color-accent));line-height:1}.ats-score .score-text{font-size:var(--text-2xs);text-transform:uppercase;color:var(--color-text-tertiary)}.version-actions{gap:var(--space-2);display:flex}.version-actions .btn-danger:hover{color:var(--color-error);background:#ef44441a}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg)}.btn-success{background:linear-gradient(135deg, var(--color-success), #059669);color:#fff}@media (width<=1024px){.score-overview{grid-template-columns:1fr}.main-score{margin-bottom:var(--space-4)}.action-cards,.sections-grid,.keywords-grid,.matches-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.resume-page-header .header-content{flex-direction:column;align-items:stretch}.resume-page-header .header-actions{justify-content:stretch}.resume-page-header .header-actions .btn{flex:1}.resume-tabs{flex-wrap:wrap}.resume-tab{flex:1;justify-content:center}.extracted-grid,.template-grid{grid-template-columns:1fr}.format-options{flex-direction:column}}[data-theme=light] .upload-zone{background:#fff}[data-theme=light] .upload-zone:hover,[data-theme=light] .upload-zone.drag-active{background:#7c3aed08}[data-theme=light] .file-selected,[data-theme=light] .analysis-progress,[data-theme=light] .score-overview,[data-theme=light] .action-card,[data-theme=light] .extracted-data-section,[data-theme=light] .sections-analysis,[data-theme=light] .improvements-section,[data-theme=light] .keywords-section,[data-theme=light] .job-matches-section,[data-theme=light] .generate-tab-content,[data-theme=light] .version-card,[data-theme=light] .versions-empty,[data-theme=light] .tailor-card{background:#fff}.nav-btn svg{width:18px;height:18px}.nav-btn.next{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));color:#fff;border:none}.nav-btn.next:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed4d}.nav-dots{gap:var(--space-2);display:flex}.nav-dot{background:var(--color-border-default);cursor:pointer;width:10px;height:10px;transition:all var(--duration-fast);border:none;border-radius:50%}.nav-dot:hover{background:var(--color-text-tertiary)}.nav-dot.active{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));border-radius:var(--radius-full);width:24px}@media (width<=1024px){.profile-edit-content{flex-direction:column}.section-nav{width:100%;position:static}.section-nav-list{gap:var(--space-2);flex-flow:wrap}.section-nav-item{padding:var(--space-2) var(--space-3)}.section-nav-desc,.section-indicator{display:none}.section-nav-item.active{border:1px solid var(--color-accent);background:linear-gradient(135deg,#7c3aed1a,#06b6d40f)}}@media (width<=768px){.profile-edit-header .header-content{gap:var(--space-3);flex-wrap:wrap}.header-title-section{order:1;width:100%}.profile-edit-header .back-btn{order:0}.header-actions{order:2;justify-content:space-between;width:100%}.profile-edit-header .back-btn span{display:none}.form-grid{grid-template-columns:1fr}.form-group-row{flex-direction:column}.photo-section{grid-template-columns:1fr}.avatar-grid{grid-template-columns:repeat(4,1fr)}.section-nav-header,.section-nav-info{display:none}.section-nav-item{gap:var(--space-1);padding:var(--space-2);font-size:var(--text-xs);flex-direction:column}}[data-theme=light] .profile-edit-header{background:#ffffffe6}[data-theme=light] .form-section,[data-theme=light] .section-nav,[data-theme=light] .avatar-picker{background:#fff}[data-theme=light] .photo-preview{border-color:#fff}[data-theme=light] .form-navigation{background:#fff}.filter-tab .filter-count.unlocked{color:#22c55e;background:#22c55e26}.filter-tab .filter-count.locked{color:#ef4444;background:#ef444426}.filter-divider{background:var(--color-border);flex-shrink:0;width:1px;height:24px}.view-toggle{gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex}.view-btn:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.view-btn.active{color:var(--color-accent);background:var(--color-accent-subtle)}.badges-content{gap:var(--space-8);flex-direction:column;display:flex}.badge-category-section{gap:var(--space-4);flex-direction:column;display:flex}.badge-category-section .category-header{align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle);display:flex}.badge-category-section .category-icon{font-size:var(--text-2xl)}.badge-category-section .category-info{flex:1}.badge-category-section .category-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.badge-category-section .category-description{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.badge-category-section .category-count{padding:var(--space-1) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.badges-grid{gap:var(--space-4);display:grid}.badges-grid.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.badges-grid.list{grid-template-columns:1fr}.badge-card{gap:var(--space-3);padding:var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-slow) var(--ease-silk);text-align:left;flex-direction:column;display:flex;position:relative;overflow:hidden}.badge-card:before{content:"";background:var(--tier-gradient);opacity:0;height:3px;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;top:0;left:0;right:0}.badge-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.badge-card:hover:before{opacity:1}.badge-card.unlocked{background:linear-gradient(135deg, var(--color-bg-elevated) 0%, #7c3aed0d 100%)}.badge-card.unlocked:hover{box-shadow:0 8px 24px var(--tier-glow)}.badge-card.locked{opacity:.7}.badge-card.locked:hover{opacity:1}.badge-card.new:after{content:"";border-radius:var(--radius-xl);background:var(--tier-gradient);z-index:-1;animation:2s ease-in-out infinite pulse-glow;position:absolute;inset:-2px}.badge-new-indicator{top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);background:var(--gradient-primary);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-bold);color:#fff;animation:1s ease-in-out infinite bounce;position:absolute}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.badges-grid.list .badge-card{padding:var(--space-4);flex-direction:row;align-items:center}.badges-grid.list .badge-icon-wrapper{flex-shrink:0;width:56px;height:56px}.badges-grid.list .badge-info{flex:1;min-width:0}.badges-grid.list .badge-footer{flex-direction:column;flex-shrink:0;align-items:flex-end}.badge-icon-wrapper{background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);width:64px;height:64px;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative}.badge-icon-wrapper.unlocked{background:var(--tier-gradient);box-shadow:0 4px 16px var(--tier-glow);border-color:#0000}.badge-icon{font-size:var(--text-3xl);transition:transform var(--duration-fast) var(--ease-out)}.badge-card:hover .badge-icon{transform:scale(1.1)}.badge-lock{background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-full);width:20px;height:20px;color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;right:-4px}.badge-lock svg{width:10px;height:10px}.badge-check{border-radius:var(--radius-full);color:#fff;background:#22c55e;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;right:-4px}.badge-check svg{width:12px;height:12px}.badge-card .badge-info{gap:var(--space-1);min-width:0;color:inherit;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.badge-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.badge-description{font-size:var(--text-sm);color:var(--color-text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.badge-progress{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.badge-progress-bar{background:var(--color-border);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.badge-progress-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.badge-progress-text{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);white-space:nowrap}.badge-footer{padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.badge-tier{padding:var(--space-1) var(--space-2);background:var(--color-bg-surface);border-radius:var(--radius-md);font-size:var(--text-2xs);font-weight:var(--font-bold);text-transform:uppercase;color:var(--color-text-tertiary)}.badge-card.tier-bronze .badge-tier{color:#cd7f32;background:#cd7f321a}.badge-card.tier-silver .badge-tier{color:#a8a8a8;background:#a8a8a81a}.badge-card.tier-gold .badge-tier{color:gold;background:#ffd7001a}.badge-card.tier-platinum .badge-tier{color:#89cff0;background:#89cff01a}.badge-card.tier-legendary .badge-tier{color:#9b59b6;background:#9b59b61a}.badge-points{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-semibold);color:gold;display:flex}.badge-points svg{width:14px;height:14px}.badges-empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-16);text-align:center;flex-direction:column;display:flex}.badges-empty .empty-icon{background:var(--color-bg-surface);border-radius:var(--radius-full);width:64px;height:64px;color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.badges-empty .empty-icon svg{width:32px;height:32px}.badges-empty h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.badges-empty p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.badge-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-4);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.badge-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:440px;position:relative;overflow:hidden}.badge-modal:before{content:"";background:var(--tier-gradient);opacity:.15;height:120px;position:absolute;top:0;left:0;right:0}.badge-modal .modal-close{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);color:#fff;cursor:pointer;z-index:10;width:36px;height:36px;transition:all var(--duration-fast) var(--ease-out);background:#0000004d;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.badge-modal .modal-close:hover{background:#00000080;transform:scale(1.1)}.badge-modal .modal-close svg{width:18px;height:18px}.modal-badge-icon{width:96px;height:96px;margin:var(--space-8) auto var(--space-4);background:var(--color-bg-surface);border:3px solid var(--color-border);border-radius:var(--radius-2xl);z-index:5;justify-content:center;align-items:center;display:flex;position:relative}.modal-badge-icon.unlocked{background:var(--tier-gradient);border-color:#0000}.modal-badge-icon .modal-icon-emoji{font-size:48px}.modal-badge-icon.locked .modal-icon-emoji{filter:grayscale();opacity:.5}.modal-icon-glow{background:var(--tier-gradient);opacity:.3;filter:blur(20px);z-index:-1;border-radius:50%;animation:2s ease-in-out infinite glow-pulse;position:absolute;inset:-20px}.badge-modal .modal-content{padding:0 var(--space-6) var(--space-6);text-align:center}.modal-tier-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-bold);color:#fff;margin-bottom:var(--space-3);display:inline-block}.badge-modal .modal-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.badge-modal .modal-description{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-5) 0}.modal-requirement{gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-5);flex-direction:column;display:flex}.requirement-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.requirement-text{font-size:var(--text-sm);color:var(--color-text-primary)}.modal-progress{margin-bottom:var(--space-5)}.modal-progress-header{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.modal-progress-bar{background:var(--color-border);border-radius:var(--radius-full);height:8px;overflow:hidden}.modal-progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.modal-stats{justify-content:center;gap:var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-5);display:flex}.modal-stat{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.modal-stat-icon{font-size:var(--text-xl)}.modal-stat-icon svg{width:20px;height:20px;color:var(--color-accent)}.modal-stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.modal-stat-label{font-size:var(--text-2xs);color:var(--color-text-tertiary);text-transform:uppercase}.modal-unlocked-status,.modal-locked-status{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);display:flex}.modal-unlocked-status{color:#22c55e;background:#22c55e26}.modal-unlocked-status .unlocked-icon svg{width:18px;height:18px}.modal-locked-status{background:var(--color-bg-surface);color:var(--color-text-secondary)}.modal-locked-status .locked-icon svg{width:16px;height:16px}.unlock-celebration{z-index:2000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.celebration-content{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.celebration-particles{pointer-events:none;position:absolute;inset:0}.celebration-particles .particle{background:var(--gradient-primary);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%}.celebration-badge{background:var(--tier-gradient);border-radius:var(--radius-2xl);width:120px;height:120px;margin-bottom:var(--space-6);box-shadow:0 0 60px var(--tier-glow,#7c3aed80);justify-content:center;align-items:center;animation:1.5s ease-in-out infinite celebration-glow;display:flex}@keyframes celebration-glow{0%,to{box-shadow:0 0 40px var(--tier-glow,#7c3aed4d)}50%{box-shadow:0 0 80px var(--tier-glow,#7c3aed99)}}.celebration-icon{font-size:64px}.celebration-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:#fff;margin:0 0 var(--space-2) 0;text-shadow:0 2px 20px #00000080}.celebration-name{font-size:var(--text-xl);color:#fffc;margin:0 0 var(--space-3) 0}.celebration-points{font-size:var(--text-lg);font-weight:var(--font-bold);color:gold;margin:0 0 var(--space-6) 0}.celebration-dismiss{padding:var(--space-3) var(--space-8);background:var(--gradient-primary);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-semibold);color:#fff;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none}.celebration-dismiss:hover{filter:brightness(1.1);transform:scale(1.05)}[data-theme=light] .badges-header,[data-theme=light] .tier-progress-section{background:#fff;border-color:#e2e8f0}[data-theme=light] .stat-card,[data-theme=light] .tier-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .filter-tab,[data-theme=light] .badge-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .badge-card.unlocked{background:linear-gradient(135deg,#fff 0%,#7c3aed08 100%)}[data-theme=light] .badge-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #00000014}[data-theme=light] .badge-card.unlocked:hover{box-shadow:0 8px 24px #7c3aed26}[data-theme=light] .badge-card.new:after{opacity:.4}[data-theme=light] .badge-icon-wrapper{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .badge-icon-wrapper.unlocked{box-shadow:0 4px 12px #00000014}[data-theme=light] .badge-progress-fill{background:linear-gradient(135deg,#7c3aed,#a855f7)}[data-theme=light] .badge-modal{background:#fff;border-color:#e2e8f0}[data-theme=light] .modal-requirement{background:#f8fafc;border-color:#e2e8f0}@media (width<=768px){.badges-header{padding:var(--space-5)}.badges-title{font-size:var(--text-2xl)}.badges-stats-row{grid-template-columns:1fr 1fr}.stat-card.stat-progress{grid-column:span 2}.tier-progress-grid{grid-template-columns:repeat(3,1fr)}.filter-tabs{flex-wrap:nowrap;overflow-x:auto}.filter-divider{display:none}.badges-grid.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}}@media (width<=500px){.badges-stats-row{grid-template-columns:1fr}.stat-card.stat-progress{grid-column:1}.tier-progress-grid{grid-template-columns:repeat(2,1fr)}.tier-progress-grid .tier-card:nth-child(5){grid-column:span 2}.badges-grid.grid{grid-template-columns:1fr}.badge-card{padding:var(--space-4)}.modal-stats{gap:var(--space-4);flex-wrap:wrap}}.billing-page{gap:var(--space-8);max-width:1200px;padding-bottom:var(--space-12);flex-direction:column;margin:0 auto;display:flex}.billing-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:400px;color:var(--color-text-tertiary);flex-direction:column;display:flex}.billing-header{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8)}.billing-header .header-content{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.billing-header .header-text .page-title{align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;display:flex}.billing-header .page-title svg{width:28px;height:28px;color:var(--color-accent)}.billing-header .page-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.current-plan-card{align-items:center;gap:var(--space-6);padding:var(--space-6);background:linear-gradient(135deg, var(--color-bg-surface) 0%, #7c3aed08 100%);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);display:flex}.current-plan-badge{align-items:center;gap:var(--space-4);display:flex}.current-plan-badge .plan-icon{border-radius:var(--radius-xl);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.current-plan-badge .plan-icon svg{width:28px;height:28px}.current-plan-badge .plan-icon.tier-free{background:linear-gradient(135deg,#64748b,#475569)}.current-plan-badge .plan-icon.tier-plus{background:linear-gradient(135deg,#06b6d4,#0891b2)}.current-plan-badge .plan-icon.tier-pro{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary))}.current-plan-badge .plan-info{gap:var(--space-0-5);flex-direction:column;display:flex}.current-plan-badge .current-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.current-plan-badge .current-plan-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.current-plan-details{gap:var(--space-6);margin-left:auto;display:flex}.current-plan-details .detail-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);display:flex}.current-plan-details .detail-icon{color:var(--color-text-tertiary)}.current-plan-details .detail-icon svg{width:18px;height:18px}.current-plan-details .detail-content{gap:var(--space-0-5);flex-direction:column;display:flex}.current-plan-details .detail-label{font-size:var(--text-2xs);color:var(--color-text-tertiary);text-transform:uppercase}.current-plan-details .detail-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.upgrade-prompt{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:#7c3aed1a;margin-left:auto;display:flex}.upgrade-prompt p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.usage-dashboard{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-6)}.usage-dashboard .section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.usage-dashboard .section-header h2{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;display:flex}.usage-dashboard .section-header h2 svg{width:20px;height:20px;color:var(--color-accent)}.usage-dashboard .period-info{font-size:var(--text-xs);color:var(--color-text-tertiary);padding:var(--space-1) var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-full)}.usage-dashboard .period-info.offline{color:var(--color-warning);background:#f59e0b1a}.usage-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.usage-meter{gap:var(--space-2);flex-direction:column;display:flex}.usage-meter-header{align-items:center;gap:var(--space-2);display:flex}.usage-meter-icon{color:var(--color-text-tertiary);display:flex}.usage-meter-icon svg{width:16px;height:16px}.usage-meter-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);flex:1}.usage-meter-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.usage-meter-value.over-limit{color:var(--color-error)}.usage-meter-track{background:var(--color-border-subtle);border-radius:var(--radius-full);height:8px;overflow:hidden}.usage-meter-fill{border-radius:var(--radius-full);height:100%;transition:width .8s ease-out}.usage-meter-warning{font-size:var(--text-xs);color:var(--color-error)}.billing-cycle-section{text-align:center}.billing-cycle-section .section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4)}.billing-cycle-toggle{align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);display:inline-flex}.cycle-btn{align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);background:0 0;border:none;display:flex}.cycle-btn:hover{color:var(--color-text-primary)}.cycle-btn.active{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));color:#fff}.save-badge{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--color-success);background:#10b98133}.cycle-btn.active .save-badge{color:#fff;background:#ffffff40}.plans-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.plan-card{padding:var(--space-6);background:var(--color-bg-surface);border:2px solid var(--color-border-subtle);border-radius:var(--radius-2xl);transition:all var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:relative}.plan-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.plan-card.popular{border-color:var(--color-accent);background:linear-gradient(135deg, var(--color-bg-surface) 0%, #7c3aed0d 100%);padding-top:calc(var(--space-6) + 36px)}.plan-card.current{border-color:var(--color-success);background:linear-gradient(135deg, var(--color-bg-surface) 0%, #10b9810d 100%);padding-top:calc(var(--space-6) + 36px)}.popular-badge{justify-content:center;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff;text-transform:uppercase;letter-spacing:.5px;animation:3s ease-in-out infinite ribbon-glow;display:flex;position:absolute;top:-1px;left:-1px;right:-1px;box-shadow:0 4px 12px #7c3aed4d}@keyframes ribbon-glow{0%,to{box-shadow:0 4px 12px #7c3aed4d}50%{box-shadow:0 4px 20px #7c3aed80}}.popular-badge svg{width:14px;height:14px}.current-badge{justify-content:center;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-4);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b981,#059669);display:flex;position:absolute;top:-1px;left:-1px;right:-1px;box-shadow:0 4px 12px #10b9814d}.current-badge svg{width:14px;height:14px}.plan-header{text-align:center;padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.plan-card .plan-icon{border-radius:var(--radius-xl);width:56px;height:56px;margin-bottom:var(--space-4);color:#fff;justify-content:center;align-items:center;display:inline-flex}.plan-card .plan-icon svg{width:28px;height:28px}.plan-card .plan-icon.tier-free{background:linear-gradient(135deg,#64748b,#475569)}.plan-card .plan-icon.tier-plus{background:linear-gradient(135deg,#06b6d4,#0891b2)}.plan-card .plan-icon.tier-pro{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary))}.plan-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-1)}.plan-description{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.plan-pricing{text-align:center;margin-bottom:var(--space-6)}.price-main{justify-content:center;align-items:baseline;gap:var(--space-0-5);display:flex}.price-currency{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.price-amount{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1}.price-period{font-size:var(--text-base);color:var(--color-text-tertiary)}.yearly-savings{margin-top:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-success);background:#10b9811a;display:inline-block}.plan-features{margin:0 0 var(--space-6);flex:1;padding:0;list-style:none}.feature-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.feature-item .feature-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:flex}.feature-item .feature-icon svg{width:14px;height:14px}.feature-item.included .feature-icon{color:var(--color-success)}.feature-item.excluded .feature-icon{color:var(--color-text-tertiary);opacity:.5}.feature-item .feature-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.feature-item.excluded .feature-text{opacity:.5;text-decoration:line-through}.feature-item.highlight .feature-text{color:var(--color-text-primary);font-weight:var(--font-medium)}.plan-action{margin-top:auto}.plan-action .btn{justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-5) var(--space-4);flex-direction:column;min-height:100px}.plan-action .btn svg{opacity:.7;width:32px;height:32px}.plan-action .btn:hover svg{opacity:1}.plan-action .btn-current{background:var(--color-bg-elevated);cursor:default}.plan-action .btn-current svg{color:var(--color-success)}.feature-comparison{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-6)}.feature-comparison .section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-6);text-align:center}.comparison-table-wrapper{overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%}.comparison-table th,.comparison-table td{padding:var(--space-4);text-align:center;border-bottom:1px solid var(--color-border-subtle)}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;font-weight:var(--font-medium);color:var(--color-text-primary)}.comparison-table th{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);background:var(--color-bg-elevated)}.comparison-table th.current{color:var(--color-success);background:#10b9811a}.comparison-table th .current-marker{font-size:var(--text-2xs);font-weight:var(--font-normal);opacity:.8;display:block}.comparison-table td{font-size:var(--text-sm);color:var(--color-text-secondary)}.comparison-table .unlimited{align-items:center;gap:var(--space-1);color:var(--color-accent);font-weight:var(--font-medium);display:inline-flex}.comparison-table .unlimited svg{width:14px;height:14px}.comparison-table .included{color:var(--color-success)}.comparison-table .included svg{width:18px;height:18px}.comparison-table .excluded{color:var(--color-text-tertiary);opacity:.4}.comparison-table .excluded svg{width:18px;height:18px}.billing-history{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-6)}.billing-history .section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-5)}.invoices-list{gap:var(--space-2);flex-direction:column;display:flex}.invoice-item{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);display:flex}.invoice-date{width:100px;font-size:var(--text-sm);color:var(--color-text-tertiary)}.invoice-description{font-size:var(--text-sm);color:var(--color-text-primary);flex:1}.invoice-amount{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.invoice-status{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:capitalize;display:flex}.invoice-status.paid{color:var(--color-success);background:#10b9811a}.invoice-status.paid svg{width:12px;height:12px}.invoice-status.pending{color:var(--color-warning);background:#f59e0b1a}.invoice-status.failed{color:var(--color-error);background:#ef44441a}.invoice-download{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--duration-fast);background:0 0;justify-content:center;align-items:center;display:flex}.invoice-download:hover{background:var(--color-bg-surface);color:var(--color-accent);border-color:var(--color-accent)}.invoice-download svg{width:16px;height:16px}.billing-faq{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-6)}.billing-faq .section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-5);text-align:center}.faq-list{gap:var(--space-2);flex-direction:column;display:flex}.faq-item{background:var(--color-bg-elevated);border-radius:var(--radius-lg);overflow:hidden}.faq-question{width:100%;padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.faq-question:hover{background:var(--color-bg-surface)}.faq-toggle{font-size:var(--text-xl);color:var(--color-accent);line-height:1}.faq-answer{overflow:hidden}.faq-answer p{padding:0 var(--space-5) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.security-badge{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);color:var(--color-text-tertiary);font-size:var(--text-sm);display:flex}.security-badge svg{width:18px;height:18px;color:var(--color-success)}@media (width<=1024px){.plans-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto}.plan-card.popular{order:-1}.current-plan-card{flex-wrap:wrap}.current-plan-details{width:100%;margin-left:0;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);justify-content:flex-start}.upgrade-prompt{width:100%;margin-left:0;margin-top:var(--space-4)}.usage-grid{grid-template-columns:1fr}}@media (width<=768px){.billing-header .header-content{align-items:flex-start;gap:var(--space-4);flex-direction:column}.billing-header .header-content .btn{width:100%}.comparison-table{font-size:var(--text-xs)}.comparison-table th,.comparison-table td{padding:var(--space-2)}.invoice-item{flex-wrap:wrap}.invoice-date{width:100%;margin-bottom:var(--space-1)}}[data-theme=light] .billing-header,[data-theme=light] .current-plan-card,[data-theme=light] .usage-dashboard,[data-theme=light] .plan-card,[data-theme=light] .feature-comparison,[data-theme=light] .billing-history,[data-theme=light] .billing-faq{background:#fff;border-color:#e2e8f0}[data-theme=light] .current-plan-card{background:linear-gradient(135deg,#fff 0%,#7c3aed05 100%)}[data-theme=light] .plan-card.popular{background:linear-gradient(135deg,#fff 0%,#7c3aed0a 100%)}[data-theme=light] .plan-card.current{background:linear-gradient(135deg,#fff 0%,#10b9810a 100%)}[data-theme=light] .plan-card:hover{box-shadow:0 20px 40px #00000014}[data-theme=light] .billing-cycle-toggle{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .faq-item{background:#f8fafc}[data-theme=light] .faq-question:hover{background:#f1f5f9}[data-theme=light] .comparison-table th{background:#f8fafc}[data-theme=light] .comparison-table th.current{background:#10b98114}[data-theme=light] .current-plan-details .detail-item,[data-theme=light] .invoice-item{background:#f8fafc}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-spinner.sm{border-width:2px;width:24px;height:24px}.loading-spinner.lg{border-width:4px;width:56px;height:56px}.analytics-loading{gap:var(--space-8);padding:var(--space-6);width:100%;max-width:var(--max-content-width,1400px);flex-direction:column;margin:0 auto;display:flex}.skeleton-metrics{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));width:100%;display:grid}.skeleton-metric-card{background:var(--color-bg-surface,#0c0c0f);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);flex-direction:column;min-height:140px;max-height:200px;display:flex}.skeleton-bar{border-radius:var(--radius-full);margin-top:auto}.analytics-skeleton-row{gap:var(--space-6);grid-template-columns:2fr 1fr;width:100%;display:grid}@media (width<=900px){.analytics-skeleton-row{grid-template-columns:1fr}}.skeleton-chart-card,.skeleton-insights-card{background:var(--color-bg-surface,#0c0c0f);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background-image:linear-gradient(90deg, var(--color-bg-surface,#0c0c0f) 0%, var(--color-bg-hover,#161619) 50%, var(--color-bg-surface,#0c0c0f) 100%);background-size:200% 100%;height:320px;max-height:400px;animation:1.5s ease-in-out infinite skeleton-shimmer}.analytics-loading p{color:var(--color-text-secondary);font-size:var(--text-sm)}.analytics-skeleton-grid{gap:var(--space-6);width:100%;max-width:var(--max-content-width,1400px);padding:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0 auto;display:grid}.analytics-skeleton-card{background:var(--color-bg-surface,#0c0c0f);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);flex-direction:column;max-width:400px;display:flex}.analytics-skeleton-card .skeleton{background:linear-gradient(90deg, var(--color-bg-surface,#0c0c0f) 0%, var(--color-bg-hover,#161619) 50%, var(--color-bg-surface,#0c0c0f) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.analytics-skeleton-header{border-radius:var(--radius-md);width:60%;max-width:120px;height:14px}.analytics-skeleton-value{border-radius:var(--radius-md);width:40%;max-width:80px;height:32px}.analytics-skeleton-bar{border-radius:var(--radius-full);width:100%;height:8px;margin-top:auto}.portfolio-loading{width:100%;max-width:var(--max-content-width,1400px);padding:var(--space-6);margin:0 auto}.skeleton-portfolio-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%;display:grid}.skeleton-project-card{background:var(--color-bg-surface,#0c0c0f);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);flex-direction:column;max-width:450px;display:flex;overflow:hidden}.skeleton-thumbnail{background-color:var(--color-bg-surface,#0c0c0f);background-image:linear-gradient(90deg, var(--color-bg-surface,#0c0c0f) 0%, var(--color-bg-hover,#161619) 50%, var(--color-bg-surface,#0c0c0f) 100%);border-bottom:1px solid var(--color-border-subtle);background-size:200% 100%;height:180px;max-height:220px;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-project-card .project-content{padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.skeleton-tags{gap:var(--space-2);margin-top:var(--space-2);display:flex}.portfolio-loading p{color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center;margin-top:var(--space-4)}.portfolio-skeleton-grid{gap:var(--space-6);width:100%;max-width:var(--max-content-width,1400px);padding:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;display:grid}.portfolio-skeleton-card{background:var(--color-bg-surface,#0c0c0f);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);flex-direction:column;max-width:450px;display:flex;overflow:hidden}.portfolio-skeleton-thumbnail{background-color:var(--color-bg-surface,#0c0c0f);background-image:linear-gradient(90deg, var(--color-bg-surface,#0c0c0f) 0%, var(--color-bg-hover,#161619) 50%, var(--color-bg-surface,#0c0c0f) 100%);background-size:200% 100%;height:180px;max-height:220px;animation:1.5s ease-in-out infinite shimmer}.portfolio-skeleton-content{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.portfolio-skeleton-title{border-radius:var(--radius-md);background-color:var(--color-bg-surface,#0c0c0f);background-image:linear-gradient(90deg, var(--color-bg-surface,#0c0c0f) 0%, var(--color-bg-hover,#161619) 50%, var(--color-bg-surface,#0c0c0f) 100%);background-size:200% 100%;width:70%;max-width:200px;height:20px;animation:1.5s ease-in-out infinite shimmer}.portfolio-skeleton-desc{border-radius:var(--radius-md);background-color:var(--color-bg-surface,#0c0c0f);background-image:linear-gradient(90deg, var(--color-bg-surface,#0c0c0f) 0%, var(--color-bg-hover,#161619) 50%, var(--color-bg-surface,#0c0c0f) 100%);background-size:200% 100%;width:90%;height:14px;animation:1.5s ease-in-out infinite shimmer}.portfolio-skeleton-tags{gap:var(--space-2);margin-top:var(--space-2);display:flex}.portfolio-skeleton-tag{border-radius:var(--radius-full);background-color:var(--color-bg-surface,#0c0c0f);background-image:linear-gradient(90deg, var(--color-bg-surface,#0c0c0f) 0%, var(--color-bg-hover,#161619) 50%, var(--color-bg-surface,#0c0c0f) 100%);background-size:200% 100%;width:60px;height:24px;animation:1.5s ease-in-out infinite shimmer}[data-theme=light] .analytics-skeleton-card,[data-theme=light] .portfolio-skeleton-card,[data-theme=light] .skeleton-metric-card,[data-theme=light] .skeleton-project-card,[data-theme=light] .skeleton-chart-card,[data-theme=light] .skeleton-insights-card{background:#00000005;border-color:#0000000f}[data-theme=light] .skeleton-thumbnail{background-image:linear-gradient(90deg,#00000008 0%,#0000000f 50%,#00000008 100%);background-size:200% 100%;border-color:#0000000f}[data-theme=light] .skeleton-chart-card,[data-theme=light] .skeleton-insights-card{background-image:linear-gradient(90deg,#00000008 0%,#0000000d 50%,#00000008 100%);background-size:200% 100%}[data-theme=light] .analytics-skeleton-card .skeleton,[data-theme=light] .analytics-skeleton-header,[data-theme=light] .analytics-skeleton-value,[data-theme=light] .analytics-skeleton-bar,[data-theme=light] .portfolio-skeleton-thumbnail,[data-theme=light] .portfolio-skeleton-title,[data-theme=light] .portfolio-skeleton-desc,[data-theme=light] .portfolio-skeleton-tag{background:linear-gradient(90deg,#0000000a 0%,#0000000f 50%,#0000000a 100%) 0 0/200% 100%}.topbar-hamburger,.sidebar-backdrop{display:none}@media (width<=1024px){.topbar-search{min-width:120px}.topbar-search-text,.topbar-search-kbd{display:none}.metric-item{padding:var(--space-1-5) var(--space-3)}}@media (width<=768px){.topbar-logo-toggle{padding:var(--space-1)!important}.topbar-logo-toggle .toggle-logo-icon,.topbar-logo-toggle .toggle-logo-icon svg{width:32px;height:32px}.topbar-logo-toggle .toggle-logo-text,.topbar-logo-toggle .logo-text-primary,.topbar-logo-toggle .logo-text-accent,.sidebar-brand-text,.sidebar-brand-text .logo-text-primary,.sidebar-brand-text .logo-text-accent{display:none!important}.sidebar-header{padding:0 var(--space-3)!important;justify-content:center!important}.sidebar-logo-toggle,.sidebar-logo-toggle svg{width:32px;height:32px}.btn-refresh{display:none!important}.sidebar{pointer-events:auto;-webkit-backdrop-filter:none!important;z-index:300!important;background:#09090b!important}.sidebar-header{position:relative;z-index:301!important}.app-shell:not(.sidebar-open) .sidebar{transform:translate(-100%)}.app-shell.sidebar-open .sidebar{box-shadow:8px 0 32px #0000004d;transform:translate(0)!important}[data-theme=light] .sidebar{background:#fff!important}.sidebar-backdrop{display:none}.app-shell.sidebar-open .sidebar-backdrop{top:0;left:var(--sidebar-width);z-index:100;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000080;animation:.2s fadeIn;display:block;position:fixed;bottom:0;right:0}.sidebar .nav-link{pointer-events:auto;z-index:1;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-area{flex-direction:column;width:100%;height:100dvh;min-height:0;max-height:100dvh;display:flex;position:relative;overflow:hidden;margin-left:0!important}.page-content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth;flex:1;height:0;padding-bottom:100px;position:relative;overflow-x:hidden;min-height:0!important;overflow-y:auto!important}.page-content>*{min-height:0}.topbar{padding:0 var(--space-2);gap:var(--space-1);flex-shrink:0;height:52px}.topbar-left{gap:0;display:flex}.topbar-left .user-metrics{gap:var(--space-1);padding:0}.topbar-left .metric-item{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:auto;transition:all var(--duration-fast) var(--ease-smooth);position:relative}.topbar-left .metric-item:active{transform:scale(.95)}.topbar-left .metric-item.tooltip-active{background:var(--color-accent-subtle);border-color:var(--color-accent)}.topbar-left .metric-value{font-size:var(--text-xs);font-weight:var(--font-semibold)}.topbar-left .metric-label{display:none!important}.topbar-left .metric-tooltip{padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transition:all .15s var(--ease-smooth);z-index:100;display:block;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.9)}.topbar-left .metric-tooltip:before{content:"";border:6px solid #0000;border-bottom-color:var(--color-border);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.topbar-left .metric-tooltip:after{content:"";border:5px solid #0000;border-bottom-color:var(--color-bg-surface);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.topbar-left .metric-item.tooltip-active .metric-tooltip{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.topbar-left .metric-divider{display:none}.topbar-spacer{flex:1}.topbar-search{width:32px;min-width:32px;max-width:32px;height:32px;padding:var(--space-1);flex:0 0 32px;justify-content:center}.topbar-search-text,.topbar-search-kbd{display:none!important}.topbar-right{gap:var(--space-1)}.topbar-right .topbar-icon-btn{width:32px;height:32px;padding:var(--space-1)}.topbar-right .notification-bell{width:32px;height:32px}.topbar-user-btn{padding:var(--space-1);gap:var(--space-1)}.topbar-user-avatar{width:28px;height:28px}.topbar-user-chevron{display:none}.page-content{padding:var(--space-4) var(--space-3)}.user-menu-dropdown{width:280px;left:auto;right:0}.ai-chat-panel{z-index:400;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;position:fixed;inset:0;background:var(--color-bg-base)!important;-webkit-backdrop-filter:none!important}[data-theme=light] .ai-chat-panel{background:#fff!important}.ai-chat-header{background:var(--color-bg-surface);padding:12px 16px}.ai-chat-messages{background:var(--color-bg-base);min-height:0;padding:16px}.ai-chat-input-wrapper{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));background:var(--color-bg-surface)}.ai-chat-input{min-height:40px}.ai-fab-container{bottom:16px;right:16px}.ai-fab{width:52px;height:52px}.ai-fab-tooltip{display:none}.page-container{padding:var(--space-4)}.page-header{gap:var(--space-3);flex-direction:column;align-items:flex-start!important}.page-header>div:last-child,.page-header-actions{gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.page-header .btn{flex:1;justify-content:center;min-width:120px}.page-title{font-size:var(--text-xl)!important}.page-subtitle{font-size:var(--text-sm)}.stats-grid{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--space-2);padding-bottom:var(--space-1);margin:0 calc(-1 * var(--space-3));padding-left:var(--space-3);padding-right:var(--space-3);overflow-x:auto;display:flex!important}.stats-grid::-webkit-scrollbar{display:none}.stat-card{min-width:120px;padding:var(--space-2) var(--space-3);gap:var(--space-2);flex:none}.stat-card-icon{width:28px;min-width:28px;height:28px;font-size:14px}.stat-card-value{font-size:var(--text-base)}.stat-card-label{font-size:var(--text-xs)}.filter-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:var(--space-1);overflow-x:auto;flex-wrap:nowrap!important}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{white-space:nowrap;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);flex-shrink:0}.cards-grid,.card-grid,.skills-grid,.badges-grid,.sources-grid,.project-grid,.dashboard-grid{grid-template-columns:1fr!important}}@media (width<=480px){.topbar{padding:0 var(--space-2);height:52px}.topbar-search{max-width:160px;padding:var(--space-1-5) var(--space-3)}.topbar-icon-btn{width:32px;height:32px}.topbar-user-avatar{width:28px;height:28px}.topbar-user-chevron{display:none}.page-content{padding:var(--space-3) var(--space-2)}.page-container{padding:var(--space-3)}.stats-grid{grid-template-columns:1fr!important}.page-title{font-size:var(--text-lg)!important}.page-header .btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.page-header .btn span:last-child{display:none}.user-menu-dropdown{width:calc(100vw - var(--space-4));right:calc(-1 * var(--space-2))}}.intelligence-feed{gap:var(--space-8);flex-direction:column;display:flex}.feed-greeting{margin-bottom:var(--space-6)}.feed-greeting-text{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tighter);margin-bottom:var(--space-3);background:var(--gradient-text-subtle);-webkit-background-clip:text;background-clip:text}.feed-greeting-subtext{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.feed-section{margin-bottom:var(--space-10)}.feed-section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.feed-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-6);gap:var(--space-3);transition:all var(--duration-moderate) var(--ease-smooth);flex-direction:column;min-width:0;max-width:100%;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:opacity var(--duration-moderate) var(--ease-smooth);position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}.stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.stat-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tighter);line-height:1}.stat-change{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);display:flex}.stat-change-positive{color:var(--color-success)}.stat-change-negative{color:var(--color-error)}.dashboard{gap:var(--space-10);min-height:0;padding-bottom:var(--space-8);flex-direction:column;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:var(--space-8);margin-bottom:var(--space-6);display:flex}.dashboard-header-content{flex:1}.dashboard-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tighter);margin-bottom:var(--space-2);line-height:1.2}.dashboard-title-gradient{background:var(--gradient-text-accent);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite gradient-shift}.dashboard-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);opacity:.8;max-width:600px}.score-ring{width:100px;height:100px;position:relative}.score-ring svg{filter:drop-shadow(0 0 12px #8b5cf626);width:100%;height:100%}.score-ring-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-ring-value{font-size:var(--text-2xl);font-weight:var(--font-bold);background:var(--gradient-text-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1}.score-ring-label{color:var(--color-text-tertiary);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-widest);font-size:10px;font-weight:var(--font-medium)}.score-card{background:linear-gradient(135deg, #8b5cf60d 0%, transparent 50%, #06b6d40d 100%), var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4);align-items:center;gap:var(--space-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.score-card:before{content:"";background:radial-gradient(circle,#8b5cf614 0%,#0000 50%);width:200%;height:200%;animation:8s ease-in-out infinite pulse-glow;position:absolute;top:-50%;left:-50%}.score-card-meta{align-items:center;gap:var(--space-3);flex-direction:column;display:flex;position:relative}.score-card-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.grade-badge{padding:var(--space-1-5) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);align-items:center;display:inline-flex}.grade-badge.grade-a{color:var(--color-success);background:linear-gradient(135deg,#34d39933 0%,#10b98126 100%);border:1px solid #34d3994d}.grade-badge.grade-b{color:var(--color-accent);border:1px solid var(--color-accent-muted);background:linear-gradient(135deg,#8b5cf633 0%,#06b6d426 100%)}.grade-badge.grade-c{color:var(--color-warning);background:linear-gradient(135deg,#fbbf2433 0%,#f59e0b26 100%);border:1px solid #fbbf244d}.grade-badge.grade-d,.grade-badge.grade-f{color:var(--color-error);background:linear-gradient(135deg,#f43f5e33 0%,#dc262626 100%);border:1px solid #f43f5e4d}.stats-row{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4);align-items:center;gap:var(--space-3);transition:border-color var(--duration-slow) var(--ease-silk), background var(--duration-slow) var(--ease-silk), transform var(--duration-slow) var(--ease-silk), box-shadow var(--duration-slower) var(--ease-gentle);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";top:0;left:var(--space-4);right:var(--space-4);background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute}.stat-card:after{content:"";background:radial-gradient(circle at center, var(--color-accent-subtle) 0%, transparent 60%);opacity:0;width:200%;height:200%;transition:opacity var(--duration-moderate) var(--ease-smooth);pointer-events:none;position:absolute;top:-50%;left:-50%}.stat-card:hover{border-color:var(--color-border-strong);background:var(--glass-bg-hover);box-shadow:var(--shadow-lg), 0 0 25px #8b5cf608;transform:translateY(-2px)}.stat-card:hover:after{opacity:1}.stat-card-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-bg-elevated) 0%, var(--color-bg-hover) 100%);border:1px solid var(--color-border-subtle);z-index:1;width:36px;min-width:36px;height:36px;transition:all var(--duration-moderate) var(--ease-bounce);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.stat-card:hover .stat-card-icon{transform:scale(1.05)rotate(3deg);box-shadow:0 2px 8px #00000026}.stat-card-icon .icon{width:18px;height:18px;color:var(--color-accent)}.stat-card-content{gap:var(--space-0-5);flex-direction:column;flex:1;display:flex}.stat-card-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.2}.stat-card-label{color:var(--color-text-tertiary);font-size:11px;line-height:1.2}.stat-card-trend{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.stat-card-trend.positive{color:var(--color-success);background:#22c55e26}.stat-card-trend.negative{color:var(--color-error);background:#ef444426}.insights-section{margin-top:var(--space-4)}.section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.section-title{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);display:flex}.section-title .icon{width:20px;height:20px;color:var(--color-accent)}.section-badge{padding:var(--space-1-5) var(--space-3);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);border:1px solid var(--color-accent-muted);background:linear-gradient(135deg,#8b5cf626 0%,#06b6d41a 100%)}.insights-grid{gap:var(--space-4);flex-direction:column;display:flex}.insight-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);transition:all var(--duration-moderate) cubic-bezier(.4, 0, .2, 1);border-left:3px solid;display:flex;position:relative;overflow:hidden}.insight-card:before{content:"";background:radial-gradient(circle, var(--color-accent-ultra) 0%, transparent 70%);opacity:0;width:200px;height:200px;transition:opacity var(--duration-moderate) var(--ease-smooth);pointer-events:none;position:absolute;top:0;right:0}.insight-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.insight-card:hover{background:var(--glass-bg-hover);box-shadow:var(--shadow-lg), -4px 0 20px #8b5cf60f;transform:translate(8px)}.insight-card:hover:before{opacity:1}.insight-card-icon{border-radius:var(--radius-lg);z-index:1;width:36px;min-width:36px;height:36px;transition:all var(--duration-moderate) var(--ease-bounce);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.insight-card:hover .insight-card-icon{transform:scale(1.05)}.insight-card-icon .icon{width:18px;height:18px}.insight-card-content{flex:1;min-width:0;position:relative}.insight-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:-.01em}.insight-card-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.insight-card-action{align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);transition:gap var(--duration-hover) var(--ease-silk), color var(--duration-hover) var(--ease-silk);text-decoration:none;display:inline-flex}.insight-card-action:hover{gap:var(--space-2-5);color:var(--color-accent-hover)}.insight-card-action .icon-sm{width:14px;height:14px}.analysis-section{margin-top:var(--space-8)}.analysis-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.analysis-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-6);transition:all var(--duration-moderate) var(--ease-smooth)}.analysis-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-lg)}.analysis-card-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-5);letter-spacing:-.01em}.analysis-card--issues .analysis-card-title{color:var(--color-warning)}.analysis-card--strengths .analysis-card-title{color:var(--color-success)}.analysis-list{gap:var(--space-3);flex-direction:column;display:flex}.analysis-item{padding:var(--space-4);border-radius:var(--radius-xl);gap:var(--space-2);transition:transform var(--duration-hover) var(--ease-silk), background var(--duration-hover) var(--ease-silk);flex-direction:column;display:flex}.analysis-item:hover{transform:translate(4px)}.analysis-item--critical{background:linear-gradient(135deg,#f43f5e1a 0%,#dc26260d 100%);border:1px solid #f43f5e33}.analysis-item--warning{background:linear-gradient(135deg,#fbbf241a 0%,#f59e0b0d 100%);border:1px solid #fbbf2433}.analysis-item--success{align-items:flex-start;gap:var(--space-2);background:#22c55e1a;flex-direction:row}.analysis-item-category{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-warning)}.analysis-item--critical .analysis-item-category{color:var(--color-error)}.analysis-item-message{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.analysis-item-check{color:var(--color-success);font-weight:var(--font-bold)}.loading-state{padding:var(--space-12);justify-content:center;align-items:center;gap:var(--space-4);color:var(--color-text-secondary);max-width:400px;margin:var(--space-8) auto;flex-direction:column;display:flex}.loading-state p{font-size:var(--text-sm);text-align:center}.spinner-lg{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:32px;height:32px;animation:.8s linear infinite spin}.loading-inline{padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-sm);display:flex}.loading-skeleton-page,.loading-skeleton{gap:var(--space-6);flex-direction:column;max-width:100%;display:flex}.skeleton-row{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:100%;display:grid}.skeleton-stat-card{gap:var(--space-3);padding:var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);flex-direction:column;max-width:100%;min-height:120px;display:flex}.skeleton-stat-card .skeleton-icon{width:40px;height:40px}.skeleton-stat-card .skeleton-value{width:80px;height:32px}.skeleton-stat-card .skeleton-label{width:120px;height:14px}.skeleton-score-card{align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);flex-direction:column;max-width:220px;display:flex}.skeleton-score-card .skeleton-ring{border-radius:var(--radius-full);width:120px;height:120px}.skeleton-metrics-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:100%;display:grid}.skeleton-metric-card{padding:var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);min-height:140px}.skeleton-job-card{gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);flex-direction:column;display:flex}.skeleton-job-card .skeleton-header{align-items:center;gap:var(--space-3);display:flex}.skeleton-job-card .skeleton-logo{border-radius:var(--radius-lg);width:48px;height:48px}.skeleton-job-card .skeleton-title{flex:1;height:20px}.skeleton-job-card .skeleton-meta{gap:var(--space-3);display:flex}.skeleton-job-card .skeleton-tag{border-radius:var(--radius-full);width:80px;height:24px}.skeleton-list{gap:var(--space-3);flex-direction:column;display:flex}.skeleton-list-item{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex}.skeleton-list-item .skeleton{flex:1;height:16px}.skeleton-grid{gap:var(--space-4);max-width:100%;display:grid}.skeleton-grid-2{grid-template-columns:repeat(2,1fr)}.skeleton-grid-3{grid-template-columns:repeat(3,1fr)}.skeleton-grid-4{grid-template-columns:repeat(4,1fr)}.skeleton-card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:100%;display:grid}@media (width<=768px){.skeleton-grid-2,.skeleton-grid-3,.skeleton-grid-4{grid-template-columns:1fr}}.empty-state{text-align:center;padding:var(--space-12);background:var(--color-bg-surface);border:1px dashed var(--color-border);border-radius:var(--radius-2xl);max-width:480px;margin:var(--space-8) auto;flex-direction:column;align-items:center;display:flex}.empty-state-icon{background:var(--color-accent-subtle);width:64px;height:64px;color:var(--color-accent);border-radius:var(--radius-2xl);margin-bottom:var(--space-6);justify-content:center;align-items:center;font-size:28px;line-height:1;display:flex}.empty-state-icon svg{width:32px;height:32px}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-base);color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.tag-success{color:var(--color-success);background:#34d39926;border-color:#34d3994d}.tag-accent{color:var(--color-accent);background:linear-gradient(135deg,#7c3aed1f,#06b6d414);border-color:#7c3aed33}.tag-warning{color:var(--color-warning);background:#fbbf2426;border-color:#fbbf244d}.tag-error{color:var(--color-error);background:#f43f5e26;border-color:#f43f5e4d}.matches-list{gap:var(--space-3);flex-direction:column;display:flex}.icon{flex-shrink:0;width:20px;height:20px}.icon-sm{flex-shrink:0;width:16px;height:16px}.activity-feed{gap:var(--space-3);flex-direction:column;display:flex}.activity-item{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:background var(--duration-hover) var(--ease-silk), border-color var(--duration-hover) var(--ease-silk);display:flex}.activity-item:hover{background:var(--color-bg-elevated);border-color:var(--color-border-strong)}.activity-icon{background:var(--color-accent-subtle);border-radius:var(--radius-lg);width:40px;height:40px;font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-content{flex:1;min-width:0}.activity-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.activity-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.activity-time{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap}.activity-action{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent);background:var(--color-accent-subtle);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-hover) var(--ease-silk);border:none}.activity-action:hover{background:var(--color-accent-muted)}.job-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.job-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:border-color var(--duration-hover) var(--ease-silk), background var(--duration-hover) var(--ease-silk), transform var(--duration-transform) var(--ease-silk), box-shadow var(--duration-glow) var(--ease-gentle);position:relative;overflow:hidden}.job-card:before{content:"";background:var(--color-accent);opacity:0;height:3px;transition:opacity var(--duration-moderate) var(--ease-silk);position:absolute;top:0;left:0;right:0}.job-card:hover{border-color:var(--color-border-strong);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.job-card:hover:before{opacity:1}.job-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.job-company-logo{background:var(--color-bg-elevated);border-radius:var(--radius-lg);width:44px;height:44px;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.job-match-score{flex-direction:column;align-items:flex-end;display:flex}.job-match-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-success)}.job-match-label{font-size:var(--text-2xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.job-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.job-company{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.job-meta{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.job-tag{padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-bg-elevated);border-radius:var(--radius-md)}.job-rationale{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.skill-radar-container{padding:var(--space-8);justify-content:center;align-items:center;display:flex}.skill-list{gap:var(--space-3);flex-direction:column;display:flex}.skill-item{align-items:center;gap:var(--space-4);display:flex}.skill-info{flex:1;min-width:0}.skill-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.skill-bar{background:var(--color-bg-elevated);border-radius:var(--radius-full);height:6px;overflow:hidden}.skill-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.skill-level{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-align:right;min-width:40px}.resume-preview-container{gap:var(--space-8);grid-template-columns:1fr 400px;height:calc(100vh - 200px);display:grid}.resume-editor{gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.resume-preview{border-radius:var(--radius-xl);padding:var(--space-8);color:#1a1a1a;box-shadow:var(--shadow-2xl);background:#fff;overflow-y:auto}.resume-section{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:border-color var(--duration-hover) var(--ease-silk)}.resume-section:hover{border-color:var(--color-accent)}.resume-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.resume-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.ai-suggestion-inline{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-accent);cursor:pointer;transition:background var(--duration-hover) var(--ease-silk);display:flex}.ai-suggestion-inline:hover{background:var(--color-accent-muted)}.onboarding-container{min-height:100dvh;padding:var(--space-6);background:var(--color-bg-base);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.onboarding-container:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#8b5cf614 0%,#0000 50%),radial-gradient(circle at 70% 70%,#06b6d414 0%,#0000 50%);width:200%;height:200%;animation:15s ease-in-out infinite onboarding-glow;position:absolute;top:-50%;left:-50%}@keyframes onboarding-glow{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(2%,2%)rotate(5deg)}}.onboarding-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:440px;padding:var(--space-8) var(--space-8) var(--space-6);text-align:center;z-index:1;position:relative;box-shadow:0 25px 50px -12px #00000040}.onboarding-progress{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.onboarding-dot{background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;width:8px;height:8px;transition:all var(--duration-moderate) var(--ease-smooth);border:none;padding:0}.onboarding-dot:hover{background:var(--color-border-strong);transform:scale(1.2)}.onboarding-dot.active{background:var(--color-accent);width:24px}.onboarding-dot.completed{background:var(--color-success)}.onboarding-content{flex-direction:column;align-items:center;min-height:280px;display:flex}.onboarding-icon{border-radius:var(--radius-xl);width:72px;height:72px;margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex;box-shadow:0 10px 40px -10px #8b5cf666}.onboarding-icon svg{color:#fff;width:36px;height:36px}.onboarding-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:1.2}.onboarding-highlight{background:var(--gradient-text-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.onboarding-description{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-5);line-height:var(--leading-relaxed);max-width:340px}.onboarding-features{gap:var(--space-2);flex-direction:column;width:100%;max-width:280px;margin:0;padding:0;list-style:none;display:flex}.onboarding-feature{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);display:flex}.onboarding-feature-check{width:18px;height:18px;color:var(--color-success);flex-shrink:0}.onboarding-feature-check svg{width:100%;height:100%}.onboarding-nav{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.onboarding-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);border:none;display:inline-flex}.onboarding-btn svg{width:16px;height:16px}.onboarding-btn-primary{background:var(--color-accent);color:#fff}.onboarding-btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.onboarding-btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border)}.onboarding-btn-secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.onboarding-btn-finish{padding:var(--space-3) var(--space-6)}.onboarding-skip{top:var(--space-4);left:var(--space-4);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);z-index:10;background:0 0;position:absolute}.onboarding-skip:hover{background:var(--color-bg-elevated);color:var(--color-text-secondary);border-color:var(--color-border-strong)}.onboarding-theme-toggle{top:var(--space-4);right:var(--space-4);cursor:pointer;z-index:10;border:none;border-radius:14px;width:56px;height:28px;padding:2px;transition:background .3s;position:absolute}.onboarding-theme-knob{border-radius:12px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 2px 8px #0003}.onboarding-footer{bottom:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);opacity:.6;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.login-container{min-height:100vh;padding:var(--space-8);background:var(--color-bg-base);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:var(--gradient-glow);opacity:.5;width:200%;height:200%;animation:8s ease-in-out infinite glow;position:absolute;top:-50%;left:-50%}.login-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:420px;padding:var(--space-10);text-align:center;z-index:1;position:relative}.login-logo{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.login-logo-accent{color:var(--color-accent)}.login-tagline{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.login-buttons{gap:var(--space-3);flex-direction:column;display:flex}.login-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3-5) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-xl);cursor:pointer;transition:background var(--duration-hover) var(--ease-silk), transform var(--duration-transform) var(--ease-silk);display:flex}.login-btn-google{color:#1a1a1a;background:#fff;border:none}.login-btn-google:hover{background:#f5f5f5;transform:translateY(-1px)}.login-btn-github{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.login-btn-github:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.login-btn-dev{color:var(--color-text-tertiary);border:1px dashed var(--color-border);font-size:var(--text-sm);background:0 0}.login-btn-dev:hover{color:var(--color-text-secondary);border-color:var(--color-border-strong)}.login-terms{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-text-muted)}@media (width<=1024px){.stats-row{grid-template-columns:repeat(2,1fr)}.resume-preview-container{grid-template-columns:1fr}}@media (width<=768px){.main-content{margin-left:0}.stats-row{grid-template-columns:1fr}.stats-grid{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--space-2);padding-bottom:var(--space-1);overflow-x:auto;display:flex!important}.stats-grid::-webkit-scrollbar{display:none}.dashboard-title{font-size:var(--text-2xl)}.dashboard-header{align-items:flex-start;gap:var(--space-3);flex-direction:row}.btn-refresh{padding:var(--space-2);width:40px;min-width:40px;height:40px}.btn-refresh-text{display:none}.score-ring{width:80px;height:80px}.score-ring-value{font-size:var(--text-xl)}.job-grid,.analysis-grid{grid-template-columns:1fr}.insight-card{padding:var(--space-3);gap:var(--space-3)}}@media (width<=480px){.stats-grid .stat-card{min-width:100px;padding:var(--space-2)}.dashboard-title{font-size:var(--text-xl)}.score-card{padding:var(--space-3)}.login-container{padding:var(--space-4)}.login-card{padding:var(--space-6)}.onboarding-container{padding:var(--space-4)}.onboarding-card{padding:var(--space-5)}.onboarding-icon{width:60px;height:60px}.onboarding-icon svg{width:28px;height:28px}.onboarding-title{font-size:var(--text-xl)}.onboarding-description{font-size:var(--text-sm)}.onboarding-content{min-height:240px}.onboarding-skip{top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.onboarding-theme-toggle{top:var(--space-3);right:var(--space-3)}.onboarding-footer{margin-top:var(--space-6);text-align:center;position:static;transform:none}}.guide-page{background:var(--color-bg-base);min-height:100vh;overflow-x:hidden}.guide-theme-toggle{top:var(--space-4);right:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;z-index:100;width:40px;height:40px;transition:all var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;display:flex;position:fixed}.guide-theme-toggle:hover{background:var(--color-bg-hover);transform:scale(1.05)}.guide-theme-toggle svg{width:18px;height:18px;color:var(--color-text-secondary)}.guide-hero{min-height:90vh;padding:var(--space-10) var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.guide-hero-content{z-index:1;text-align:center;max-width:700px;position:relative}.guide-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:inline-flex}.guide-logo-text{font-size:var(--text-2xl);font-weight:var(--font-bold)}.guide-logo-primary{color:var(--color-text-primary)}.guide-logo-accent{background:linear-gradient(135deg,#8b5cf6 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.guide-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:var(--font-bold);margin-bottom:var(--space-5);color:var(--color-text-primary);line-height:1.1}.guide-title-gradient{background:linear-gradient(135deg,#8b5cf6 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.guide-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:540px;margin-left:auto;margin-right:auto}.guide-cta-group{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.guide-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);border:none;text-decoration:none;display:inline-flex}.guide-btn svg{width:18px;height:18px}.guide-btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);box-shadow:0 4px 14px #8b5cf666}.guide-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.guide-btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.guide-btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.guide-btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.guide-hero-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.guide-hero-orb-1{background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:400px;height:400px;animation:20s ease-in-out infinite guideOrb1;top:10%;left:10%}.guide-hero-orb-2{background:radial-gradient(circle,#06b6d426 0%,#0000 70%);width:350px;height:350px;animation:25s ease-in-out infinite guideOrb2;bottom:10%;right:10%}@keyframes guideOrb1{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}@keyframes guideOrb2{0%,to{transform:translate(0)}50%{transform:translate(-20px,-30px)}}.guide-features,.guide-steps,.guide-cta{padding:var(--space-16) var(--space-6);max-width:1200px;margin:0 auto}.guide-section-header{text-align:center;margin-bottom:var(--space-12)}.guide-section-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent-subtle);border:1px solid var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);margin-bottom:var(--space-4);display:inline-flex}.guide-section-badge svg{width:14px;height:14px}.guide-section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.guide-section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary)}.guide-features-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.guide-feature-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-fast) var(--ease-smooth)}.guide-feature-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.guide-feature-icon{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.guide-feature-icon svg{width:24px;height:24px}.guide-feature-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.guide-feature-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.guide-feature-highlights{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guide-feature-highlights li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.guide-feature-check{flex-shrink:0;width:16px;height:16px}.guide-feature-check svg{width:100%;height:100%}.guide-steps-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.guide-step{text-align:center;padding:var(--space-6)}.guide-step-number{width:48px;height:48px;margin:0 auto var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#06b6d4 100%);justify-content:center;align-items:center;display:flex}.guide-step-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.guide-step-description{font-size:var(--text-sm);color:var(--color-text-secondary)}.guide-cta{padding:var(--space-20) var(--space-6)}.guide-cta-card{border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-8);text-align:center;background:linear-gradient(135deg,#8b5cf61a 0%,#06b6d41a 100%);max-width:700px;margin:0 auto}.guide-cta-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.guide-cta-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.guide-cta-note{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.guide-footer{padding:var(--space-8) var(--space-6);border-top:1px solid var(--color-border)}.guide-footer-content{align-items:center;gap:var(--space-4);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.guide-footer-brand{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);display:flex}.guide-footer-brand svg{width:28px;height:28px}.guide-footer-links{gap:var(--space-6);display:flex}.guide-footer-links a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast);text-decoration:none}.guide-footer-links a:hover{color:var(--color-text-primary)}.guide-footer-copy{font-size:var(--text-xs);color:var(--color-text-muted)}@media (width<=768px){.guide-hero{min-height:auto;padding:var(--space-20) var(--space-4) var(--space-12)}.guide-features,.guide-steps,.guide-cta{padding:var(--space-10) var(--space-4)}.guide-features-grid{grid-template-columns:1fr}.guide-steps-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.guide-step{padding:var(--space-4)}.guide-cta-card{padding:var(--space-8) var(--space-4)}.guide-hero-orb-1,.guide-hero-orb-2{width:200px;height:200px}}@media (width<=480px){.guide-steps-grid{grid-template-columns:1fr}.guide-cta-group{flex-direction:column}.guide-btn{justify-content:center;width:100%}}[data-theme=light] .guide-page{background:#fafafa}[data-theme=light] .guide-feature-card,[data-theme=light] .guide-cta-card{background:#fff}[data-theme=light] .guide-hero-orb-1{background:radial-gradient(circle,#8b5cf61a 0%,#0000 70%)}[data-theme=light] .guide-hero-orb-2{background:radial-gradient(circle,#06b6d41a 0%,#0000 70%)}[data-theme=light] .stat-card,[data-theme=light] .score-card,[data-theme=light] .insight-card,[data-theme=light] .analysis-card,[data-theme=light] .job-card,[data-theme=light] .skill-card{-webkit-backdrop-filter:none!important}[data-theme=light] .dashboard{background:0 0}[data-theme=light] .dashboard-title-gradient{background:var(--gradient-text-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .stat-card{border:1px solid var(--color-border);background:#fff;box-shadow:0 1px 3px #0000000d}[data-theme=light] .stat-card:hover{box-shadow:0 4px 12px #00000014}[data-theme=light] .score-card{border:1px solid var(--color-border);background:#fff;box-shadow:0 2px 8px #0000000f}[data-theme=light] .insight-card{border:1px solid var(--color-border);background:#fff;box-shadow:0 1px 3px #0000000d}[data-theme=light] .insight-card:hover{background:#fff;box-shadow:0 4px 12px #00000014}[data-theme=light] .analysis-card{border:1px solid var(--color-border);background:#fff;box-shadow:0 1px 3px #0000000d}[data-theme=light] .analysis-card:hover{box-shadow:0 4px 12px #00000014}[data-theme=light] .job-card{border:1px solid var(--color-border);background:#fff;box-shadow:0 1px 3px #0000000d}[data-theme=light] .job-card:hover{box-shadow:0 4px 12px #00000014}[data-theme=light] .skill-card{border:1px solid var(--color-border);background:#fff;box-shadow:0 1px 3px #0000000d}[data-theme=light] .skill-card:hover{box-shadow:0 4px 12px #00000014}[data-theme=light] .settings-card{border:1px solid var(--color-border);background:#fff;box-shadow:0 1px 3px #0000000d}[data-theme=light] .onboarding-card{border:1px solid var(--color-border);background:#fff;box-shadow:0 10px 40px #0000001a}[data-theme=light] .onboarding-container:before{background:radial-gradient(circle at 30% 30%,#8b5cf60f 0%,#0000 50%),radial-gradient(circle at 70% 70%,#06b6d40f 0%,#0000 50%)}[data-theme=light] .onboarding-feature,[data-theme=light] .onboarding-btn-secondary{background:var(--color-bg-base)}[data-theme=light] .empty-state{border:1px solid var(--color-border);background:#fff}[data-theme=light] .empty-state-icon{background:#7c3aed14}[data-theme=light] .gradient-text{background:var(--gradient-text-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .section-badge{background:#7c3aed1a;border:1px solid #7c3aed33}[data-theme=light] .grade-badge.grade-a{background:linear-gradient(135deg,#16a34a26 0%,#10b9811a 100%);border:1px solid #16a34a40}[data-theme=light] .grade-badge.grade-b{background:linear-gradient(135deg,#7c3aed26 0%,#0d94881a 100%);border:1px solid #7c3aed40}[data-theme=light] .grade-badge.grade-c{background:linear-gradient(135deg,#d9770626 0%,#f59e0b1a 100%);border:1px solid #d9770640}[data-theme=light] .grade-badge.grade-d,[data-theme=light] .grade-badge.grade-f{background:linear-gradient(135deg,#dc262626 0%,#ef44441a 100%);border:1px solid #dc262640}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;height:100dvh;min-height:100dvh;line-height:1.6;overflow:hidden}#root{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}a{color:var(--accent);transition:color var(--duration-fast) var(--ease);text-decoration:none}a:hover{color:var(--accent-hover)}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);width:240px;padding:var(--space-6) 0;z-index:50;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{padding:0 var(--space-6) var(--space-6);font-size:var(--text-xl);color:var(--text-primary);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.sidebar-logo .accent{color:var(--accent)}.sidebar-nav{gap:var(--space-1);padding:0 var(--space-3);flex-direction:column;flex:1;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease);font-weight:500;display:flex}.sidebar-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-dim);color:var(--accent)}.sidebar-link svg{flex-shrink:0;width:18px;height:18px}.main-content{padding:var(--space-6);max-width:var(--max-content-width,1400px);box-sizing:border-box;flex:1;width:100%;margin-left:240px;overflow-x:hidden}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--duration-fast) var(--ease)}.card:hover{border-color:var(--bg-hover)}.card-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease);font-weight:600;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;min-height:44px;padding:10px 16px;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-sm{font-size:var(--text-xs);padding:6px 12px}.btn-lg{font-size:var(--text-sm);padding:12px 24px}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);transition:border-color var(--duration-fast) var(--ease)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.input::placeholder{color:var(--text-tertiary)}.label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.form-group{margin-bottom:var(--space-5)}.tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;font-weight:500;display:inline-flex}.tag-accent{background:var(--accent-dim);color:var(--accent)}.tag-success{background:var(--success-dim);color:var(--success)}.tag-warning{background:var(--warning-dim);color:var(--warning)}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-value{font-size:var(--text-3xl);color:var(--text-primary);font-weight:700}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.score-ring{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.score-ring svg{position:absolute;transform:rotate(-90deg)}.score-ring .value{font-size:var(--text-3xl);color:var(--text-primary);font-weight:700}.score-ring .label{font-size:var(--text-xs);color:var(--text-secondary)}.progress-bar{background:var(--bg-elevated);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:var(--accent);height:100%;transition:width var(--duration-slow) var(--ease)}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex-wrap{flex-wrap:wrap}.opacity-60{opacity:.6}.text-center{text-align:center}.main-topbar{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.filter-tabs{gap:var(--space-2);border-bottom:1px solid var(--border);padding-bottom:var(--space-1);display:flex}.filter-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;font-weight:500;font-family:var(--font-sans);transition:all var(--duration-fast) var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;display:inline-flex}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.filter-count{font-size:var(--text-xs);background:var(--bg-elevated);border-radius:var(--radius-full);color:var(--text-tertiary);padding:1px 6px}.filter-tab.active .filter-count{background:var(--accent-dim);color:var(--accent)}.analytics-page{max-width:var(--max-content-width,1400px);padding:var(--space-6);margin:0 auto}.analytics-header{margin-bottom:var(--space-8)}.analytics-header .header-content{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.analytics-header .header-title-section{flex:1;min-width:200px}.analytics-header .header-title{align-items:center;gap:var(--space-3);font-size:var(--text-2xl);color:var(--color-text-primary,var(--text-primary));margin-bottom:var(--space-2);font-weight:700;display:flex}.analytics-header .title-icon{width:28px;height:28px;color:var(--color-accent,var(--accent));justify-content:center;align-items:center;display:flex}.analytics-header .title-icon svg{width:100%;height:100%}.analytics-header .header-subtitle{color:var(--color-text-secondary,var(--text-secondary));font-size:var(--text-sm)}.analytics-header .header-controls{align-items:center;gap:var(--space-3);display:flex}.time-range-selector{background:var(--color-bg-surface,var(--bg-surface));border:1px solid var(--color-border,var(--border));border-radius:var(--radius-lg);padding:var(--space-1);gap:var(--space-1);display:flex}.range-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary,var(--text-secondary));border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease);font-weight:500;font-family:var(--font-sans);background:0 0;border:none}.range-btn:hover{color:var(--color-text-primary,var(--text-primary));background:var(--color-bg-hover,var(--bg-hover))}.range-btn.active{color:var(--color-text-primary,var(--text-primary));background:var(--color-accent-muted,var(--accent-dim))}.refresh-btn{background:var(--color-bg-surface,var(--bg-surface));border:1px solid var(--color-border,var(--border));border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary,var(--text-secondary));cursor:pointer;transition:all var(--duration-fast) var(--ease);justify-content:center;align-items:center;display:flex}.refresh-btn:hover:not(:disabled){color:var(--color-text-primary,var(--text-primary));border-color:var(--color-border-strong,var(--border-focus))}.refresh-btn svg{width:16px;height:16px}.refresh-btn .spinning{animation:1s linear infinite spin}.analytics-tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border,var(--border));padding-bottom:0;display:flex;overflow-x:auto}.analytics-tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary,var(--text-secondary));cursor:pointer;transition:all var(--duration-fast) var(--ease);font-weight:500;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;display:flex;position:relative}.analytics-tab:hover{color:var(--color-text-primary,var(--text-primary))}.analytics-tab.active{color:var(--color-accent,var(--accent))}.analytics-tab .tab-icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.analytics-tab .tab-icon svg{width:100%;height:100%}.analytics-tab .tab-indicator{background:var(--color-accent,var(--accent));border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.analytics-content{min-height:400px}.tab-content{gap:var(--space-8);flex-direction:column;display:flex}.metrics-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.metric-card{background:var(--color-bg-surface,var(--bg-surface));border:1px solid var(--color-border,var(--border));border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--duration-base) var(--ease)}.metric-card:hover{border-color:var(--color-border-strong,var(--border-focus));box-shadow:var(--shadow-md)}.metric-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.metric-icon{border-radius:var(--radius-md);background:var(--color-accent-subtle,var(--accent-dim));width:32px;height:32px;color:var(--color-accent,var(--accent));justify-content:center;align-items:center;display:flex}.metric-icon svg{width:18px;height:18px}.metric-icon.profile{color:#10b981;background:#10b9811a}.metric-icon.resume{color:#3b82f6;background:#3b82f61a}.metric-icon.match{color:#8b5cf6;background:#8b5cf61a}.metric-icon.applications{color:#22c55e;background:#22c55e1a}.metric-icon.interview{color:#f59e0b;background:#f59e0b1a}.metric-title{font-size:var(--text-sm);color:var(--color-text-secondary,var(--text-secondary));font-weight:500}.metric-value{font-size:var(--text-3xl);color:var(--color-text-primary,var(--text-primary));margin-bottom:var(--space-2);font-weight:700;line-height:1.2}.metric-footer{align-items:center;gap:var(--space-2);font-size:var(--text-xs);margin-bottom:var(--space-3);display:flex}.change-indicator{align-items:center;gap:2px;font-weight:600;display:inline-flex}.change-indicator svg{width:14px;height:14px}.change-indicator.positive{color:#22c55e}.change-indicator.negative{color:#ef4444}.vs-text{color:var(--color-text-tertiary,var(--text-tertiary))}.metric-bar{background:var(--color-bg-hover,var(--bg-hover));border-radius:var(--radius-full);height:6px;overflow:hidden}.bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease)}.bar-fill.profile{background:linear-gradient(90deg,#10b981,#34d399)}.bar-fill.resume{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bar-fill.match{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.activity-section{background:var(--color-bg-surface,var(--bg-surface));border:1px solid var(--color-border,var(--border));border-radius:var(--radius-xl);padding:var(--space-6)}.section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.section-header h3{font-size:var(--text-lg);color:var(--color-text-primary,var(--text-primary));font-weight:600}.section-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary,var(--text-tertiary));margin-left:var(--space-3)}.chart-legend{gap:var(--space-4);font-size:var(--text-xs);display:flex}.legend-item{align-items:center;gap:var(--space-1);color:var(--color-text-secondary,var(--text-secondary));display:flex}.legend-item span:first-child{border-radius:2px;width:10px;height:10px}.legend-item.applications span:first-child{background:#8b5cf6}.legend-item.views span:first-child{background:#3b82f6}.legend-item.interviews span:first-child{background:#22c55e}.activity-chart{height:160px;padding:var(--space-2) 0;align-items:flex-end;gap:3px;display:flex}.chart-bar-group{flex:1;align-items:flex-end;gap:2px;min-width:8px;max-width:24px;height:100%;display:flex}.chart-bar{min-height:4px;transition:height var(--duration-base) var(--ease);border-radius:2px 2px 0 0;flex:1}.chart-bar.applications{background:#8b5cf6}.chart-bar.views{background:#3b82f6}.chart-bar.interviews{background:#22c55e}.company-interest-section{background:var(--color-bg-surface,var(--bg-surface));border:1px solid var(--color-border,var(--border));border-radius:var(--radius-xl);padding:var(--space-6)}.company-list{gap:var(--space-3);flex-direction:column;display:flex}.company-item{padding:var(--space-4);background:var(--color-bg-elevated,var(--bg-elevated));border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.company-info{align-items:center;gap:var(--space-3);display:flex}.company-logo{border-radius:var(--radius-md);background:var(--color-bg-surface,var(--bg-surface));justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.company-logo img{object-fit:cover;width:100%;height:100%}.logo-placeholder{font-size:var(--text-lg);color:var(--color-accent,var(--accent));font-weight:600}.company-details{flex-direction:column;gap:2px;display:flex}.company-name{font-size:var(--text-sm);color:var(--color-text-primary,var(--text-primary));font-weight:600}.company-activity{font-size:var(--text-xs);color:var(--color-text-tertiary,var(--text-tertiary))}.company-status{align-items:center;gap:var(--space-4);display:flex}.interest-score{align-items:center;gap:var(--space-2);display:flex}.score-bar{background:var(--color-bg-hover,var(--bg-hover));border-radius:var(--radius-full);width:60px;height:6px;overflow:hidden}.score-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#8b5cf6,#06b6d4);height:100%}.score-value{font-size:var(--text-xs);color:var(--color-text-secondary,var(--text-secondary));font-weight:600}.status-badge{font-size:var(--text-2xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-transform:capitalize;font-weight:500}.status-badge.status-viewed{color:#3b82f6;background:#3b82f61a}.status-badge.status-shortlisted{color:#8b5cf6;background:#8b5cf61a}.status-badge.status-interviewing{color:#22c55e;background:#22c55e1a}.status-badge.status-applied{color:#f59e0b;background:#f59e0b1a}.skills-demand-section{background:var(--color-bg-surface,var(--bg-surface));border:1px solid var(--color-border,var(--border));border-radius:var(--radius-xl);padding:var(--space-6)}.skills-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.skill-demand-card{background:var(--color-bg-elevated,var(--bg-elevated));border-radius:var(--radius-lg);padding:var(--space-4)}.skill-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.skill-name{font-size:var(--text-base);color:var(--color-text-primary,var(--text-primary));font-weight:600}.skill-trend{font-size:var(--text-xs);align-items:center;gap:4px;font-weight:600;display:flex}.skill-trend svg{width:14px;height:14px}.skill-trend.trend-up{color:#22c55e}.skill-trend.trend-down{color:#ef4444}.skill-trend.trend-stable{color:var(--color-text-tertiary,var(--text-tertiary))}.skill-demand-bar{background:var(--color-bg-hover,var(--bg-hover));border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-3);position:relative}.demand-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease);background:linear-gradient(90deg,#8b5cf6,#06b6d4)}.demand-score{right:var(--space-2);font-size:var(--text-2xs);color:#fff;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.skill-stats{gap:var(--space-4);display:flex}.skill-stat{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary,var(--text-secondary));display:flex}.skill-stat .stat-icon{opacity:.7;width:14px;height:14px}.skill-stat .stat-icon svg{width:100%;height:100%}.insights-section{background:var(--color-bg-surface,var(--bg-surface));border:1px solid var(--color-border,var(--border));border-radius:var(--radius-xl);padding:var(--space-6)}.insights-list{gap:var(--space-4);flex-direction:column;display:flex}.insight-card{gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated,var(--bg-elevated));border-radius:var(--radius-lg);border-left:3px solid #0000;display:flex}.insight-card.insight-opportunity{border-left-color:#10b981}.insight-card.insight-trend{border-left-color:#3b82f6}.insight-card.insight-warning{border-left-color:#f59e0b}.insight-card.insight-tip{border-left-color:#8b5cf6}.insight-icon{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.insight-icon svg{width:24px;height:24px}.insight-content{flex:1}.insight-title{font-size:var(--text-sm);color:var(--color-text-primary,var(--text-primary));margin-bottom:var(--space-1);font-weight:600}.insight-description{font-size:var(--text-sm);color:var(--color-text-secondary,var(--text-secondary));margin-bottom:var(--space-2);line-height:1.5}.insight-action{font-size:var(--text-sm);color:var(--color-accent,var(--accent));font-weight:500;text-decoration:none}.insight-action:hover{text-decoration:underline}.salary-section{background:var(--color-bg-surface,var(--bg-surface));border:1px solid var(--color-border,var(--border));border-radius:var(--radius-xl);padding:var(--space-6)}.salary-list{gap:var(--space-4);flex-direction:column;display:flex}.salary-card{background:var(--color-bg-elevated,var(--bg-elevated));border-radius:var(--radius-lg);padding:var(--space-4)}.salary-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.salary-role{font-size:var(--text-base);color:var(--color-text-primary,var(--text-primary));font-weight:600}.salary-range-text{font-size:var(--text-sm);color:var(--color-text-secondary,var(--text-secondary))}.salary-bar-container{margin-bottom:var(--space-3);position:relative}.salary-bar{background:var(--color-bg-hover,var(--bg-hover));border-radius:var(--radius-full);height:12px;position:relative;overflow:hidden}.salary-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:100%}.median-marker{background:#f59e0b;border-radius:1px;width:3px;height:20px;position:absolute;top:-4px}.target-marker{border-radius:var(--radius-full);color:#fff;width:24px;height:24px;font-size:var(--text-2xs);background:#22c55e;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:-16px;transform:translate(-50%)}.salary-labels{font-size:var(--text-xs);color:var(--color-text-tertiary,var(--text-tertiary));justify-content:space-between;display:flex}.your-target{align-items:center;gap:var(--space-2);color:#22c55e;font-weight:600;display:flex}.analytics-loading{gap:var(--space-6);flex-direction:column;display:flex}.skeleton-metrics{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.skeleton-metric-card{background:var(--color-bg-surface,var(--bg-surface));border:1px solid var(--color-border-subtle,#ffffff08);border-radius:var(--radius-xl);padding:var(--space-5);min-height:140px}.analytics-skeleton-row{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}@media (width<=900px){.analytics-skeleton-row{grid-template-columns:1fr}}.skeleton-chart-card,.skeleton-insights-card{background:var(--color-bg-surface,var(--bg-surface));border:1px solid var(--color-border-subtle,#ffffff08);border-radius:var(--radius-xl);min-height:280px}.analytics-empty{text-align:center;padding:var(--space-16) var(--space-6);background:var(--color-bg-surface,var(--bg-surface));border:1px solid var(--color-border,var(--border));border-radius:var(--radius-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.analytics-empty .empty-icon{margin-bottom:var(--space-4);font-size:48px}.analytics-empty h3{font-size:var(--text-xl);color:var(--color-text-primary,var(--text-primary));margin-bottom:var(--space-2);font-weight:600}.analytics-empty p{font-size:var(--text-sm);color:var(--color-text-secondary,var(--text-secondary));margin-bottom:var(--space-6);max-width:400px}@media (width<=768px){.analytics-page{padding:var(--space-4)}.analytics-header .header-content{flex-direction:column}.analytics-header .header-controls{flex-wrap:wrap;width:100%}.time-range-selector{flex:1;justify-content:center}.metrics-grid,.skills-list{grid-template-columns:1fr}.company-item{flex-direction:column;align-items:flex-start}.company-status{justify-content:space-between;width:100%}}.salary-range-visual{margin-bottom:var(--space-3)}.range-bar{background:var(--color-bg-hover,var(--bg-hover));border-radius:var(--radius-full);height:12px;margin-bottom:var(--space-3);position:relative}.range-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:100%;position:absolute}.salary-range-visual .target-marker{border:3px solid var(--color-bg-elevated,var(--bg-elevated));border-radius:var(--radius-full);z-index:2;background:#22c55e;width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%)translateY(-50%)}.salary-range-visual .target-label{font-size:var(--text-2xs);color:#22c55e;white-space:nowrap;background:var(--color-bg-elevated,var(--bg-elevated));border-radius:var(--radius-sm);padding:2px 6px;font-weight:600;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.salary-range-visual .median-marker{z-index:1;background:#f59e0b;border-radius:2px;width:4px;height:20px;position:absolute;top:50%;transform:translate(-50%)translateY(-50%)}.salary-range-visual .median-label{font-size:var(--text-2xs);color:#f59e0b;white-space:nowrap;font-weight:500;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.range-labels{font-size:var(--text-xs);color:var(--color-text-tertiary,var(--text-tertiary));margin-top:var(--space-2);justify-content:space-between;display:flex}.range-median{color:#f59e0b;font-weight:500}.role-name{font-size:var(--text-base);color:var(--color-text-primary,var(--text-primary));font-weight:600}.percentile-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);color:#8b5cf6;border-radius:var(--radius-full);background:#8b5cf61a;font-weight:500}.target-comparison{padding-top:var(--space-3);border-top:1px solid var(--color-border,var(--border));margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.target-value{font-size:var(--text-sm);color:var(--color-text-primary,var(--text-primary));font-weight:500}.target-status{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-weight:600}.target-status.above{color:#22c55e;background:#22c55e1a}.target-status.below{color:#ef4444;background:#ef44441a}.salary-pro-upsell{align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border:1px solid #8b5cf633;display:flex}.upsell-content h4{font-size:var(--text-sm);color:var(--color-text-primary,var(--text-primary));margin-bottom:var(--space-1);font-weight:600}.upsell-content p{font-size:var(--text-sm);color:var(--color-text-secondary,var(--text-secondary))}.upsell-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease);font-weight:600;font-family:var(--font-sans);white-space:nowrap;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none}@media (width<=640px){.salary-pro-upsell{text-align:center;flex-direction:column}.upsell-btn{width:100%}}.match-card{transition:border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease)}.match-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}.match-card.expanded{border-color:var(--accent)}.notification-bell{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.notification-bell:hover{background:var(--bg-elevated);color:var(--text-primary)}.notification-badge{border-radius:var(--radius-full);background:var(--error);color:#fff;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.notification-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:360px;box-shadow:var(--shadow-lg);z-index:100;position:absolute;top:44px;right:0;overflow:hidden}.notification-panel-header{padding:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.notification-list{max-height:360px;overflow-y:auto}.notification-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);transition:background var(--duration-fast) var(--ease)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-elevated)}.notification-item.unread{background:var(--accent-dim);border-left:3px solid var(--accent)}.notification-item.unread:hover{background:#38bdf82e}.portfolio-page{padding:var(--space-6);max-width:1400px;min-height:100vh;margin:0 auto}.portfolio-header{margin-bottom:var(--space-6)}.header-content{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.header-title-section{flex:1;min-width:200px}.header-title{align-items:center;gap:var(--space-3);font-size:var(--text-3xl);color:var(--text-primary);margin:0 0 var(--space-2);font-weight:700;display:flex}.title-icon{width:32px;height:32px;color:var(--accent)}.title-icon svg{width:100%;height:100%}.header-subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0}.header-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.sync-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease);font-weight:500;display:flex}.sync-btn:hover:not(:disabled){background:var(--bg-surface);border-color:var(--accent)}.sync-btn:disabled{opacity:.6;cursor:not-allowed}.sync-btn.syncing{color:var(--accent)}.sync-icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sync-icon svg{width:100%;height:100%}.sync-icon.spinning{animation:1s linear infinite spin}.add-project-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 100%);border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease);border:none;font-weight:600;display:flex;box-shadow:0 2px 8px #38bdf84d}.add-project-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #38bdf866}.add-project-btn svg{width:18px;height:18px}.portfolio-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.portfolio-stats .stat-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--duration-fast) var(--ease);display:flex}.portfolio-stats .stat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.portfolio-stats .stat-icon{background:var(--accent-dim);border-radius:var(--radius-lg);width:40px;height:40px;color:var(--accent);justify-content:center;align-items:center;display:flex}.portfolio-stats .stat-icon svg{width:20px;height:20px}.portfolio-stats .stat-content{flex-direction:column;display:flex}.portfolio-stats .stat-value{font-size:var(--text-xl);color:var(--text-primary);font-weight:700;line-height:1.2}.portfolio-stats .stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.portfolio-filters{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border);flex-wrap:wrap;display:flex}.filter-tabs{gap:var(--space-1);flex-wrap:wrap;display:flex}.filter-tab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease);background:0 0;border:none;font-weight:500}.filter-tab:hover{color:var(--text-primary);background:var(--bg-elevated)}.filter-tab.active{color:var(--accent);background:var(--accent-dim)}.filter-controls{align-items:center;gap:var(--space-3);display:flex}.sort-select{padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease)}.sort-select:focus{border-color:var(--accent);outline:none}.view-toggle{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);padding:2px;display:flex}.view-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--accent-dim);color:var(--accent)}.view-btn svg{width:16px;height:16px}.portfolio-grid{gap:var(--space-4);display:grid}.portfolio-grid.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.portfolio-grid.list{grid-template-columns:1fr}.project-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease);overflow:hidden}.project-card:hover{border-color:var(--accent);box-shadow:0 8px 32px #0000004d, 0 0 0 1px var(--accent);transform:translateY(-4px)}.project-card.featured{border-color:#eab30866;box-shadow:0 0 20px #eab3081a}.project-card.featured:hover{border-color:#eab30899;box-shadow:0 8px 32px #0000004d,0 0 0 1px #eab30899}.portfolio-grid.list .project-card{align-items:stretch;display:flex}.portfolio-grid.list .project-thumbnail{aspect-ratio:auto;width:200px;min-width:200px;height:auto}.portfolio-grid.list .project-content{flex-direction:column;flex:1;justify-content:center;display:flex}.portfolio-grid.list .project-link-btn{margin:auto var(--space-4)}.project-thumbnail{background:var(--bg-elevated);height:180px;position:relative;overflow:hidden}.project-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--ease)}.project-card:hover .project-thumbnail img{transform:scale(1.05)}.thumbnail-placeholder{background:linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg-surface) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-icon{width:48px;height:48px;color:var(--text-muted);opacity:.5}.placeholder-icon svg{width:100%;height:100%}.featured-badge{top:var(--space-3);left:var(--space-3);align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:#000;font-size:var(--text-xs);background:linear-gradient(135deg,#eab308 0%,#f59e0b 100%);font-weight:600;display:flex;position:absolute}.featured-badge svg{width:12px;height:12px}.project-source{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-md);width:28px;height:28px;font-size:var(--text-xs);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.project-content{padding:var(--space-4)}.project-title{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.project-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.project-tech{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.tech-tag{padding:var(--space-1) var(--space-2);background:var(--accent-dim);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--text-xs);font-weight:500}.tech-more{padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);font-weight:500}.project-meta{padding-top:var(--space-3);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.meta-stats{gap:var(--space-3);display:flex}.meta-stat{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs);display:flex}.meta-stat svg{width:14px;height:14px}.meta-date{color:var(--text-muted);font-size:var(--text-xs)}.project-link-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:40px;height:40px;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease);justify-content:center;align-items:center;display:flex}.project-link-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.project-link-btn svg{width:18px;height:18px}.portfolio-loading{padding:var(--space-4)}.skeleton-portfolio-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.skeleton-project-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.skeleton-thumbnail{background:var(--bg-elevated);height:180px}.skeleton-tags{gap:var(--space-2);display:flex}.skeleton-badge{border-radius:var(--radius-sm);height:24px}.portfolio-empty{text-align:center;padding:var(--space-16) var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px dashed var(--border);border-radius:var(--radius-2xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.portfolio-empty .empty-icon{width:80px;height:80px;color:var(--text-muted);margin-bottom:var(--space-4);opacity:.5}.portfolio-empty .empty-icon svg{width:100%;height:100%}.portfolio-empty h3{font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-2);font-weight:600}.portfolio-empty p{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 var(--space-6);max-width:400px}.empty-actions{gap:var(--space-3);display:flex}.empty-action-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease);font-weight:500;display:flex}.empty-action-btn:hover{border-color:var(--accent);background:var(--bg-surface)}.empty-action-btn.primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 100%);color:#fff;border:none;box-shadow:0 2px 8px #38bdf84d}.empty-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #38bdf866}.empty-action-btn svg{width:18px;height:18px}.project-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-4);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-2xl);flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;position:relative;overflow:hidden}.modal-close{top:var(--space-4);right:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:10;transition:all var(--duration-fast) var(--ease);justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--accent)}.modal-close svg{width:18px;height:18px}.modal-thumbnail{background:var(--bg-elevated);height:240px;overflow:hidden}.modal-thumbnail img{object-fit:cover;width:100%;height:100%}.modal-content{padding:var(--space-6);overflow-y:auto}.modal-header{margin-bottom:var(--space-5)}.modal-source{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);color:#fff;font-size:var(--text-xs);margin-bottom:var(--space-3);font-weight:600;display:inline-flex}.modal-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 var(--space-2);font-weight:700;line-height:1.3}.modal-description{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.6}.modal-technologies{margin-bottom:var(--space-5)}.modal-technologies h4{font-size:var(--text-sm);color:var(--text-primary);margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.tech-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.modal-stats{gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-xl);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));display:grid}.modal-stat{text-align:center;align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.modal-stat .stat-icon{width:24px;height:24px;color:var(--accent)}.modal-stat .stat-icon svg{width:100%;height:100%}.modal-stat .stat-value{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.modal-stat .stat-label{font-size:var(--text-xs);color:var(--text-secondary)}.modal-actions{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.feature-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease);font-weight:500;display:flex}.feature-btn:hover{color:#eab308;border-color:#eab30880}.feature-btn.featured{color:#eab308;background:#eab30826;border-color:#eab30866}.feature-btn svg{width:16px;height:16px}.view-project-btn,.view-source-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease);font-weight:500;text-decoration:none;display:flex}.view-project-btn:hover,.view-source-btn:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.view-project-btn svg,.view-source-btn svg{width:16px;height:16px}.modal-meta{align-items:center;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-muted);display:flex}.portfolio-pro-upsell{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin-top:var(--space-6);border-radius:var(--radius-xl);background:linear-gradient(135deg,#8b5cf61a 0%,#3b82f61a 100%);border:1px solid #8b5cf64d;display:flex}.upsell-icon{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.upsell-icon svg{width:24px;height:24px}.upsell-content{flex:1}.upsell-content h4{font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-1);font-weight:600}.upsell-content p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.upsell-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease);white-space:nowrap;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);border:none;font-weight:600}.upsell-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}@media (width<=768px){.portfolio-page{padding:var(--space-4)}.header-content{flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1;justify-content:center}.portfolio-filters{flex-direction:column;align-items:stretch}.filter-tabs{justify-content:center}.filter-controls{justify-content:space-between}.portfolio-grid.grid{grid-template-columns:1fr}.portfolio-grid.list .project-card{flex-direction:column}.portfolio-grid.list .project-thumbnail{width:100%;height:180px}.project-modal{border-radius:0;max-height:100vh}.modal-actions{flex-direction:column}.modal-actions button,.modal-actions a{justify-content:center;width:100%}.portfolio-pro-upsell{text-align:center;flex-direction:column}.upsell-btn{width:100%}}.toast-viewport{bottom:var(--space-6);right:var(--space-6);gap:var(--space-3);width:380px;max-width:calc(100vw - var(--space-8));max-height:100vh;padding:var(--space-3);z-index:var(--z-toast);outline:none;flex-direction:column;margin:0;list-style:none;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--glass-bg-solid);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(var(--glass-blur));display:flex;position:relative;overflow:hidden}.toast:before{content:"";border-radius:var(--radius-full) 0 0 var(--radius-full);width:3px;position:absolute;top:0;bottom:0;left:0}.toast-success:before{background:var(--color-success);box-shadow:0 0 12px var(--color-success-glow)}.toast-success .toast-icon{color:var(--color-success);background:var(--color-success-subtle)}.toast-error:before{background:var(--color-error);box-shadow:0 0 12px var(--color-error-glow)}.toast-error .toast-icon{color:var(--color-error);background:var(--color-error-subtle)}.toast-warning:before{background:var(--color-warning);box-shadow:0 0 12px var(--color-warning-glow)}.toast-warning .toast-icon{color:var(--color-warning);background:var(--color-warning-subtle)}.toast-info:before{background:var(--color-info);box-shadow:0 0 12px var(--color-info-glow)}.toast-info .toast-icon{color:var(--color-info);background:var(--color-info-subtle)}.toast-icon{border-radius:var(--radius-lg);width:32px;height:32px;margin-left:var(--space-1);flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-icon svg{width:18px;height:18px}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600;line-height:var(--leading-snug);margin:0}.toast-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-top:var(--space-1)}.toast-action{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;font-weight:600}.toast-action:hover{background:var(--color-accent-muted);border-color:var(--color-accent)}.toast-action:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.toast-close{width:24px;height:24px;color:var(--color-text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);margin-left:var(--space-1);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-close:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.toast-close:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.toast-close svg{width:14px;height:14px}@media (width<=480px){.toast-viewport{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);width:auto}.toast{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){.toast{transition:none}}