@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-base:#e0e5e9;--bg-surface:#ecf0f3;--bg-surface-2:#fff;--bg-surface-3:#d1dae0;--bg-overlay:#004e6406;--bg-overlay-hv:#004e640d;--primary:#004e64;--primary-dim:#003848;--primary-glow:#004e6414;--secondary:#0077b6;--secondary-glow:#0077b61a;--tertiary:#00a896;--tertiary-glow:#00a89614;--error:#d93838;--warning:#b57c00;--warning-glow:#b57c0014;--pink-accent:#d81b60;--orange-accent:#e65100;--on-surface:#051b24;--on-surface-dim:#3c5260;--on-surface-mute:#708492;--card-bg:#ffffffa6;--card-border:#004e640f;--card-border-hv:#004e6426;--card-radius:18px;--card-radius-sm:12px;--card-radius-lg:24px;--grad-primary:linear-gradient(135deg, #004e64, #0077b6);--grad-secondary:linear-gradient(135deg, #0077b6, #00b4d8);--grad-emerald:linear-gradient(135deg, #00a896, #0077b6);--grad-sunset:linear-gradient(135deg, #e65100, #d81b60);--grad-gold:linear-gradient(135deg, #b57c00, #e65100);--grad-pink:linear-gradient(135deg, #d81b60, #880e4f);--grad-aurora:linear-gradient(135deg, #004e64 0%, #0077b6 50%, #00b4d8 100%);--font-heading:"Outfit", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--sidebar-w:240px;--sidebar-w-collapsed:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--on-surface);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(80% 50% at 20% 0,#00b4d812 0%,#0000 60%),radial-gradient(60% 40% at 80% 100%,#004e641a 0%,#0000 60%);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-surface-3);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--on-surface-mute)}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.2}.app-shell{min-height:100vh;display:flex;position:relative}.app-main{min-width:0;margin-left:var(--sidebar-w);transition:margin-left .3s var(--ease-out);flex-direction:column;flex:1;display:flex}.sidenav{height:100vh;width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--card-border);z-index:100;transition:width .3s var(--ease-out);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:24px 12px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidenav-brand{align-items:center;gap:10px;margin-bottom:32px;padding:0 8px;display:flex}.sidenav-brand-icon{background:var(--grad-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidenav-brand-text{font-family:var(--font-heading);background:var(--grad-aurora);-webkit-text-fill-color:transparent;letter-spacing:-.03em;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:800}.sidenav-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-mute);margin-top:4px;margin-bottom:6px;padding:0 12px;font-size:.6rem;font-weight:700}.sidenav-nav{flex-direction:column;flex:1;gap:3px;display:flex}.sidenav-item{color:var(--on-surface-dim);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidenav-item:before{content:"";background:var(--primary-glow);opacity:0;border-radius:inherit;transition:opacity .2s;position:absolute;inset:0}.sidenav-item:hover{color:var(--on-surface);background:var(--bg-overlay)}.sidenav-item.active{color:var(--primary);background:var(--primary-glow);border-color:#004e6426;font-weight:600}.sidenav-item.active:before{opacity:1}.sidenav-item-icon{width:20px;height:20px;transition:transform .2s var(--ease-spring);flex-shrink:0}.sidenav-item:hover .sidenav-item-icon,.sidenav-item.active .sidenav-item-icon{transform:scale(1.1)}.sidenav-bottom{border-top:1px solid var(--card-border);margin-top:auto;padding-top:16px}.sidenav-reset-btn{color:var(--on-surface-dim);cursor:pointer;transition:all .2s var(--ease-out);border:1px solid var(--card-border);white-space:nowrap;background:0 0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.8rem;font-weight:600;display:flex}.sidenav-reset-btn:hover{color:var(--error);background:#f871710f;border-color:#f871714d}.mobile-bottom-nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--card-border);z-index:100;background:#e0e5e9f0;justify-content:space-around;align-items:center;padding:8px 8px 12px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--on-surface-mute);cursor:pointer;transition:all .2s var(--ease-out);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;font-size:.6rem;font-weight:600;display:flex}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item-icon{width:22px;height:22px;transition:transform .2s var(--ease-spring)}.mobile-nav-item.active .mobile-nav-item-icon{transform:scale(1.15)}.dashboard-section{scroll-margin-top:24px}.m3-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);-webkit-backdrop-filter:blur(20px);transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);position:relative;overflow:hidden}.m3-card:hover{border-color:var(--card-border-hv)}.m3-card-elevated{background:var(--bg-surface-2);border:1px solid var(--card-border);border-radius:var(--card-radius)}.m3-surface{background:var(--bg-surface-3);border-radius:var(--card-radius-sm)}.gradient-text{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-primary-text{background-image:var(--grad-primary)}.grad-secondary-text{background-image:var(--grad-secondary)}.grad-emerald-text{background-image:var(--grad-emerald)}.grad-sunset-text{background-image:var(--grad-sunset)}.grad-gold-text{background-image:var(--grad-gold)}.grad-pink-text{background-image:var(--grad-pink)}.grad-aurora-text{background-image:var(--grad-aurora)}.icon-badge{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-badge-sm{border-radius:9px;width:32px;height:32px}.icon-badge-lg{border-radius:16px;width:52px;height:52px}.m3-chip{cursor:pointer;transition:all .2s var(--ease-out);border:1px solid var(--card-border);color:var(--on-surface-dim);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.m3-chip:hover{background:var(--bg-overlay);color:var(--on-surface)}.m3-chip.active{background:var(--primary-glow);color:var(--primary);border-color:#004e6440}.stat-bar-track{background:var(--bg-surface-3);border-radius:999px;width:100%;height:8px;overflow:hidden}.stat-bar-fill{height:100%;transition:width 1s var(--ease-out);border-radius:999px}.section-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.section-icon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.section-title{color:var(--on-surface);font-size:1.1rem;font-weight:700;font-family:var(--font-heading)}.section-subtitle{color:var(--on-surface-mute);margin-top:2px;font-size:.8rem;font-weight:400}.heatmap-grid{grid-template-columns:36px repeat(24,minmax(0,1fr));gap:3px;display:grid}.heatmap-cell{aspect-ratio:1;transition:transform .15s var(--ease-spring), box-shadow .15s;cursor:default;border-radius:4px}.heatmap-cell:hover{z-index:10;position:relative;transform:scale(1.3)}.hc-0{background:var(--bg-surface-3)}.hc-1{background:#00b4d82e}.hc-2{background:#00b4d859}.hc-3{background:#00b4d88c}.hc-4{background:#00b4d8;box-shadow:0 0 8px #00b4d880}.timeline-item{gap:16px;display:flex;position:relative}.timeline-line{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.timeline-dot{border:2px solid var(--primary);background:var(--bg-base);width:12px;height:12px;box-shadow:0 0 8px var(--primary-glow);border-radius:50%;flex-shrink:0;margin-top:4px}.timeline-connector{background:linear-gradient(180deg, var(--card-border) 0%, transparent 100%);flex:1;width:2px;margin-top:4px}.award-card-sunset{background:#fb923c0a;border-color:#fb923c33}.award-card-purple{background:#a78bfa0a;border-color:#a78bfa33}.award-card-gold{background:#fbbf240a;border-color:#fbbf2433}.award-card-royal{background:#6366f10a;border-color:#6366f133}.award-card-emerald{background:#34d3990a;border-color:#34d39933}.award-card-cyan{background:#38bdf80a;border-color:#38bdf833}.personality-card-purple{border-color:#a78bfa33}.personality-card-gold{border-color:#fbbf2433}.personality-card-emerald{border-color:#34d39933}.personality-card-sunset{border-color:#fb923c33}.compat-cat-amber{color:#fbbf24;background:#fbbf240d;border-color:#fbbf241f}.compat-cat-pink{color:#f472b6;background:#f472b60d;border-color:#f472b61f}.compat-cat-blue{color:#38bdf8;background:#38bdf80d;border-color:#38bdf81f}.compat-cat-purple{color:#a78bfa;background:#a78bfa0d;border-color:#a78bfa1f}.upload-zone{border:2px dashed var(--card-border);border-radius:var(--card-radius-lg);cursor:pointer;transition:all .25s var(--ease-out);background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.upload-zone:hover,.upload-zone.drag-active{background:#a78bfa0a;border-color:#a78bfa80}.upload-zone.drag-active{border-color:var(--primary);box-shadow:0 0 40px #a78bfa1f}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.anim-fade-up{animation:fadeSlideUp .5s var(--ease-out) forwards}.anim-scale-in{animation:scaleIn .4s var(--ease-spring) forwards}.anim-float{animation:5s ease-in-out infinite float}.anim-spin{animation:.9s linear infinite spin}.anim-pulse{animation:2s ease-in-out infinite pulse-glow}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff0d!important}.recharts-tooltip-wrapper{z-index:50!important}.recharts-text{fill:var(--on-surface-dim)!important;font-family:var(--font-body)!important}.recharts-legend-item-text{color:var(--on-surface-dim)!important;font-size:.8rem!important}.chart-tooltip-box{background:var(--bg-surface-2);border:1px solid var(--card-border-hv);font-size:.8rem;font-family:var(--font-body);border-radius:10px;padding:10px 14px;box-shadow:0 8px 32px #00000080}.chart-tooltip-label{color:var(--on-surface-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.72rem;font-weight:600}.chart-tooltip-value{color:var(--on-surface);font-size:.9rem;font-weight:700}@media (width<=900px){.sidenav{display:none}.app-main{margin-left:0;padding-bottom:80px}.mobile-bottom-nav{display:flex}}@media (width>=901px){.mobile-bottom-nav{display:none!important}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.grid{display:grid}.hidden{display:none!important}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.z-10{z-index:10}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-3{width:.75rem}.h-3{height:.75rem}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.w-20{width:5rem}.h-20{height:5rem}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.ml-auto{margin-left:auto}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width>=640px){.sm-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px){.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md-flex-row{flex-direction:row}.md-items-center{align-items:center}}@media (width>=1024px){.lg-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-10>*+*{margin-top:2.5rem}.space-y-12>*+*{margin-top:3rem}.space-y-16>*+*{margin-top:4rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.font-body{font-family:var(--font-body)}.font-heading{font-family:var(--font-heading)}.text-xs{font-size:.72rem}.text-sm{font-size:.82rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.07em}.tracking-widest{letter-spacing:.14em}.leading-none{line-height:1}.leading-tight{line-height:1.2}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-tertiary{color:var(--tertiary)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-pink{color:var(--pink-accent)}.text-orange{color:var(--orange-accent)}.text-on-surface{color:var(--on-surface)}.text-on-dim{color:var(--on-surface-dim)}.text-on-mute{color:var(--on-surface-mute)}.text-white{color:#fff}.bg-base{background:var(--bg-base)}.bg-surface{background:var(--bg-surface)}.bg-surface-2{background:var(--bg-surface-2)}.bg-surface-3{background:var(--bg-surface-3)}.bg-primary{background:var(--primary)}.border{border:1px solid var(--card-border)}.border-primary{border-color:#a78bfa4d}.border-t{border-top:1px solid var(--card-border)}.border-b{border-bottom:1px solid var(--card-border)}.border-none{border:none}.border-dashed{border-style:dashed}.rounded-sm{border-radius:6px}.rounded{border-radius:8px}.rounded-md{border-radius:10px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-2xl{border-radius:20px}.rounded-3xl{border-radius:24px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 2px 8px #0000004d}.shadow{box-shadow:0 4px 16px #0006}.shadow-lg{box-shadow:0 10px 40px #00000080}.shadow-inner{box-shadow:inset 0 2px 6px #0000004d}.shadow-primary{box-shadow:0 4px 20px #a78bfa40}.shadow-secondary{box-shadow:0 4px 20px #38bdf833}.backdrop-blur{-webkit-backdrop-filter:blur(20px)}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.transition{transition:all .2s var(--ease-out)}.transition-colors{transition:color .2s,background-color .2s,border-color .2s}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.glow-primary{box-shadow:0 0 20px #a78bfa33}.glow-secondary{box-shadow:0 0 20px #38bdf82e}.glow-emerald{box-shadow:0 0 20px #34d3992e}.glow-gold{box-shadow:0 0 20px #fbbf242e}.hover-lift{transition:transform .2s var(--ease-out), box-shadow .2s}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0006}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}