@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #2563EB;--primary-gradient: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);--secondary: #1F2937;--bg-app: #F3F4F6;--bg-surface: #FFFFFF;--bg-glass: rgba(255, 255, 255, .7);--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--border-subtle: rgba(229, 231, 235, .6);--border-strong: #E5E7EB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .07);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-family: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}*{box-sizing:border-box}.glass{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4)}.glass-panel{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-glass)}.card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-strong);padding:1.5rem;transition:background .2s,border-color .2s,box-shadow .3s,transform .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-static{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-strong);padding:1.5rem}.hover-highlight{transition:background-color .2s,border-color .2s}.hover-highlight:hover{background-color:#f9fafb!important;border-color:#e5e7eb!important}.hover-highlight-orange{transition:background-color .2s,border-color .2s}.hover-highlight-orange:hover{background-color:#fff7ed!important;border-color:#ffedd5!important}.hover-highlight-purple{transition:background-color .2s,border-color .2s}.hover-highlight-purple:hover{background-color:#f5f3ff!important;border-color:#ede9fe!important}.btn{padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;font-family:var(--font-family);display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px #2563eb4d}.btn-primary:hover{box-shadow:0 6px 20px #2563eb66;transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressBar{0%{width:0%}20%{width:25%}50%{width:55%}75%{width:80%}to{width:95%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes blinkYellow{0%,to{background-color:#fef3c7;border-color:#f59e0b;box-shadow:0 0 #f59e0b00}50%{background-color:#fde68a;border-color:#d97706;box-shadow:0 0 12px #f59e0b99}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tooltip-fade-in{animation:tooltipFadeIn .2s ease-out forwards}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-up{animation:slideUp .5s cubic-bezier(.22,1,.36,1) forwards}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.22,1,.36,1) forwards}.animate-slide-left{animation:slideInLeft .4s cubic-bezier(.22,1,.36,1) forwards}.stagger-children>*{opacity:0;animation:slideUp .45s cubic-bezier(.22,1,.36,1) forwards}.stagger-children>*:nth-child(1){animation-delay:.04s}.stagger-children>*:nth-child(2){animation-delay:.08s}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.16s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.24s}.stagger-children>*:nth-child(7){animation-delay:.28s}.stagger-children>*:nth-child(8){animation-delay:.32s}.stagger-children>*:nth-child(n+9){animation-delay:.36s}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.progress-track{width:220px;height:4px;background:#ffffff1a;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#cba135);border-radius:99px;animation:progressBar 4s cubic-bezier(.4,0,.2,1) forwards}.page-enter{animation:slideUp .35s cubic-bezier(.22,1,.36,1) forwards}.modal-backdrop{animation:fadeIn .2s ease-out forwards}.modal-content{animation:scaleIn .3s cubic-bezier(.22,1,.36,1) forwards}.animate-spin{animation:spin 1s linear infinite}.btn-hover{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,filter .2s ease}.btn-hover:hover{transform:translateY(-1px);box-shadow:0 4px 12px -2px #0000001a;filter:brightness(1.05)}.btn-hover:active{transform:translateY(0) scale(.97);box-shadow:none;transition-duration:.08s}.nav-hover{transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .2s ease,box-shadow .2s ease}.nav-hover:hover{transform:translate(3px);box-shadow:0 2px 8px -2px #2563eb14}.row-hover{transition:background-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.22,1,.36,1)}.row-hover:hover{background-color:#f3f4f699!important;box-shadow:0 2px 8px -4px #0000000f;transform:translate(2px)}.card-glow{transition:box-shadow .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease}.card-glow:hover{box-shadow:0 8px 30px -8px #2563eb1f,0 2px 6px #0000000a;transform:translateY(-2px);border-color:#3b82f633!important}@keyframes numberPop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 #3b82f626}50%{box-shadow:0 0 0 8px #3b82f600}}@keyframes barGrow{0%{width:0%}to{width:var(--bar-width)}}.kpi-hover{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1)}.kpi-hover:hover{transform:translateY(-3px);box-shadow:0 12px 28px -8px #0000001a}.interactive-hover{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),background-color .2s ease;cursor:pointer}.interactive-hover:hover{transform:translateY(-2px) scale(1.008)!important;box-shadow:0 8px 24px -6px #0000001a,0 2px 6px #0000000a!important}.interactive-hover:active{transform:translateY(0) scale(.99)!important;box-shadow:0 2px 8px -4px #00000014!important;transition-duration:.1s}.sidebar-peek-tab{animation:sidebarPeekNudge 4s cubic-bezier(.4,0,.2,1) infinite}.sidebar-peek-tab:hover{width:40px!important;height:80px!important;background:linear-gradient(180deg,#1d4ed8,#1e40af)!important;box-shadow:3px 0 24px #2563eb80!important;animation:none!important;border-radius:0 12px 12px 0!important}@keyframes sidebarPeekNudge{0%,70%,to{transform:translateY(-50%) translate(0);box-shadow:2px 0 16px #2563eb4d}78%{transform:translateY(-50%) translate(6px);box-shadow:4px 0 24px #2563eb80}86%{transform:translateY(-50%) translate(0);box-shadow:2px 0 16px #2563eb4d}92%{transform:translateY(-50%) translate(4px);box-shadow:3px 0 20px #2563eb66}}.leaderboard-bar{animation:barGrow .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.3s;width:0%}.overview-header{animation:slideInLeft .5s cubic-bezier(.22,1,.36,1) forwards}.overview-section{opacity:0;animation:fadeInUp .6s cubic-bezier(.22,1,.36,1) forwards}.overview-section-delay-1{animation-delay:.15s}.overview-section-delay-2{animation-delay:.3s}.overview-section-delay-3{animation-delay:.45s}.filter-pill{transition:background-color .2s ease,color .2s ease,transform .15s ease}.filter-pill:hover{transform:scale(1.05)}.filter-pill:active{transform:scale(.95)}.my-rank-glow{animation:glowPulse 2s ease-in-out infinite}.touch-target{min-height:44px;min-width:44px}.touch-target-sm{min-height:36px;min-width:36px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}@media(hover:none){.no-hover-reveal .hover-reveal{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.card:hover,.filter-pill:hover{transform:none!important}}@media(max-width:768px){.card,.card-static{padding:1rem;border-radius:var(--radius-md)}.card:hover{transform:none}.mobile-stack{grid-template-columns:1fr!important}.hide-on-mobile{display:none!important}.mobile-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}body{-webkit-text-size-adjust:100%}.btn,.btn-primary,.btn-secondary{min-height:44px}.responsive-modal{width:100%!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.safe-bottom{padding-bottom:calc(1rem + env(safe-area-inset-bottom))!important}}.taken-input{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.taken-input:hover{border-color:#d1d5db}.taken-input:focus,.taken-input:focus-visible{outline:none;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f126}.taken-icon-btn{transition:background-color .15s ease,color .15s ease,transform .15s cubic-bezier(.22,1,.36,1)}.taken-icon-btn:hover{background-color:#f3f4f6!important;color:#4338ca!important;transform:scale(1.08)}.taken-icon-btn:active{transform:scale(.92);transition-duration:.08s}.taken-icon-btn--danger:hover{background-color:#fee2e2!important;color:#dc2626!important}.taken-icon-btn--check:hover{background-color:#d1fae5!important;color:#10b981!important;transform:scale(1.12)}.taken-pill{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease}.taken-pill:hover{transform:translateY(-1px);box-shadow:0 2px 8px -3px #0000001f}.taken-pill:active{transform:translateY(0) scale(.97);transition-duration:.08s}.taken-chip{transition:background-color .15s ease,color .15s ease,transform .15s ease}.taken-chip:hover{background-color:#e0e7ff!important;transform:translateY(-1px)}.taken-chevron{transition:transform .2s cubic-bezier(.22,1,.36,1)}.taken-board-tab{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600;color:#6b7280;background:#f3f4f6;border:1px solid transparent;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease}.taken-board-tab:hover{background:#e5e7eb;transform:translateY(-1px)}.taken-board-tab.is-active{background:#eef2ff;color:#4338ca;border-color:#c7d2fe;box-shadow:0 2px 8px -3px #6366f140}.taken-board-tab--add{background:transparent;border:1px dashed #D1D5DB;color:#6b7280}.taken-board-tab--add:hover{background:#f9fafb;border-color:#6366f1;color:#4338ca}.taken-cta-arrow{display:inline-flex;transition:transform .2s cubic-bezier(.22,1,.36,1)}.interactive-hover:hover .taken-cta-arrow{transform:translate(4px)}.taken-reveal{opacity:.4;transition:opacity .18s ease,background-color .15s ease,color .15s ease,transform .15s ease}.row-hover:hover .taken-reveal,.taken-reveal:focus-visible{opacity:1}@media(prefers-reduced-motion:reduce){.taken-icon-btn,.taken-pill,.taken-chip,.taken-cta-arrow,.taken-chevron,.taken-reveal,.taken-board-tab,.taken-input{transition:none!important}.taken-icon-btn:hover,.taken-pill:hover,.taken-chip:hover,.taken-board-tab:hover,.interactive-hover:hover .taken-cta-arrow{transform:none!important}}