@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&family=Fredoka:wght@400;600;700&display=swap);@import url(https://d1luk0418egahw.cloudfront.net/static/fonts/cereal/cereal-font.css);@import url(https://fonts.googleapis.com/css2?family=Circular:wght@300;400;500;600;700;800;900&family=Cereal:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700;800;900&display=swap);*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-left-20{left:-5rem}.-right-10{right:-2.5rem}.-top-10{top:-2.5rem}.right-6{right:1.5rem}.top-1\/2{top:50%}.top-20{top:5rem}.top-6{top:1.5rem}.z-10{z-index:10}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.line-clamp-4{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-16{height:4rem}.h-72{height:18rem}.h-96{height:24rem}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-72{width:18rem}.w-96{width:24rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:#fed7aa;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:#e9d5ff;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-600{--tw-border-opacity:1;border-color:#dc2626;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.border-rose-200{--tw-border-opacity:1;border-color:#fecdd3;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:#ffedd5;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-rose-100{--tw-bg-opacity:1;background-color:#ffe4e6;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-blue-100{--tw-gradient-from:#dbeafe var(--tw-gradient-from-position);--tw-gradient-to:#dbeafe00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-200\/30{--tw-gradient-from:#bfdbfe4d var(--tw-gradient-from-position);--tw-gradient-to:#bfdbfe00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400\/10{--tw-gradient-from:#60a5fa1a var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400\/20{--tw-gradient-from:#60a5fa33 var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-100{--tw-gradient-from:#dcfce7 var(--tw-gradient-from-position);--tw-gradient-to:#dcfce700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:#4ade8000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400\/10{--tw-gradient-from:#4ade801a var(--tw-gradient-from-position);--tw-gradient-to:#4ade8000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400\/20{--tw-gradient-from:#4ade8033 var(--tw-gradient-from-position);--tw-gradient-to:#4ade8000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:#f0fdf400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-200\/20{--tw-gradient-from:#c7d2fe33 var(--tw-gradient-from-position);--tw-gradient-to:#c7d2fe00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-400{--tw-gradient-from:#fb923c var(--tw-gradient-from-position);--tw-gradient-to:#fb923c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-400\/10{--tw-gradient-from:#fb923c1a var(--tw-gradient-from-position);--tw-gradient-to:#fb923c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-400\/20{--tw-gradient-from:#fb923c33 var(--tw-gradient-from-position);--tw-gradient-to:#fb923c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-50{--tw-gradient-from:#fff7ed var(--tw-gradient-from-position);--tw-gradient-to:#fff7ed00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:#c084fc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400\/10{--tw-gradient-from:#c084fc1a var(--tw-gradient-from-position);--tw-gradient-to:#c084fc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400\/20{--tw-gradient-from:#c084fc33 var(--tw-gradient-from-position);--tw-gradient-to:#c084fc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:#faf5ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-400\/10{--tw-gradient-from:#f871711a var(--tw-gradient-from-position);--tw-gradient-to:#f8717100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-50{--tw-gradient-from:#fef2f2 var(--tw-gradient-from-position);--tw-gradient-to:#fef2f200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-600{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-rose-400\/20{--tw-gradient-from:#fb718533 var(--tw-gradient-from-position);--tw-gradient-to:#fb718500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-rose-50{--tw-gradient-from:#fff1f2 var(--tw-gradient-from-position);--tw-gradient-to:#fff1f200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-indigo-50{--tw-gradient-to:#eef2ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#eef2ff var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-black{--tw-gradient-to:#000 var(--tw-gradient-to-position)}.to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.to-blue-200\/20{--tw-gradient-to:#bfdbfe33 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-cyan-400\/10{--tw-gradient-to:#22d3ee1a var(--tw-gradient-to-position)}.to-cyan-50{--tw-gradient-to:#ecfeff var(--tw-gradient-to-position)}.to-emerald-400{--tw-gradient-to:#34d399 var(--tw-gradient-to-position)}.to-emerald-400\/10{--tw-gradient-to:#34d3991a var(--tw-gradient-to-position)}.to-emerald-400\/20{--tw-gradient-to:#34d39933 var(--tw-gradient-to-position)}.to-emerald-50{--tw-gradient-to:#ecfdf5 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to:#10b981 var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.to-indigo-400\/20{--tw-gradient-to:#818cf833 var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to:#eef2ff var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to:#6366f1 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-pink-400{--tw-gradient-to:#f472b6 var(--tw-gradient-to-position)}.to-pink-400\/10{--tw-gradient-to:#f472b61a var(--tw-gradient-to-position)}.to-pink-400\/20{--tw-gradient-to:#f472b633 var(--tw-gradient-to-position)}.to-pink-50{--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-purple-100{--tw-gradient-to:#f3e8ff var(--tw-gradient-to-position)}.to-purple-200\/30{--tw-gradient-to:#e9d5ff4d var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to:#faf5ff var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-yellow-400\/10{--tw-gradient-to:#facc151a var(--tw-gradient-to-position)}.to-yellow-400\/20{--tw-gradient-to:#facc1533 var(--tw-gradient-to-position)}.to-yellow-50{--tw-gradient-to:#fefce8 var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to:#eab308 var(--tw-gradient-to-position)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pt-24{padding-top:6rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.text-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:#c2410c;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:#9a3412;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:#7e22ce;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:#6b21a8;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-rose-800{--tw-text-opacity:1;color:#9f1239;color:rgb(159 18 57/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{background:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding-top:80px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit}#root,.App{min-height:100vh}.top-bar{background:#fff!important;box-shadow:0 2px 10px #0000001a!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}.assets-container,.assets-header,.dashboard-content,.main-content{margin-top:20px!important}@media (max-width:768px){body{padding-top:70px}}@media (max-width:480px){body{padding-top:60px}}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:from-blue-600:hover{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-green-600:hover{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-orange-600:hover{--tw-gradient-from:#ea580c var(--tw-gradient-from-position);--tw-gradient-to:#ea580c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-600:hover{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-emerald-600:hover{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.hover\:to-indigo-600:hover{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.hover\:to-pink-600:hover{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.hover\:to-yellow-600:hover{--tw-gradient-to:#ca8a04 var(--tw-gradient-to-position)}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-lg:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-blue-900{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-green-900{--tw-text-opacity:1;color:#14532d;color:rgb(20 83 45/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-orange-900{--tw-text-opacity:1;color:#7c2d12;color:rgb(124 45 18/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-purple-900{--tw-text-opacity:1;color:#581c87;color:rgb(88 28 135/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.md\:order-4{order:4}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.floating-ai-assistant{bottom:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:24px;position:fixed;z-index:9999}@media (max-width:768px){.floating-ai-assistant{bottom:100px;left:16px;z-index:9998}}.floating-icons{display:flex;gap:16px;margin-bottom:16px}.icon-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-container:hover{transform:translateY(-4px)}.icon-container.active{transform:translateY(-2px)}.icon{align-items:center;border-radius:50%;box-shadow:0 8px 25px #00000026;display:flex;height:100px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100px}.icon img{height:55px;object-fit:contain;width:55px;z-index:1}.icon:before{background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.finance-icon{animation:pulse-green 2s ease-in-out infinite;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.game-icon{animation:pulse-red 2s ease-in-out infinite;background:linear-gradient(135deg,#fef2f2,#fecaca)}.icon-container:hover .icon{box-shadow:0 12px 35px #0003;transform:scale(1.05)}.icon-container.active .icon{box-shadow:0 12px 35px #00000040;transform:scale(1.1)}.icon-label{color:#6b7280;font-size:16px;font-weight:700;margin-top:10px;text-align:center;transition:all .3s ease}@media (max-width:768px){.icon-label{color:#dc2626;font-family:Arial Black,Impact,Franklin Gothic Medium,Arial Narrow,sans-serif;font-weight:900;letter-spacing:.1em;text-transform:uppercase}}.icon-container:hover .icon-label{color:#374151;transform:translateY(-2px)}.icon-container.active .icon-label{color:#059669;font-weight:700}.icon-container.active.game .icon-label{color:#dc2626}@keyframes pulse-green{0%,to{box-shadow:0 8px 25px #00000026,0 0 0 0 #05966966}50%{box-shadow:0 8px 25px #00000026,0 0 0 10px #05966900}}@keyframes pulse-red{0%,to{box-shadow:0 8px 25px #00000026,0 0 0 0 #dc262666}50%{box-shadow:0 8px 25px #00000026,0 0 0 10px #dc262600}}.floating-ai-assistant.drag-over{z-index:10001}.floating-ai-assistant .icon-container.drop-target{animation:pulse-drop 1s infinite;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:3px solid #fff!important;box-shadow:0 0 30px #3b82f6cc!important;transform:scale(1.2)!important}@keyframes pulse-drop{0%,to{box-shadow:0 0 30px #3b82f6cc;transform:scale(1.2)}50%{box-shadow:0 0 50px #3b82f6;transform:scale(1.3)}}.draggable-logo{position:relative;transition:all .2s ease!important}.draggable-logo:hover{cursor:grab!important;transform:scale(1.05)!important}.draggable-logo:active{cursor:grabbing!important}.draggable-logo:after{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;content:"📤";display:flex;font-size:10px;height:20px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:-5px;top:-5px;transition:opacity .2s ease;width:20px}.draggable-logo:hover:after{opacity:1}.chat-interface{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;height:650px;overflow:hidden;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1);width:500px}.floating-ai-assistant.minimized .chat-interface{opacity:0;pointer-events:none;transform:translateY(100%) scale(.9)}@media (max-width:768px){.floating-ai-assistant.minimized .chat-interface{transform:translateY(100%) translateX(-50%)!important}}.chat-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.header-left{flex:1 1;gap:12px;min-width:0}.mode-indicator{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;font-size:32px;height:50px;justify-content:center;width:50px}.mode-indicator.finance{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.mode-indicator.game{background:linear-gradient(135deg,#fef2f2,#fecaca)}.header-text{flex:1 1;min-width:0;overflow:hidden}.header-text h3{color:#dc2626;font-size:20px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-text p{word-wrap:break-word;color:#6b7280;font-size:14px;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin:0;overflow-wrap:break-word}.header-actions{display:flex;gap:8px}.minimize-btn,.toggle-mode-btn{align-items:center;background:#6b72801a;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.minimize-btn:hover,.toggle-mode-btn:hover{background:#6b728033;transform:scale(1.05)}.chat-messages{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:18px;overflow-x:hidden;overflow-y:auto;padding:24px;scroll-behavior:smooth;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px;margin:4px 0}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border:1px solid #e2e8f0;border-radius:4px;box-shadow:inset 0 1px 2px #0000001a}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}.chat-messages::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#64748b,#475569)}.chat-messages:before{background:linear-gradient(180deg,#f1f5f9cc 0,#0000);top:-24px}.chat-messages:after,.chat-messages:before{content:"";display:block;height:0;pointer-events:none;position:sticky;z-index:1}.chat-messages:after{background:linear-gradient(0deg,#f1f5f9cc 0,#0000);bottom:-24px}.message{display:flex;flex-direction:column;margin-bottom:12px}.message.user{align-items:flex-end}.message.ai{align-items:flex-start}.message-content{word-wrap:break-word;border-radius:18px;font-size:16px;line-height:1.5;max-width:85%;padding:16px 20px}.message.user .message-content{background:linear-gradient(135deg,#059669,#10b981);border-bottom-right-radius:6px;color:#fff}.message.ai .message-content{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0;border-bottom-left-radius:6px;color:#374151}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;max-width:85%}.suggestion-btn{background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#6b7280;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.suggestion-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151;transform:translateY(-1px)}.typing-indicator{align-items:center;display:flex;gap:4px;padding:4px 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#9ca3af;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.scroll-to-bottom{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:50%;bottom:80px;box-shadow:0 4px 12px #0596694d;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:24px;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1000}.scroll-to-bottom.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-to-bottom:hover{box-shadow:0 6px 16px #05966966;transform:scale(1.1)}.scroll-to-bottom:active{transform:scale(.95)}.chat-input{align-items:flex-end;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:16px;padding:20px 24px;position:relative}.chat-input textarea{background:#fff!important;border:1px solid #d1d5db;border-radius:12px;color:#374151!important;flex:1 1;font-family:inherit;font-size:16px;max-height:120px;min-height:24px;outline:none;padding:16px 20px;resize:none;transition:all .2s ease}.chat-input textarea:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.chat-input textarea::placeholder{color:#9ca3af;font-weight:400}.send-btn{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:52px;justify-content:center;transition:all .2s ease;width:52px}.send-btn:hover:not(:disabled){box-shadow:0 4px 12px #0596694d;transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.floating-ai-assistant.minimized{border:none!important;min-height:auto!important;min-width:auto!important;padding:0!important;transform:none!important;transition:none;z-index:99999!important}.floating-ai-assistant.expanded{align-items:flex-end!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#000000b3!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;padding:0!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;width:100vw!important;z-index:999999!important}.floating-ai-assistant .icon-container{align-items:center!important;cursor:pointer!important;display:flex!important;flex-direction:column!important}.floating-ai-assistant .icon{align-items:center!important;background:#000!important;border:3px solid #fff!important;border-radius:50%!important;box-shadow:0 4px 8px #0000004d!important;display:flex!important;height:60px!important;justify-content:center!important;margin-bottom:8px!important;width:60px!important}.floating-ai-assistant .icon img{filter:brightness(0) invert(1)!important;height:35px!important;object-fit:contain!important;width:35px!important}.floating-ai-assistant .icon-label{background:#fff!important;border:2px solid #000!important;border-radius:4px!important;box-shadow:2px 2px 0 #333!important;color:#dc2626!important;font-size:12px!important;font-weight:900!important;letter-spacing:.1em!important;padding:4px 8px!important;text-align:center!important;text-transform:uppercase!important}.floating-ai-assistant.minimized{background:#0000!important;bottom:24px!important;height:auto!important;left:auto!important;position:fixed!important;right:24px!important;top:auto!important;transform:translateY(0);width:auto!important}.floating-ai-assistant.minimized .chat-interface{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;visibility:hidden!important;width:0!important}.floating-ai-assistant .chat-interface,.floating-ai-assistant .icon-container{z-index:99999!important}.floating-ai-assistant.minimized .floating-icons{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:0;border-top:2px solid #fff;box-shadow:0 -4px 20px #0003;display:flex;justify-content:space-between;margin:0;padding:12px 20px}.floating-ai-assistant.minimized .icon-container{flex-direction:row;gap:12px}.floating-ai-assistant.minimized .icon{box-shadow:0 2px 8px #0003;height:40px;width:40px}.floating-ai-assistant.minimized .icon img{height:24px;width:24px}.floating-ai-assistant.minimized .icon-label{color:#fff;font-size:16px;font-weight:700;margin:0;text-shadow:0 1px 2px #0003}.chat-interface{background:#fff!important;border-radius:20px 20px 0 0!important;bottom:auto!important;box-shadow:0 -10px 30px #0006!important;flex-shrink:0!important;height:70vh!important;max-height:calc(100vh - 40px)!important;max-width:500px!important;width:calc(100vw - 32px)!important;z-index:1000000!important}.chat-interface,.floating-ai-assistant.expanded .chat-interface{left:auto!important;margin:0 auto!important;position:relative!important;right:auto!important;transform:none!important}.floating-ai-assistant.expanded .chat-interface{display:flex!important;flex-direction:column!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}.floating-icons{gap:14px}.icon{height:85px;width:85px}.icon img{height:48px;width:48px}.icon-label{font-size:15px}.mode-indicator{font-size:28px;height:45px;width:45px}.header-text{flex:1 1;max-width:calc(100% - 160px);min-width:0}.header-text h3{color:#dc2626;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-text p{font-size:12px;line-height:1.2;max-width:100%;overflow:visible;overflow-wrap:break-word;text-overflow:clip;white-space:normal;word-break:break-word}.chat-messages{-webkit-overflow-scrolling:touch;padding:16px 16px 20px;scroll-behavior:smooth;scrollbar-width:auto}.chat-messages::-webkit-scrollbar{background:#f1f5f980;width:12px}.chat-messages::-webkit-scrollbar-track{background:#f1f5f94d;border-radius:6px;margin:8px 0}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#059669,#10b981);border:2px solid #fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;min-height:40px}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#047857,#059669)}.chat-messages::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#065f46,#047857)}.chat-messages:before{background:linear-gradient(180deg,#ffffffe6 0,#0000);height:20px;margin-bottom:-20px}.chat-messages:after{background:linear-gradient(0deg,#ffffffe6 0,#0000);height:20px;margin-top:-20px}.message-content{font-size:15px;max-width:90%;padding:12px 16px}.scroll-to-bottom{bottom:100px;box-shadow:0 6px 20px #05966966;font-size:18px;height:48px;right:16px;width:48px}.chat-input{padding:16px 16px env(safe-area-inset-bottom,16px)}.chat-input textarea{font-size:16px;padding:12px 16px}.send-btn{height:48px;width:48px}@supports (padding:max(0px)){.floating-ai-assistant.expanded .chat-interface{margin:0 auto!important;padding-bottom:env(safe-area-inset-bottom,0)!important;width:calc(100vw - max(32px, env(safe-area-inset-left) + env(safe-area-inset-right) + 32px))!important}.floating-ai-assistant.expanded .chat-input{padding-bottom:calc(16px + env(safe-area-inset-bottom, 0))!important}}@media (max-width:844px) and (orientation:landscape){.floating-ai-assistant.expanded{align-items:center!important}.floating-ai-assistant.expanded .chat-interface{border-radius:20px!important;height:calc(100vh - 64px)!important;margin:0 auto!important;max-height:500px!important;position:relative!important}}}@media (max-width:480px){.floating-ai-assistant.expanded .chat-interface{border-radius:16px!important;height:75vh!important;margin:0 auto!important;position:relative!important;width:calc(100vw - 24px)!important}.chat-header,.chat-messages{padding:20px}.chat-input{padding:16px 20px}.icon{height:65px;width:65px}.icon img{height:35px;width:35px}.mode-indicator{font-size:26px;height:42px;width:42px}.header-text{max-width:calc(100% - 140px)}.header-text h3{color:#dc2626;font-size:17px}.header-text p{font-size:11px;line-height:1.1;max-width:100%;overflow:visible;overflow-wrap:break-word;text-overflow:clip;white-space:normal;word-break:break-word}.minimize-btn,.toggle-mode-btn{font-size:16px;height:36px;width:36px}.send-btn{font-size:18px;height:48px;width:48px}}@media (max-width:768px){.floating-ai-assistant.expanded{inset:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden!important;padding:0!important}.floating-ai-assistant.expanded:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.floating-ai-assistant.expanded .chat-interface{align-self:center!important;height:min(70vh,calc(100vh - 80px))!important;justify-self:center!important;max-height:calc(100vh - 80px)!important;max-width:min(500px,calc(100vw - 32px))!important;opacity:1!important;overflow:hidden!important;pointer-events:auto!important;visibility:visible!important}@supports (-webkit-appearance:none) and (stroke:currentColor){.floating-ai-assistant.expanded{height:-webkit-fill-available!important}.floating-ai-assistant.expanded .chat-interface{max-height:calc(-webkit-fill-available - 80px)!important}}body:has(.floating-ai-assistant.expanded){overflow:hidden!important;position:fixed!important;width:100%!important}}.floating-ai-assistant{animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.icon-container:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.icon-container:hover:after{height:90px;width:90px}.icon-container .notification-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}@media (max-width:768px){.floating-ai-assistant.expanded{align-items:center!important;animation:modalFadeIn .3s ease-out!important;background:#000c!important;display:flex!important;flex-direction:column!important;height:100vh!important;justify-content:center!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden!important;padding:0!important;pointer-events:all!important;position:fixed!important;transform:none!important;width:100vw!important;z-index:1000000!important}.floating-ai-assistant.expanded,.floating-ai-assistant.expanded:before{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;bottom:0!important;left:0!important;right:0!important;top:0!important}.floating-ai-assistant.expanded:before{background:#00000080!important;content:""!important;position:absolute!important;z-index:1!important}.floating-ai-assistant.expanded .chat-interface{align-self:center!important;background:#fff!important;border-radius:20px!important;bottom:auto!important;box-shadow:0 20px 40px #0000004d!important;display:flex!important;flex-direction:column!important;height:70vh!important;left:auto!important;margin:0 auto!important;max-height:calc(100vh - 80px)!important;max-width:500px!important;opacity:1!important;pointer-events:all!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;visibility:visible!important;width:calc(100vw - 32px)!important;z-index:2!important}.floating-ai-assistant.expanded .floating-icons{display:none!important}body:has(.floating-ai-assistant.expanded){height:100vh!important;overflow:hidden!important;position:fixed!important;width:100%!important}@keyframes modalFadeIn{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:1}}.floating-ai-assistant.minimized{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;bottom:24px!important;height:auto!important;left:auto!important;position:fixed!important;right:24px!important;top:auto!important;width:auto!important;z-index:999999!important}@supports (-webkit-appearance:none){.floating-ai-assistant.expanded{height:-webkit-fill-available!important;min-height:-webkit-fill-available!important}.floating-ai-assistant.expanded .chat-interface{max-height:calc(-webkit-fill-available - 80px)!important}}@supports (padding:max(0px)){.floating-ai-assistant.expanded .chat-interface{height:calc(70vh - env(safe-area-inset-bottom, 0px))!important;margin-bottom:env(safe-area-inset-bottom,0)!important;width:calc(100vw - max(32px, env(safe-area-inset-left) + env(safe-area-inset-right) + 32px))!important}}}@media (max-width:480px){.floating-ai-assistant.expanded .chat-interface{border-radius:16px!important;height:80vh!important;width:calc(100vw - 24px)!important}}@media (max-width:844px) and (orientation:landscape){.floating-ai-assistant.expanded .chat-interface{height:calc(100vh - 40px)!important;max-height:500px!important}}@media (max-width:768px){.floating-ai-assistant .typing-indicator{justify-content:flex-start!important;padding:8px 0!important}.floating-ai-assistant .typing-indicator span{background:#059669!important;height:10px!important;width:10px!important}.floating-ai-assistant .message.ai .message-content{align-items:center!important;display:flex!important;min-height:32px!important}}:root{--mit-crimson:#b8292f;--mit-white:#fff;--mit-light-gray:#f8f9fa;--mit-dark-gray:#333;--mit-border-gray:#dee2e6;--mit-hover-crimson:#a02328;--mit-shadow:0 2px 10px #b8292f1a;--mit-error-red:#dc3545;--mit-success-green:#28a745}body{background-color:#f8f9fa;background-color:var(--mit-light-gray);font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}.auth-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);background:linear-gradient(135deg,var(--mit-light-gray) 0,#fff 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem;position:relative}.auth-wrapper{background:#fff;background:var(--mit-white);border:1px solid #dee2e6;border:1px solid var(--mit-border-gray);border-radius:8px;box-shadow:0 2px 10px #b8292f1a;box-shadow:var(--mit-shadow);max-width:400px;overflow:hidden;width:100%}.auth-header{background:#b8292f;background:var(--mit-crimson);color:#fff;color:var(--mit-white);padding:2rem;text-align:center}.auth-title{font-size:1.75rem;font-weight:600;letter-spacing:-.025em;margin:0 0 .5rem}.auth-subtitle{font-size:1rem;font-weight:300;margin:0;opacity:.9}.auth-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}label{color:#333;color:var(--mit-dark-gray);display:block;font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-bottom:.5rem;text-transform:uppercase}.input-wrapper{align-items:center;display:flex;position:relative}input{background-color:#fff;background-color:var(--mit-white);border:2px solid #dee2e6;border:2px solid var(--mit-border-gray);border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}input.error{border-color:#dc3545;border-color:var(--mit-error-red)}input::placeholder{color:#6c757d;font-weight:300}.password-toggle{background:none;border:none;color:#333;color:var(--mit-dark-gray);cursor:pointer;font-size:1rem;padding:.25rem;position:absolute;right:.75rem;transition:color .2s ease}.password-toggle:hover{color:#b8292f;color:var(--mit-crimson)}.field-error{display:block;font-size:.75rem;font-weight:400;margin-top:.25rem}.error-message,.field-error{color:#dc3545;color:var(--mit-error-red)}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem}.submit-button{background:#b8292f;background:var(--mit-crimson);border:none;border-radius:4px;color:#fff;color:var(--mit-white);cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.025em;margin-top:.5rem;padding:.875rem 1rem;text-transform:uppercase;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){background:#a02328;background:var(--mit-hover-crimson);box-shadow:0 4px 12px #b8292f33;transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-spinner{align-items:center;display:flex;gap:.5rem;justify-content:center}.auth-footer{background-color:#f8f9fa;background-color:var(--mit-light-gray);border-top:1px solid #dee2e6;border-top:1px solid var(--mit-border-gray);padding:1.5rem 2rem;text-align:center}.auth-footer p{color:#333;color:var(--mit-dark-gray);font-size:.875rem;margin:0 0 .5rem}.auth-link{color:#b8292f;color:var(--mit-crimson);font-size:.875rem;font-weight:600;letter-spacing:.025em;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.auth-link:hover{color:#a02328;color:var(--mit-hover-crimson);text-decoration:underline}.signup-wrapper{max-width:500px}.signup-form .form-row{margin-bottom:1.5rem}.signup-form .form-row .form-group{margin-bottom:0}.mit-branding{margin-bottom:1rem;text-align:center}.mit-logo{color:#b8292f;color:var(--mit-crimson);font-size:1.5rem;font-weight:700;letter-spacing:.1em}.mit-logo,.mit-subtitle{text-transform:uppercase}.mit-subtitle{color:#333;color:var(--mit-dark-gray);font-size:.75rem;letter-spacing:.05em;margin-top:.25rem}@media (max-width:768px){.auth-container{padding:1rem}.auth-wrapper{max-width:100%}.auth-header{padding:1.5rem}.auth-title{font-size:1.5rem}.auth-form{padding:1.5rem}.form-row{gap:0;grid-template-columns:1fr}.signup-form .form-row .form-group{margin-bottom:1.5rem}}@media (max-width:480px){.auth-container{padding:.5rem}.auth-footer,.auth-form,.auth-header{padding:1rem}}.google-signin-button,.google-signup-button{overflow:hidden;position:relative}.google-signin-button:hover,.google-signup-button:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.google-signin-button:active,.google-signup-button:active{box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.google-signin-button:focus,.google-signup-button:focus{border-radius:4px;outline:2px solid #b8292f;outline:2px solid var(--mit-crimson);outline-offset:2px}.google-signin-button:before,.google-signup-button:before{background:linear-gradient(90deg,#0000,#b8292f1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.google-signin-button:hover:before,.google-signup-button:hover:before{left:100%}.submit-button:focus{outline:2px solid #fff;outline:2px solid var(--mit-white);outline-offset:2px}input:focus{border-color:#b8292f;border-color:var(--mit-crimson);box-shadow:0 0 0 3px #b8292f1a;outline:none}.auth-link:focus{border-radius:2px;outline:2px solid #b8292f;outline:2px solid var(--mit-crimson);outline-offset:2px}.investing-logo{height:auto;margin-bottom:.5rem;max-width:80px}.dashboard-logo{margin-bottom:.25rem;max-width:60px}.top-left-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;gap:12px;left:20px;padding:12px 16px;position:fixed;top:20px;z-index:1000}.logo-top-left{height:40px;object-fit:contain;width:40px}.logo-text{color:#333;color:var(--mit-dark-gray);font-size:14px;font-weight:600;white-space:nowrap}.enhanced-login{grid-gap:2rem;background:linear-gradient(135deg,#e3f2fd,#f8f9fa 50%,#e8f5e8);display:grid;gap:2rem;grid-template-columns:1fr 2fr 1fr;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.enhanced-login:before{background:radial-gradient(circle at 20% 80%,#b8292f1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#28a7451a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffc1071a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-decoration{align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding:2rem 0;position:relative}.left-decoration{align-items:flex-end}.right-decoration{align-items:flex-start}.floating-element{align-items:center;animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;margin:1rem 0;max-width:200px;padding:1.5rem;text-align:center;transition:all .3s ease}.floating-element:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-10px) scale(1.05)}.market-animal{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:80px;margin-bottom:.5rem;object-fit:contain;width:80px}.market-label{color:#333;color:var(--mit-dark-gray);font-size:.9rem;font-weight:600;margin-top:.5rem}.bull-market{animation-delay:0s}.bull-market .market-animal{animation:bounce 2s ease-in-out infinite}.bear-market{animation-delay:2s}.bear-market .market-animal{animation:sway 3s ease-in-out infinite}.bee-prosperity{animation-delay:1s;position:relative}.prosperity-bee{animation:buzz 1.5s ease-in-out infinite;height:60px;margin-bottom:.5rem;width:60px}.honey-pot{animation:glow 2s ease-in-out infinite alternate;height:50px;width:50px}.prosperity-label{color:#ff8f00;font-size:.9rem;font-weight:600;margin-top:.5rem}.achievement-flag{animation-delay:3s}.flag-icon{animation:wave 2s ease-in-out infinite;height:70px;width:70px}.achievement-label{color:#b8292f;color:var(--mit-crimson);font-size:.9rem;font-weight:600;margin-top:.5rem}.money-growth{animation-delay:1.5s}.money-symbol{animation:pulse 2s ease-in-out infinite;font-size:3rem;margin-bottom:.5rem}.growth-arrows{animation:slideUp 2s ease-in-out infinite;font-size:2rem}.growth-label{color:#28a745;font-size:.9rem;font-weight:600;margin-top:.5rem}.learning-journey{animation-delay:2.5s}.book-symbol,.graduation-symbol{font-size:2.5rem;margin:.25rem}.book-symbol{animation:flip 3s ease-in-out infinite}.graduation-symbol{animation:shine 2.5s ease-in-out infinite}.learning-label{color:#6f42c1;font-size:.9rem;font-weight:600;margin-top:.5rem}.enhanced-wrapper{animation:slideInFromCenter 1s ease-out;margin:auto;max-width:450px;transform:translateY(0);z-index:10}.enhanced-wrapper .auth-header{background:linear-gradient(135deg,#b8292f,#a02328);background:linear-gradient(135deg,var(--mit-crimson) 0,#a02328 100%);overflow:hidden;position:relative}.enhanced-wrapper .auth-header:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.enhanced-wrapper .mit-subtitle{color:#ffffffe6;font-weight:400}.enhanced-submit{background:linear-gradient(135deg,#b8292f,#28a745);background:linear-gradient(135deg,var(--mit-crimson) 0,#28a745 100%);overflow:hidden;position:relative}.enhanced-submit:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.enhanced-submit:hover:before{left:100%}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes buzz{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-2px,-2px) rotate(-2deg)}50%{transform:translate(2px,-4px) rotate(2deg)}75%{transform:translate(-2px,-2px) rotate(-1deg)}}@keyframes glow{0%{filter:brightness(1) drop-shadow(0 0 5px rgba(255,193,7,.5))}to{filter:brightness(1.2) drop-shadow(0 0 15px rgba(255,193,7,.8))}}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}@media (max-width:768px){.top-left-logo{left:15px;padding:8px 12px;top:15px}.logo-top-left{height:32px;width:32px}.logo-text{font-size:12px}}@media (max-width:480px){.top-left-logo{left:10px;padding:6px 10px;top:10px}.logo-top-left{height:28px;width:28px}.logo-text{font-size:11px}}@keyframes slideUp{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flip{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}@keyframes shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 10px gold)}}@keyframes slideInFromCenter{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%{transform:translateX(-50%) translateY(-50%) rotate(45deg)}to{transform:translateX(150%) translateY(-50%) rotate(45deg)}}@media (max-width:1200px){.enhanced-login{gap:1rem;grid-template-columns:1fr 3fr 1fr}.floating-element{max-width:150px;padding:1rem}.market-animal{height:60px;width:60px}}@media (max-width:768px){.enhanced-login{gap:1rem;grid-template-columns:1fr;padding:1rem}.auth-decoration{display:none}.enhanced-wrapper{max-width:100%}}@media (max-width:480px){.enhanced-login{padding:.5rem}.enhanced-wrapper .auth-form,.enhanced-wrapper .auth-header{padding:1rem}}@media (prefers-color-scheme:dark){body:before{filter:invert(1) opacity(.03)}}body{position:relative}.dashboard-container{background:#000!important;color:#fff!important;font-family:Arial Black,Impact,Franklin Gothic Medium,Arial Narrow,sans-serif!important;font-stretch:condensed!important;font-weight:900!important;letter-spacing:.15em!important;text-transform:uppercase!important}.learning-guide{background:#fff!important;border:4px solid #000!important;border-radius:0!important;box-shadow:12px 12px 0 #000,24px 24px 0 #333!important;transform:rotate(-1deg)!important}.learning-guide h3{color:#000!important;font-size:1.8rem!important;text-shadow:2px 2px 0 #ccc!important}.learning-guide button,.learning-guide h3{font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important}.learning-guide button{background:#000!important;border:3px solid #fff!important;border-radius:0!important;box-shadow:6px 6px 0 #333!important;color:#fff!important;transform:skew(-5deg)!important;transition:all .1s ease!important}.learning-guide button:hover{background:#fff!important;border:3px solid #000!important;box-shadow:9px 9px 0 #333!important;color:#000!important;transform:skew(-5deg) translate(-3px,-3px)!important}.progress-indicator,.progress-indicator span{color:#fff!important;font-weight:900!important;text-transform:uppercase!important}.progress-indicator span{background:#000!important;border:2px solid #fff!important;border-radius:0!important;box-shadow:4px 4px 0 #333!important;letter-spacing:.1em!important}.guide-content{background:#000!important;border:3px solid #fff!important;border-radius:0!important;box-shadow:8px 8px 0 #333!important}.guide-content>div{background:#000!important;border:2px solid #fff!important;border-radius:0!important;box-shadow:4px 4px 0 #333!important}.guide-content img{filter:contrast(1.2)!important}.guide-content img,.guide-nav-button{border:3px solid #fff!important;border-radius:0!important}.guide-nav-button{background:#000!important;box-shadow:6px 6px 0 #333!important;color:#fff!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important;transform:skew(-3deg)!important;transition:all .1s ease!important}.guide-nav-button:hover{background:#fff!important;border:3px solid #000!important;box-shadow:8px 8px 0 #333!important;color:#000!important;transform:skew(-3deg) translate(-2px,-2px)!important}.guide-nav-button:disabled{background:#333!important;border:3px solid #666!important;box-shadow:3px 3px 0 #111!important;color:#666!important;cursor:not-allowed!important;opacity:.5!important;transform:skew(-3deg)!important}.financial-overview .bg-gradient-to-br{background:#fff!important;border:4px solid #000!important;border-radius:0!important;box-shadow:10px 10px 0 #000,20px 20px 0 #333!important;transform:rotate(.5deg)!important;transition:all .1s ease!important}.financial-overview .bg-gradient-to-br:hover{box-shadow:15px 15px 0 #000,25px 25px 0 #333!important;transform:rotate(.5deg) translate(-5px,-5px)!important}.financial-overview .text-blue-700,.financial-overview .text-green-700,.financial-overview .text-orange-700,.financial-overview .text-purple-700,.financial-overview .text-red-700{color:#000!important;font-size:.75rem!important;font-weight:900!important;letter-spacing:.15em!important;text-shadow:1px 1px 0 #ccc!important;text-transform:uppercase!important}.financial-overview .text-3xl{color:#000!important;font-size:2.5rem!important;font-weight:900!important;letter-spacing:.05em!important;text-shadow:3px 3px 0 #ccc!important;transform:skew(-2deg)!important}.financial-overview .text-sm{color:#333!important;font-size:.875rem!important;font-weight:700!important;letter-spacing:.05em!important;line-height:1.4!important;text-transform:uppercase!important}.financial-overview .w-8.h-8{background:#000!important;border:2px solid #fff!important;border-radius:0!important;box-shadow:3px 3px 0 #333!important;color:#fff!important;font-weight:900!important;transform:rotate(-5deg)!important}.financial-overview button{border:none!important;border-radius:8px!important;box-shadow:0 4px 6px -1px #0000001a!important;color:#fff!important;font-weight:600!important;letter-spacing:.05em!important;transition:all .2s ease!important}.financial-overview button:hover{background:linear-gradient(90deg,#2563eb,#4f46e5)!important;border:none!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;color:#fff!important;transform:scale(1.05)!important}.financial-overview button:disabled{background:#9ca3af!important;box-shadow:0 4px 6px -1px #0000001a!important;color:#fff!important;cursor:not-allowed!important;opacity:.5!important;transform:none!important}.investment-opportunities{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:2rem 0!important;overflow:visible!important;padding:2rem 0!important;position:relative!important;transform:none!important;z-index:1!important}.investment-opportunities .text-center{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:2rem!important;position:relative!important;z-index:2!important}.investment-opportunities .inline-flex,.investment-opportunities .inline-flex.items-center,.investment-opportunities .inline-flex.items-center.gap-2,.investment-opportunities div.inline-flex,.investment-opportunities div[class*=inline-flex]{align-items:center!important;background:#fff!important;border:3px solid #000!important;border-radius:0!important;box-shadow:6px 6px 0 #333!important;color:#000!important;display:inline-flex!important;font-size:16px!important;font-weight:900!important;height:auto!important;justify-content:center!important;letter-spacing:.15em!important;margin-bottom:1rem!important;opacity:1!important;padding:15px 30px!important;position:relative!important;text-transform:uppercase!important;transform:skew(-3deg)!important;width:auto!important;z-index:10!important}.investment-opportunities .inline-flex span,.investment-opportunities .inline-flex.items-center span,.investment-opportunities div.inline-flex span{color:#000!important;display:block!important;font-size:16px!important;font-weight:900!important;letter-spacing:.15em!important;opacity:1!important;position:relative!important;text-shadow:none!important;text-transform:uppercase!important;z-index:11!important}.investment-opportunities .text-4xl,.investment-opportunities h2{-webkit-text-fill-color:#000!important;background:none!important;-webkit-background-clip:unset!important;color:#000!important;font-size:3rem!important;font-weight:900!important;letter-spacing:.1em!important;margin:2rem 0!important;text-shadow:2px 2px 0 #ccc!important;text-transform:uppercase!important;transform:skew(-2deg)!important}.investment-opportunities .text-4xl,.investment-opportunities .text-lg,.investment-opportunities h2{display:block!important;opacity:1!important;position:relative!important;text-align:center!important;z-index:5!important}.investment-opportunities .text-lg{color:#666!important;font-size:1.125rem!important;font-weight:700!important;letter-spacing:.05em!important;line-height:1.4!important;text-transform:uppercase!important}.investment-opportunities .bg-gradient-to-r,.investment-opportunities .from-blue-100,.investment-opportunities .to-purple-100{background:linear-gradient(90deg,#3b82f6,#6366f1)!important}.investment-opportunities .rounded-full{border-radius:8px!important}.investment-opportunities .font-semibold,.investment-opportunities .text-blue-800,.investment-opportunities .text-sm{color:#fff!important;font-weight:600!important}.investment-opportunities .bg-clip-text{-webkit-background-clip:text!important;background-clip:text!important}.investment-opportunities .text-transparent{color:#0000!important}.investment-opportunities .text-gray-600{color:#64748b!important}.investment-option-card{border:none!important;border-radius:12px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;transition:all .2s ease!important}.investment-option-card:hover{border-color:#0000!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;transform:translateY(-4px) scale(1.02)!important}.investment-option-card .text-2xl{color:#000!important;font-size:1.5rem!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important}.investment-option-card .text-sm{color:grey!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:.05em!important;text-transform:uppercase!important}.investment-option-card .text-xs{color:#000!important;font-size:.75rem!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important}.investment-option-card .text-lg{color:#000!important;font-size:1rem!important;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase!important}.bg-gradient-to-b,.bg-gradient-to-br,.bg-gradient-to-l,.bg-gradient-to-r,.bg-gradient-to-t{background:#fff!important}.rounded,.rounded-2xl,.rounded-3xl,.rounded-lg,.rounded-md,.rounded-xl{border-radius:12px!important}.shadow,.shadow-2xl,.shadow-lg,.shadow-md,.shadow-xl{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.transition-all,.transition-opacity,.transition-shadow,.transition-transform{transition:all .2s ease!important}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:scale(1.05)!important}.banking-section{background:#fff!important;padding:2rem 0!important}.banking-section h2{color:#1f2937!important;font-size:2.5rem!important;font-weight:800!important}.banking-section .text-lg,.banking-section h2{letter-spacing:normal!important;text-transform:none!important}.banking-section .text-lg{color:#64748b!important;font-weight:500!important;line-height:1.6!important}button{align-items:center!important;background:#000!important;border:3px solid #fff!important;border-radius:0!important;box-shadow:6px 6px 0 #333!important;color:#fff!important;display:flex!important;font-weight:900!important;gap:8px!important;justify-content:center!important;letter-spacing:.1em!important;padding:12px 18px!important;text-transform:uppercase!important;transform:skew(-3deg)!important;transition:all .1s ease!important}button:hover{background:#fff!important;border:3px solid #000!important;box-shadow:9px 9px 0 #333!important;color:#000!important;transform:skew(-3deg) translate(-3px,-3px)!important}button:active{box-shadow:3px 3px 0 #333!important;transform:skew(-3deg) translate(0)!important}button:disabled{background:#333!important;border:3px solid #666!important;box-shadow:3px 3px 0 #111!important;color:#666!important;cursor:not-allowed!important;opacity:.5!important;transform:skew(-3deg)!important}button.enable-button,button.enabled,button:contains("Apply for Loan"),button:contains("Deposit"),button:contains("Get More Credit"),button:contains("Repay Loan"),button:contains("Withdraw"),button[data-enabled=true]{background:grey!important;border:4px solid #000!important;border-radius:0!important;box-shadow:8px 8px 0 #333!important;color:#000!important;font-weight:900!important;letter-spacing:.1em!important;position:relative!important;text-transform:uppercase!important;transform:skew(-3deg)!important}.financial-overview button,.financial-overview button.flex-1,button[title*="Apply for"],button[title*="Available cash"],button[title*="Available savings"]{background:grey!important;border:4px solid #000!important;border-radius:0!important;box-shadow:8px 8px 0 #333!important;color:#000!important;font-weight:900!important;letter-spacing:.1em!important;position:relative!important;text-transform:uppercase!important;transform:skew(-3deg)!important}.financial-overview button.flex-1:after,.financial-overview button:after,button.enable-button:after,button.enabled:after,button[data-enabled=true]:after,button[title*="Apply for"]:after,button[title*="Available cash"]:after,button[title*="Available savings"]:after{background:#d72638!important;border:3px solid #000!important;border-radius:0!important;box-shadow:3px 3px 0 #333!important;content:""!important;height:16px!important;position:absolute!important;right:-8px!important;top:-8px!important;transform:rotate(45deg)!important;width:16px!important;z-index:10!important}.financial-overview button.flex-1:hover,.financial-overview button:hover,button.enable-button:hover,button.enabled:hover,button[data-enabled=true]:hover,button[title*="Apply for"]:hover,button[title*="Available cash"]:hover,button[title*="Available savings"]:hover{background:grey!important;border:4px solid #d72638!important;box-shadow:12px 12px 0 #333!important;color:#000!important;transform:skew(-3deg) translate(-4px,-4px)!important}.financial-overview button.flex-1:hover:after,.financial-overview button:hover:after,button.enable-button:hover:after,button.enabled:hover:after,button[data-enabled=true]:hover:after,button[title*="Apply for"]:hover:after,button[title*="Available cash"]:hover:after,button[title*="Available savings"]:hover:after{background:#d72638!important;border:3px solid #d72638!important;box-shadow:5px 5px 0 #333!important}h1,h2,h3,h4,h5,h6{color:#fff!important;font-family:Arial Black,Impact,Franklin Gothic Medium,Arial Narrow,sans-serif!important;font-stretch:condensed!important;font-weight:900!important;letter-spacing:.1em!important;text-rendering:optimizeLegibility!important;text-shadow:3px 3px 0 #333!important;text-transform:uppercase!important}.investment-option-card{background:#fff!important;background-image:none!important;background-size:auto!important;border:4px solid #000!important;border-radius:0!important;box-shadow:12px 12px 0 #000,24px 24px 0 #333!important;transform:rotate(1deg)!important;transition:all .1s ease!important}.investment-option-card:hover{box-shadow:18px 18px 0 #000,30px 30px 0 #333!important;transform:rotate(1deg) translate(-6px,-6px)!important}.investment-option-card button{-webkit-text-fill-color:#000!important;align-items:center!important;background:#fff!important;border:2px solid #000!important;border-radius:0!important;box-shadow:4px 4px 0 #333!important;color:#000!important;display:flex!important;font-family:"'Arial Black', 'Impact', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif"!important;font-weight:900!important;justify-content:center!important;letter-spacing:.1em!important;overflow:visible!important;padding:12px 16px!important;position:relative!important;text-shadow:1px 1px 0 #ccc!important;text-transform:uppercase!important;transform:skew(-2deg)!important;transition:all .1s ease!important;z-index:5!important}.investment-option-card button *{position:relative!important;z-index:10!important}.investment-option-card button:hover{-webkit-text-fill-color:#fff!important;background:#000!important;border:2px solid #fff!important;box-shadow:6px 6px 0 #333!important;color:#fff!important;text-shadow:2px 2px 0 #333!important;transform:skew(-2deg) translate(-3px,-3px)!important}@media (max-width:768px){.dashboard-container{padding:1rem!important}.financial-overview .text-3xl{font-size:1.5rem!important}.banking-section h2,.investment-opportunities h2{font-size:2rem!important}}@keyframes popIn{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(1turn)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.logo-popup-overlay{align-items:center;animation:fadeOut .5s ease-out 1.5s forwards;background:#000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.logo-popup-container{animation:popIn .5s ease-out forwards}.logo-popup-image{filter:drop-shadow(0 0 20px rgba(255,255,255,.5));height:200px;width:200px}@media (max-width:768px){.logo-popup-image{height:150px;width:150px}}@media (max-width:480px){.logo-popup-image{height:120px;width:120px}}.full-screen-dashboard{background:#000;bottom:0;display:flex;flex-direction:column;font-family:Arial Black,Impact,Franklin Gothic Medium,Arial Narrow,sans-serif;left:0;position:fixed;right:0;top:0;z-index:10000}.dashboard-header{align-items:center;background:#000;border-bottom:4px solid #333;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;justify-content:space-between;min-height:70px;padding:20px 30px}.dashboard-header-left{align-items:center;display:flex;gap:20px}.dashboard-title{color:#d72638;font-size:28px;letter-spacing:.1em;text-shadow:2px 2px 0 #333}.dashboard-subtitle{color:#d72638;font-size:14px;font-weight:700;opacity:.8}.dashboard-close-btn,.dashboard-subtitle{letter-spacing:.1em;text-transform:uppercase}.dashboard-close-btn{background:#d72638;border:3px solid #fff;border-radius:0;box-shadow:4px 4px 0 #000;color:#fff;cursor:pointer;font-size:16px;font-weight:900;padding:12px 20px;transform:skew(-3deg);transition:all .1s ease}.dashboard-close-btn:hover{background:#fff;border:3px solid #d72638;box-shadow:6px 6px 0 #000;color:#d72638;transform:skew(-3deg) translate(-2px,-2px)}.dashboard-tabs{-ms-overflow-style:none;background:#f5f5f5;border-bottom:3px solid #e0e0e0;display:flex;overflow-x:auto;padding:0 30px;scrollbar-width:none}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{align-items:center;background:#0000;border:none;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:900;gap:8px;letter-spacing:.1em;min-width:fit-content;padding:16px 24px;text-transform:uppercase;transition:all .1s ease;white-space:nowrap}.dashboard-tab.active{background:#000;border:3px solid #000;border-bottom:none;box-shadow:0 -2px 4px #0003;color:#fff;transform:skew(-2deg)}.dashboard-tab:not(.active):hover{background:#e0e0e0;transform:skew(-2deg)}.dashboard-content{background:#000;overflow:auto;padding:30px}.loading-container{color:#666;font-size:20px;height:400px}.loading-spinner{border:4px solid #e0e0e0;border-top-color:#000}.metrics-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.metric-card{border:3px solid #d72638;box-shadow:8px 8px 0 #d72638;padding:24px}.metric-card.rotate-left{transform:rotate(-.5deg)}.metric-card.rotate-right{transform:rotate(.5deg)}.metric-card.rotate-slight-left{transform:rotate(-.3deg)}.metric-card.rotate-slight-right{transform:rotate(.3deg)}.metric-label{font-weight:900;letter-spacing:.1em;margin-bottom:12px}.metric-value{font-size:36px;font-weight:900;margin-bottom:8px;text-shadow:2px 2px 0 #ccc}.metric-description{color:#666;font-size:12px;line-height:1.4}.positions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.position-card{background:#fafafa;border:2px solid #e0e0e0;border-left:6px solid #059669;border-radius:8px}.position-card.negative{border-left-color:#dc2626}.position-header{margin-bottom:16px}.position-symbol{font-size:20px;letter-spacing:.1em;text-transform:uppercase}.position-quantity{color:#666}.position-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.position-metric{display:flex;flex-direction:column}.position-metric-label{color:#666;font-size:12px;font-weight:700;margin-bottom:4px}.position-metric-value{color:#000;font-size:18px;font-weight:900}.position-pnl{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.position-pnl-label{font-size:14px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.position-pnl-value{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:20px;font-weight:900;text-shadow:1px 1px 0 #0000001a}.positive{color:#059669}.negative{color:#dc2626}.section-card{background:#fff;border:3px solid #d72638;border-radius:0;box-shadow:12px 12px 0 #d72638;margin-bottom:30px;padding:30px}.section-title{font-size:24px;letter-spacing:.1em;margin-bottom:20px}.breakdown-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.breakdown-item{border-radius:8px;padding:20px}.breakdown-item.cash{background:#f0fdf4;border:2px solid #059669}.breakdown-item.investments{background:#f0f9ff;border:2px solid #3b82f6}.breakdown-item.savings{background:#fffbeb;border:2px solid #f59e0b}.breakdown-item.loan{background:#fef2f2;border:2px solid #dc2626}.breakdown-label{font-size:12px;font-weight:900;margin-bottom:8px}.breakdown-value{color:#000;font-size:24px;font-weight:900}.empty-state{color:#666;font-size:18px;padding:60px}.analysis-section{background:#f9fafb;border:2px solid #e5e7eb;border-radius:0;box-shadow:4px 4px 0 #e5e7eb;margin-bottom:16px;padding:20px;transform:skew(-.5deg)}.analysis-title{align-items:center;color:#000;display:flex;font-size:18px;font-weight:900;gap:8px;letter-spacing:.1em;margin-bottom:16px;text-transform:uppercase}.analysis-content{color:#374151;font-size:14px;line-height:1.6}@media (max-width:768px){.dashboard-header{min-height:60px;padding:15px 20px}.dashboard-title{font-size:22px}.dashboard-subtitle{font-size:12px}.dashboard-close-btn{font-size:14px;padding:10px 16px}.dashboard-tabs{padding:0 20px}.dashboard-tab{font-size:12px;padding:12px 16px}.dashboard-content{padding:20px}.metrics-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card{padding:20px}.metric-value{font-size:28px}.position-metrics,.positions-grid{grid-template-columns:1fr}.position-metrics{gap:12px}.breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:480px){.dashboard-header{flex-direction:column;gap:10px;min-height:50px;padding:12px 15px}.dashboard-header-left{align-items:flex-start;flex-direction:column;gap:8px}.dashboard-title{font-size:18px}.dashboard-subtitle{font-size:10px}.dashboard-close-btn{align-self:flex-end;font-size:12px;padding:8px 12px}.dashboard-tabs{padding:0 15px}.dashboard-tab{font-size:11px;padding:10px 12px}.dashboard-content{padding:15px}.metrics-grid{gap:12px;grid-template-columns:1fr}.metric-card{padding:16px;transform:none!important}.metric-value{font-size:24px}.section-card{padding:20px}.section-title{font-size:20px}.breakdown-grid{gap:12px;grid-template-columns:1fr 1fr}.breakdown-item{padding:15px}.breakdown-value{font-size:20px}.position-card{padding:20px}.position-symbol{font-size:18px}.position-quantity{font-size:14px}.position-metric-value{font-size:16px}.position-pnl-value{font-size:18px}}@media (max-width:320px){.dashboard-header{padding:10px 12px}.dashboard-title{font-size:16px}.dashboard-close-btn{font-size:11px;padding:6px 10px}.dashboard-content,.metric-card{padding:12px}.metric-value{font-size:20px}.section-card{padding:15px}.breakdown-grid{grid-template-columns:1fr}.position-card{padding:15px}}.top-bar{background:#fff;box-shadow:0 2px 10px #0000001a;flex-wrap:wrap;gap:10px;height:130px;left:0;min-height:130px;padding:15px 20px;position:fixed;right:0;z-index:1000}.header-left{flex:0 0 auto;max-width:400px;min-width:250px;z-index:1000}.header-left,.header-logo{align-items:center;display:flex}.header-logo{background:#0000;border:none;border-radius:0;box-shadow:none;cursor:pointer;height:110px;justify-content:center;margin-left:-50px;margin-right:20px;overflow:visible;padding:0;position:relative;transition:all .3s ease;width:450px;z-index:99999}.header-logo img{filter:brightness(1.1) contrast(1.2) drop-shadow(2px 2px 4px rgba(0,0,0,.3));height:100%;object-fit:contain;width:100%}.header-right{align-items:center;display:flex;max-width:none;min-width:0;overflow:visible;z-index:1050}.game-stats,.header-right{flex:1 1;flex-wrap:nowrap;gap:12px;justify-content:flex-end;position:relative}.game-stats{-ms-overflow-style:none;background:#0000!important;display:flex!important;max-width:100%;min-height:52px;overflow-x:visible;padding-right:10px;scrollbar-width:none;width:auto!important;z-index:1100}.game-stats::-webkit-scrollbar{display:none}.stat-group{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;border:2px solid #cbd5e1!important;border-radius:12px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014!important;display:flex!important;flex-shrink:0;height:60px;justify-content:center;min-width:95px;opacity:1!important;padding:10px 12px;position:relative!important;visibility:visible!important;z-index:1200!important}.stat-group:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important;border-color:#94a3b8!important;box-shadow:0 8px 25px #00000026,0 3px 10px #0000001a!important;transform:translateY(-2px) scale(1.02)}.stat-label{color:#64748b!important;display:block!important;letter-spacing:.05em;overflow:visible;text-overflow:ellipsis}.stat-label,.stat-value{opacity:1!important;visibility:visible!important;white-space:nowrap}.stat-value{color:#1e293b!important;font-size:18px;text-shadow:0 1px 2px #0000001a}.stat-value.unrealized-p-l{color:#16a34a!important;font-weight:700}.stat-value.unrealized-p-l:not([data-positive=true]){color:#dc2626!important;font-weight:700}.stat-divider{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:1px;height:30px;margin:0 4px}.profile-section{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;height:52px;padding:10px 14px;position:relative;transition:all .3s ease}.profile-avatar{align-items:center;background-color:#009632;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.profile-username{color:#333;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-arrow{color:#666;font-size:12px;transition:transform .3s ease}@media (max-width:1024px){.header-left{min-width:200px}.game-stats{gap:8px}.stat-group{height:55px;min-width:80px;padding:8px}.stat-value{font-size:16px}}@media (max-width:768px){.top-bar{gap:8px;min-height:70px;padding:8px 15px}.header-logo{background:#0000;border:none;box-shadow:none;height:95px;margin-left:-40px;margin-right:15px;overflow:visible;padding:0;position:relative;width:360px;z-index:99999}.header-logo img{height:100%;object-fit:contain;width:100%}.header-right{gap:10px}.game-stats{-ms-overflow-style:none;flex-wrap:nowrap;gap:8px;justify-content:center;max-width:100%;overflow-x:auto;scrollbar-width:none}.game-stats::-webkit-scrollbar{display:none}.stat-group{flex-shrink:0;height:50px;min-width:75px;padding:6px 8px}.stat-label{font-size:9px}.stat-value{font-size:13px}.stat-divider{display:none}.profile-section{gap:4px;min-width:80px;padding:6px 8px}.profile-avatar{font-size:12px;height:28px;width:28px}.profile-username{font-size:12px;max-width:60px}.profile-arrow{font-size:10px}}@media (max-width:480px){.top-bar{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:6px;min-height:60px;padding:6px 10px}.game-stats{-ms-overflow-style:none;flex-wrap:nowrap;gap:3px;overflow-x:auto;padding:0 2px;scrollbar-width:none}.stat-group{flex-shrink:0;min-width:60px;padding:2px 4px}.stat-label{font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value{font-size:10px;white-space:nowrap}.header-left{justify-content:center;min-width:120px}.header-logo{background:#0000;border:none;box-shadow:none;height:80px;margin-left:-25px;margin-right:10px;overflow:visible;padding:0;position:relative;width:280px;z-index:99999}.header-logo img{height:100%;object-fit:contain;width:100%}.header-right{justify-content:center;width:100%}.game-stats{gap:5px;justify-content:space-around;width:100%}.stat-group{min-width:50px;padding:1px 3px}.stat-label{font-size:9px}.stat-value{font-size:12px}.profile-username{display:none}.profile-section{align-self:flex-end;min-width:50px}}@media (max-width:320px){.game-stats{flex-wrap:wrap;gap:2px;justify-content:center}.stat-group{flex:1 1;max-width:70px;min-width:55px}.stat-label{font-size:7px}.stat-value{font-size:10px}}.portfolio-details-popup{animation:slideDown .3s ease-out}@media (max-width:768px){.portfolio-details-popup{max-height:70vh!important;padding:16px!important}.portfolio-summary{gap:12px!important;grid-template-columns:1fr 1fr!important}.position-metrics,.positions-grid{grid-template-columns:1fr!important}.position-metrics{gap:4px!important}}.game-guide-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000f2;bottom:0;display:flex;font-family:Arial Black,Impact,Franklin Gothic Medium,Arial Narrow,sans-serif;justify-content:center;left:0;padding:env(safe-area-inset-top,20px) 20px env(safe-area-inset-bottom,20px);position:fixed;right:0;top:0;z-index:10000}.game-guide-container{background:#fff;border:5px solid #000;border-radius:8px;box-shadow:12px 12px 0 #000,24px 24px 0 #333;display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:420px;overflow:hidden;position:relative;transform:rotate(-1deg);width:100%}.guide-progress-bar{background:#000;border-bottom:3px solid #333;height:8px;overflow:hidden;position:relative}.guide-progress-fill{animation:pulse 2s infinite;background:linear-gradient(90deg,#d72638,#ff4757);box-shadow:0 0 10px #d7263880;height:100%;transition:width .4s ease-out}.guide-header{background:#000;border-bottom:3px solid #333;color:#fff;padding:12px 16px}.guide-step-counter{-webkit-text-stroke:1px #000;font-size:16px;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,2px 2px 4px #000c}.guide-skip-btn,.guide-step-counter{font-weight:900;letter-spacing:.1em;text-transform:uppercase}.guide-skip-btn{background:#d72638;border:2px solid #fff;box-shadow:3px 3px 0 #333;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transform:skew(-3deg);transition:all .1s ease}.guide-skip-btn:hover{background:#fff;border:2px solid #d72638;box-shadow:5px 5px 0 #333;color:#d72638;transform:skew(-3deg) translate(-2px,-2px)}.guide-content{background:#d72638;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;transition:background .5s ease}.guide-content,.guide-mascot{display:flex;position:relative}.guide-mascot{align-items:center;flex:1 1;justify-content:center;padding:20px;transition:all .5s ease}.guide-mascot.entering{animation:bullEntrance 1s ease-out}.mascot-container{max-width:100%;position:relative}.mascot-image{align-items:center!important;animation:float 3s ease-in-out infinite;display:flex!important;justify-content:center!important;margin:0 auto 20px;position:relative;z-index:100}.mascot-image,.mascot-image img{height:100px!important;width:100px!important}.mascot-image img{display:block!important;filter:drop-shadow(4px 4px 0 #000000);object-fit:contain!important}.mascot-speech-bubble{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff;border:5px solid #000;border-radius:0;box-shadow:10px 10px 0 #333;display:flex;margin:16px 12px;max-width:380px;min-height:320px;padding:28px;position:relative;transform:skew(-2deg)}.mascot-speech-bubble:before{border-bottom:12px solid #000;border-left:12px solid #0000;border-right:12px solid #0000;left:30px;top:-12px}.mascot-speech-bubble:after,.mascot-speech-bubble:before{content:"";height:0;position:absolute;transform:skew(10deg);width:0}.mascot-speech-bubble:after{border-bottom:10px solid #fff;border-left:10px solid #0000;border-right:10px solid #0000;left:32px;top:-8px}.speech-bubble-content{text-align:center;width:100%}.guide-icon{filter:drop-shadow(2px 2px 0 #333333);font-size:32px;margin-bottom:12px}.guide-title{-webkit-text-stroke:3px #000;-webkit-font-smoothing:antialiased;background:linear-gradient(45deg,gold,orange);border:5px solid #000;border-radius:12px;box-shadow:8px 8px 0 #333;font-size:28px;letter-spacing:.12em;line-height:1.3;margin:0 0 12px;padding:12px 18px;text-shadow:4px 4px 0 #fff,-3px -3px 0 #fff,3px -3px 0 #fff,-3px 3px 0 #fff,6px 6px 12px #ffffffe6}.guide-subtitle,.guide-title{color:#d72638!important;display:inline-block;font-family:Arial Black,Arial,sans-serif;font-weight:900;text-transform:uppercase}.guide-subtitle{-webkit-text-stroke:2px #000;background:gold;border:4px solid #000;border-radius:8px;box-shadow:6px 6px 0 #333;font-size:20px;letter-spacing:.08em;line-height:1.4;margin:0 0 20px;padding:10px 16px;text-shadow:3px 3px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,4px 4px 8px #fffc}.guide-text{-webkit-text-stroke:1.5px #000;-webkit-font-smoothing:antialiased;background:#fff;border:5px solid #000;border-radius:16px;box-shadow:8px 8px 0 #333;color:#000!important;font-family:Arial Black,Arial,sans-serif;font-size:20px!important;font-weight:900!important;letter-spacing:.05em;line-height:1.8!important;margin:0;padding:24px;text-align:left;text-shadow:2px 2px 0 gold,-2px -2px 0 gold,2px -2px 0 gold,-2px 2px 0 gold,4px 4px 8px #ffd700cc!important;word-spacing:.1em}.guide-text ul{list-style:none;margin:16px 0;padding-left:0}.guide-text li{-webkit-text-stroke:1px #000;-webkit-font-smoothing:antialiased;font-size:19px!important;font-weight:900!important;line-height:1.6!important;margin:12px 0;padding-left:0;text-shadow:2px 2px 0 gold,-2px -2px 0 gold,2px -2px 0 gold,-2px 2px 0 gold,3px 3px 6px #ffd70099!important}.guide-text li:before{-webkit-text-stroke:1px #000;color:#d72638;content:"●";font-size:20px;font-weight:900;margin-right:12px;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.guide-icon{filter:drop-shadow(3px 3px 0 #000000);font-size:36px;margin-bottom:16px;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}.guide-navigation{background:#000;border-top:4px solid #fff;gap:12px;padding:16px;position:relative;z-index:10}.guide-nav-btn{-webkit-text-stroke:.5px #000;background:#fff;border:4px solid #000;box-shadow:6px 6px 0 #333;color:#000;cursor:pointer;font-family:Arial Black,Arial,sans-serif;font-size:13px;font-weight:900;letter-spacing:.1em;min-width:80px;padding:12px 16px;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;text-transform:uppercase;transform:skew(-2deg);transition:all .1s ease}.guide-nav-btn:hover:not(:disabled){background:#d72638;border:3px solid #fff;box-shadow:6px 6px 0 #333;color:#fff;transform:skew(-2deg) translate(-2px,-2px)}.guide-nav-btn:disabled{cursor:not-allowed;opacity:.5}.guide-nav-btn.next{background:#d72638!important;border:3px solid #fff!important;color:#fff!important;display:block!important;opacity:1!important;visibility:visible!important}.guide-nav-btn.next:hover{background:#fff!important;border:3px solid #d72638!important;color:#d72638!important}.guide-dots{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center}.guide-dot{background:#333;border:2px solid #fff;border-radius:0;cursor:pointer;height:12px;transform:rotate(45deg);transition:all .2s ease;width:12px}.guide-dot.active{background:#d72638;box-shadow:0 0 8px #d72638cc;transform:rotate(45deg) scale(1.2)}.guide-dot.completed{background:#10b981;border-color:#10b981}.guide-fun-facts{animation:slideInRight 1s ease-out 1.5s both;bottom:100px;position:absolute;right:-280px;width:260px;z-index:1}.fun-fact-card{align-items:flex-start;background:#000;border:3px solid #fff;box-shadow:6px 6px 0 #333;color:#fff;display:flex;gap:12px;padding:16px;transform:skew(-3deg)}.fun-fact-icon{filter:drop-shadow(2px 2px 0 #333333);flex-shrink:0;font-size:24px}.fun-fact-text{font-size:12px;font-weight:700;letter-spacing:.05em;line-height:1.4;text-transform:uppercase}.guide-mascot.left{justify-content:flex-start}.guide-mascot.right{justify-content:flex-end}.guide-mascot.center{justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bullEntrance{0%{opacity:0;transform:scale(0) rotate(180deg)}50%{opacity:1;transform:scale(1.2) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.game-guide-overlay{padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}.game-guide-container{border:none;border-radius:0;box-shadow:none;height:100vh;margin-top:env(safe-area-inset-top,0);max-height:calc(100vh - env(safe-area-inset-top, 0) - env(safe-area-inset-bottom, 0));max-width:100%;transform:none}.guide-content{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:thin}.mascot-image{height:90px!important;width:90px!important}.guide-title{-webkit-text-stroke:2.5px #000;font-size:24px!important;line-height:1.2!important;padding:10px 16px!important;text-shadow:3px 3px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,5px 5px 10px #ffffffe6}.guide-subtitle{-webkit-text-stroke:1.5px #000;background:gold!important;color:#d72638!important;font-size:18px!important;padding:8px 14px!important;text-shadow:2px 2px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,3px 3px 6px #fffc}.guide-text{-webkit-text-stroke:1.2px #000;font-size:19px!important;letter-spacing:.04em;line-height:1.8!important;padding:20px!important;text-shadow:2px 2px 0 gold,-2px -2px 0 gold,2px -2px 0 gold,-2px 2px 0 gold,4px 4px 8px #ffd700cc!important;word-spacing:.08em}.guide-text,.guide-text li{-webkit-font-smoothing:antialiased;font-weight:900!important}.guide-text li{-webkit-text-stroke:1px #000;font-size:18px!important;margin:10px 0!important;text-shadow:2px 2px 0 gold,-2px -2px 0 gold,2px -2px 0 gold,-2px 2px 0 gold!important}.guide-text li:before{font-size:18px!important;margin-right:10px!important}.guide-fun-facts{display:none}.mascot-speech-bubble{margin:calc(12px + env(safe-area-inset-top, 0)) 8px 12px;max-width:90%;min-height:280px;padding:22px}.guide-navigation{background:#000;bottom:0;padding:12px;position:sticky;z-index:100}.guide-nav-btn{font-size:11px;min-width:70px;padding:10px 14px}}@media (max-height:600px){.mascot-speech-bubble{min-height:200px;padding:12px}.guide-title{font-size:16px}.guide-text{font-size:12px}}.net-worth-draggable{-webkit-touch-callout:none;overflow:visible;position:relative;touch-action:none;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none}.net-worth-draggable:hover{box-shadow:4px 5px 0 #333!important;transform:translateY(-1px)!important}.net-worth-draggable.dragging{background:linear-gradient(135deg,#f0f0f0,#e0e0e0)!important;border-color:#3b82f6!important;box-shadow:6px 6px 12px #0000004d!important;transform:scale(1.05) rotate(2deg)!important;z-index:9999!important}.drag-instructions{background:#000;border:1px solid #333;border-radius:4px;color:#fff;font-family:Arial Black,sans-serif;font-size:8px;font-weight:600;letter-spacing:.5px;opacity:0;padding:4px 8px;pointer-events:none;text-transform:uppercase;top:-35px;transition:opacity .3s ease;white-space:nowrap;z-index:10000}.drag-instructions,.drag-instructions:after{left:50%;position:absolute;transform:translateX(-50%)}.drag-instructions:after{border:4px solid #0000;border-top-color:#000;content:"";top:100%}.net-worth-draggable:hover .drag-instructions{animation:pulse-glow 2s infinite;opacity:1}.floating-ai-assistant.drag-over{border:3px solid #3b82f6!important;box-shadow:0 0 20px #3b82f699!important;transform:scale(1.1)!important}.floating-ai-assistant.drag-over .icon-container{animation:bounce-highlight .5s infinite alternate!important;background:linear-gradient(135deg,#3b82f6,#1e40af)!important}@keyframes pulse-glow{0%,to{opacity:1;text-shadow:0 0 5px #fffc}50%{opacity:.7;text-shadow:0 0 10px #fff}}@keyframes bounce-highlight{0%{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.05)}}@keyframes drag-ghost{0%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.1) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@media (max-width:768px){.net-worth-draggable:active{animation:drag-ghost .3s ease-in-out}.drag-instructions{font-size:9px;padding:6px 10px;top:-40px}}.drop-success{animation:drop-success-flash .6s ease-out}@keyframes drop-success-flash{0%{background:#10b981!important;transform:scale(1.1)}50%{background:#059669!important;box-shadow:0 0 15px #10b981cc!important;transform:scale(1.15)}to{background:#fff!important;box-shadow:3px 3px 0 #333!important;transform:scale(1)}}.floating-ai-assistant[data-ai-assistant=true]{transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-ai-assistant[data-ai-assistant=true]:hover{box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.floating-ai-assistant .icon-container{overflow:visible;position:relative}.floating-ai-assistant .icon-container:before{background:#1f2937;border-radius:4px;color:#fff;content:"Drop here for explanations";font-family:Arial Black,sans-serif;font-size:8px;font-weight:600;left:50%;letter-spacing:.3px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;text-transform:uppercase;top:-35px;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:10001}.floating-ai-assistant:hover .icon-container:before{opacity:1}.financial-processing{position:relative}.financial-processing:after{animation:loading-dots 1s infinite;background:#3b82f6;border-radius:50%;content:"";height:8px;position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:8px}@keyframes loading-dots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.mobile-layout{background-color:#000;background-color:var(--black,#000);color:#fff;color:var(--white,#fff);display:flex;flex-direction:column;height:100vh}.mobile-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:80px}.bottom-nav{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-top:2px solid #fff;border-top:2px solid var(--white,#fff);bottom:0;box-shadow:0 -4px 20px #00000080;display:flex;left:0;padding:8px 0;position:fixed;right:0;z-index:1000}.nav-tab{align-items:center;background:none;border:none;color:#fff;color:var(--white,#fff);cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:64px;padding:8px 4px;text-decoration:none;transition:all .3s ease}.nav-tab:hover{background:#ffffff1a}.nav-tab.active{background:linear-gradient(135deg,#0ff,#0f0);background:linear-gradient(135deg,var(--neon-cyan,#0ff) 0,var(--neon-lime,#0f0) 100%);color:#000;color:var(--black,#000);font-weight:700}.tab-icon{font-size:24px;margin-bottom:4px;transition:transform .3s ease}.nav-tab.active .tab-icon{transform:scale(1.2)}.tab-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mobile-header{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:2px solid #fff;border-bottom:2px solid var(--white,#fff);display:flex;justify-content:space-between;min-height:60px;padding:12px 16px;position:sticky;top:0;z-index:999}.mobile-header-title{color:#0ff;color:var(--neon-cyan,#0ff);flex:1 1;font-size:18px;font-weight:700;letter-spacing:1px;text-align:left;text-transform:uppercase}.mobile-header-stats{display:flex;font-size:12px;gap:8px}.mobile-stat{background:#ffffff1a;border:1px solid #0f0;border:1px solid var(--neon-lime,#0f0);border-radius:12px;padding:4px 8px}.mobile-header-desktop-style{background:#000!important;border-bottom:4px solid #fff!important;display:flex!important;left:0!important;min-height:60px!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}@media (max-width:480px){.mobile-header{min-height:56px;padding:8px 12px}.mobile-header-title{font-size:16px}.mobile-header button{font-size:11px;padding:4px 8px}.mobile-header-desktop-style{min-height:56px!important;padding:8px 12px!important}}@media (max-width:768px){.header-container,.sidebar-toggle{display:none!important}.main-content{margin-top:0!important}.dashboard-content,.main-content{padding-top:90px!important}.w-full.mt-\[90px\]{margin-top:90px!important}.dashboard-container{padding-top:90px!important}}.mobile-card{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid #fff;border:2px solid var(--white,#fff);border-radius:12px;box-shadow:0 4px 16px #0000004d;margin:8px 16px;padding:16px}.mobile-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mobile-card-title{font-size:16px}.mobile-card-action,.mobile-card-title{color:#000;font-weight:700;text-transform:uppercase}.mobile-card-action{background:#0f0;background:var(--neon-lime,#0f0);border:none;border-radius:20px;color:var(--black,#000);cursor:pointer;font-size:12px;letter-spacing:.5px;padding:6px 12px}.mobile-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:16px}.mobile-grid-item{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid #fff;border:2px solid var(--white,#fff);border-radius:12px;cursor:pointer;padding:16px;text-align:center;transition:all .3s ease}.mobile-grid-item:hover{box-shadow:0 6px 20px #00ffff4d;transform:translateY(-2px)}.mobile-grid-icon{display:block;font-size:32px;margin-bottom:8px}.mobile-grid-title{color:#0ff;color:var(--neon-cyan,#0ff);font-size:14px;font-weight:700;margin-bottom:4px}.mobile-grid-subtitle{color:#fff;color:var(--white,#fff);font-size:12px;opacity:.8}.mobile-full-screen{background:#000;background:var(--black,#000);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1001}.mobile-full-screen-header{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:2px solid #fff;border-bottom:2px solid var(--white,#fff);display:flex;justify-content:space-between;padding:12px 16px}.mobile-back-button{align-items:center;background:#000;border:3px solid #fff;border-radius:0;box-shadow:3px 3px 0 #333;cursor:pointer;display:flex;height:36px;justify-content:center;margin-right:12px;padding:6px;transform:rotate(3deg);transition:all .1s ease;width:36px}.mobile-back-button img{height:100%;object-fit:contain;width:100%}.mobile-full-screen-title{color:#0ff;color:var(--neon-cyan,#0ff);flex:1 1;font-size:18px;font-weight:700;text-align:center;text-transform:uppercase}.mobile-full-screen-content{flex:1 1;overflow-y:auto;padding:16px}@media (max-width:768px){.mobile-layout{display:flex}.desktop-only{display:none!important}.mobile-only{display:block!important}body{overflow-x:hidden}.dashboard-container,.main-content{padding-top:0!important}.main-content{margin-top:0!important}}@media (min-width:769px){.mobile-layout{display:none}.desktop-only{display:block!important}.mobile-only{display:none!important}}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.mobile-slide-up{animation:slideUpFromBottom .3s ease-out}.mobile-slide-in{animation:slideInFromRight .3s ease-out}.mobile-button{background:linear-gradient(135deg,#0ff,#0f0);background:linear-gradient(135deg,var(--neon-cyan,#0ff) 0,var(--neon-lime,#0f0) 100%);border:2px solid #0ff;border:2px solid var(--neon-cyan,#0ff);border-radius:24px;box-shadow:0 4px 16px #00ffff4d;color:#000;color:var(--black,#000);cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;min-height:48px;min-width:48px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.mobile-button:hover{box-shadow:0 6px 20px #00ffff80;transform:translateY(-2px)}.mobile-button:active{box-shadow:0 2px 8px #00ffff4d;transform:translateY(0)}.mobile-ai-button{align-items:center;background:linear-gradient(135deg,#0ff,#0f0);background:linear-gradient(135deg,var(--neon-cyan,#0ff) 0,var(--neon-lime,#0f0) 100%);border:2px solid #fff;border:2px solid var(--white,#fff);border-radius:50%;bottom:88px;box-shadow:0 4px 16px #00ffff80;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:16px;transition:all .3s ease;width:56px;z-index:999}.mobile-ai-button:hover{box-shadow:0 6px 20px #00ffffb3;transform:scale(1.1)}:root{--dark-gray:#111;--medium-gray:#333;--neon-pink:#ff0080;--neon-cyan:#0ff;--neon-lime:#0f0;--neon-yellow:#ff0;--neon-orange:#ff4500;--neon-purple:#8a2be2;--font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-thin:300;--text-xs:10px;--text-sm:12px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:48px;--text-4xl:64px;--text-5xl:72px;--text-6xl:96px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--transition:0.2s ease-out}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family);line-height:1.2}.dashboard-container{background-color:var(--white);display:flex;min-height:100vh}.sidebar{background-color:#111;background-color:var(--dark-gray);border-right:3px solid #0ff;border-right:3px solid var(--neon-cyan);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;width:var(--sidebar-width);z-index:100}.sidebar-header{border-bottom:2px solid #ff0080;border-bottom:2px solid var(--neon-pink);padding:32px;padding:var(--space-xl)}.sidebar-logo{color:#ff0080;color:var(--neon-pink);font-size:32px;font-size:var(--text-2xl);font-weight:900;font-weight:var(--font-black);letter-spacing:.1em;margin-bottom:8px;margin-bottom:var(--space-sm);text-transform:uppercase}.sidebar-subtitle{color:#fff;color:var(--white);font-size:10px;font-size:var(--text-xs);font-weight:700;font-weight:var(--font-bold);letter-spacing:.15em;text-transform:uppercase}.sidebar-nav{flex:1 1;padding:32px 0;padding:var(--space-xl) 0}.nav-section{margin-bottom:48px;margin-bottom:var(--space-2xl)}.nav-section-title{border-left:3px solid #0f0;border-left:3px solid var(--neon-lime);color:#0f0;color:var(--neon-lime);font-size:10px;font-size:var(--text-xs);font-weight:900;font-weight:var(--font-black);letter-spacing:.2em;margin-bottom:24px;margin-bottom:var(--space-lg);padding:0 32px;padding:0 var(--space-xl);padding-left:16px;padding-left:var(--space-md);text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:16px;font-size:var(--text-base);font-weight:700;font-weight:var(--font-bold);letter-spacing:.05em;padding:16px 32px;padding:var(--space-md) var(--space-xl);text-decoration:none;text-transform:uppercase;transition:all .2s ease-out;transition:all var(--transition);width:100%}.nav-item:hover{border-left-color:#0ff;border-left-color:var(--neon-cyan);color:#0ff;color:var(--neon-cyan)}.nav-item.active,.nav-item:hover{background-color:#333;background-color:var(--medium-gray)}.nav-item.active{border-left-color:#ff0080;border-left-color:var(--neon-pink);color:#ff0080;color:var(--neon-pink)}.nav-icon{background-color:#000;background-color:var(--black);border:1px solid #0ff;border:1px solid var(--neon-cyan);border-radius:2px;color:#0ff;color:var(--neon-cyan);font-size:10px;font-size:var(--text-xs);font-weight:900;font-weight:var(--font-black);letter-spacing:.1em;margin-right:16px;margin-right:var(--space-md);padding:4px;padding:var(--space-xs);text-align:center;width:40px}.sidebar-footer{border-top:2px solid #fff;border-top:2px solid var(--white);padding:32px;padding:var(--space-xl)}.user-info{text-align:center}.user-avatar{align-items:center;background:linear-gradient(45deg,#ff0080,#0ff);background:linear-gradient(45deg,var(--neon-pink),var(--neon-cyan));border-radius:50%;color:#000;color:var(--black);display:flex;font-size:24px;font-size:var(--text-xl);font-weight:900;height:60px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--space-md);width:60px}.user-avatar,.user-name{font-weight:var(--font-black)}.user-name{color:var(--white);font-size:16px;font-size:var(--text-base);margin-bottom:4px;margin-bottom:var(--space-xs)}.user-level{color:#0f0;color:var(--neon-lime);font-size:12px;font-size:var(--text-sm);font-weight:700;font-weight:var(--font-bold);text-transform:uppercase}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px;margin-left:var(--sidebar-width)}.top-bar{align-items:center;background-color:#000;background-color:var(--black);border-bottom:3px solid #ff0;border-bottom:3px solid var(--neon-yellow);display:flex;height:80px;height:var(--topbar-height);justify-content:space-between;padding:0 48px;padding:0 var(--space-2xl);position:sticky;top:0;z-index:50}.page-title{color:var(--white);font-size:48px;font-size:var(--text-3xl);font-weight:var(--font-black);letter-spacing:-.02em}.sidebar-toggle{background:none;border:none;color:#fff;color:var(--white);cursor:pointer;display:none;font-size:32px;font-size:var(--text-2xl);margin-right:16px;margin-right:var(--space-md);padding:8px;padding:var(--space-sm);transition:color .2s ease-out;transition:color var(--transition)}.sidebar-toggle:hover{color:#0ff;color:var(--neon-cyan)}.mobile-overlay{display:none}.game-stats{gap:48px;gap:var(--space-2xl)}.game-stats,.stat-group{align-items:center;display:flex}.stat-group{flex-direction:column;text-align:center}.stat-label{color:#fff;color:var(--white);font-size:10px;font-size:var(--text-xs);font-weight:900;font-weight:var(--font-black);margin-bottom:var(--space-xs)}.stat-value{font-size:24px;font-size:var(--text-xl);font-weight:var(--font-black)}.stat-value,.stat-value.cash{color:#0f0;color:var(--neon-lime)}.stat-value.savings{color:#0ff;color:var(--neon-cyan)}.stat-value.portfolio{color:#8a2be2;color:var(--neon-purple)}.stat-value.net-worth{color:#ff0;color:var(--neon-yellow)}.stat-value.loan{color:#ff4500;color:var(--neon-orange)}.stat-divider{height:40px;width:2px}.dashboard-content,.stat-divider{background-color:#fff;background-color:var(--white)}.dashboard-content{flex:1 1;overflow-y:auto}.dashboard-content,.level-section{padding:48px;padding:var(--space-2xl)}.level-section{background-color:#111;background-color:var(--dark-gray);border:3px solid #ff0080;border:3px solid var(--neon-pink);margin-bottom:64px;margin-bottom:var(--space-3xl)}.level-title{color:#ff0080;color:var(--neon-pink);font-size:96px;font-size:var(--text-6xl);font-weight:900;font-weight:var(--font-black);letter-spacing:-.03em;line-height:.8;margin-bottom:16px;margin-bottom:var(--space-md);text-transform:uppercase}.level-subtitle{color:#fff;color:var(--white);font-size:20px;font-size:var(--text-lg);font-weight:300;font-weight:var(--font-thin);letter-spacing:.05em;margin-bottom:32px;margin-bottom:var(--space-xl);text-transform:uppercase}.xp-progress{align-items:center;display:flex;gap:24px;gap:var(--space-lg)}.xp-bar-container{background-color:#000;background-color:var(--black);border:2px solid #fff;border:2px solid var(--white);flex:1 1;height:8px;position:relative}.xp-bar-fill{background:linear-gradient(90deg,#ff0080,#0ff);background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));height:100%;transition:width .2s ease-out;transition:width var(--transition)}.xp-text{color:#0ff;color:var(--neon-cyan);font-size:20px;font-size:var(--text-lg);font-weight:900;font-weight:var(--font-black);text-transform:uppercase}.financial-overview{grid-gap:32px;grid-gap:var(--space-xl);display:grid;gap:32px;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:64px;margin-bottom:var(--space-3xl)}.financial-block,.financial-overview{background-color:#fff;background-color:var(--white)}.financial-block{border:2px solid #333;border:2px solid var(--medium-gray);cursor:pointer;padding:32px;padding:var(--space-xl);transition:all .2s ease-out;transition:all var(--transition)}.financial-block:hover{background-color:#333;background-color:var(--medium-gray);border-color:#0ff;border-color:var(--neon-cyan)}.financial-block.cash{border-color:#0f0;border-color:var(--neon-lime)}.financial-block.savings{border-color:#0ff;border-color:var(--neon-cyan)}.financial-block.portfolio{border-color:#8a2be2;border-color:var(--neon-purple)}.financial-block.loan{border-color:#ff4500;border-color:var(--neon-orange)}.financial-block:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.financial-block.cash:before,.financial-block:before{background-color:#0f0;background-color:var(--neon-lime)}.financial-block.savings:before{background-color:#0ff;background-color:var(--neon-cyan)}.financial-block.portfolio:before{background-color:#8a2be2;background-color:var(--neon-purple)}.financial-block.loan:before{background-color:#ff4500;background-color:var(--neon-orange)}.financial-label{font-size:12px;font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase}.financial-amount,.financial-label{color:#000;color:var(--black);font-weight:900;font-weight:var(--font-black);margin-bottom:16px;margin-bottom:var(--space-md)}.financial-amount{font-size:64px;font-size:var(--text-4xl);line-height:.9}.financial-detail{color:#000;color:var(--black);font-size:16px;font-size:var(--text-base);font-weight:300;font-weight:var(--font-thin);line-height:1.4}.section-header{border-top:3px solid #fff;border-top:3px solid var(--white);margin:64px 0 32px;margin:var(--space-3xl) 0 var(--space-xl) 0;padding-top:32px;padding-top:var(--space-xl)}.section-title{color:#000;color:var(--black);font-size:48px;font-size:var(--text-3xl);font-weight:900;font-weight:var(--font-black);letter-spacing:-.01em;margin-bottom:16px;margin-bottom:var(--space-md);text-transform:uppercase}.section-subtitle{color:#0ff;color:var(--neon-cyan);font-size:16px;font-size:var(--text-base);font-weight:300;font-weight:var(--font-thin);letter-spacing:.05em}.investment-grid{grid-gap:var(--space-xl);gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:64px;margin-bottom:var(--space-3xl)}.investment-grid,.investment-item{background-color:#fff;background-color:var(--white)}.investment-item{border:2px solid #333;border:2px solid var(--medium-gray);padding:32px;padding:var(--space-xl);transition:all .2s ease-out;transition:all var(--transition)}.investment-item:hover{background-color:#333;background-color:var(--medium-gray);border-color:#ff0080;border-color:var(--neon-pink)}.investment-item:after{background-color:#0f0;background-color:var(--neon-lime);bottom:0;height:4px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .2s ease-out;transition:transform var(--transition)}.investment-item:hover:after{transform:scaleX(1)}.investment-item.stocks:after{background-color:#ff0080;background-color:var(--neon-pink)}.investment-item.etfs:after{background-color:#0ff;background-color:var(--neon-cyan)}.investment-item.crypto:after{background-color:#ff0;background-color:var(--neon-yellow)}.investment-item.bonds:after{background-color:#0f0;background-color:var(--neon-lime)}.investment-name{color:#000;color:var(--black);font-size:32px;font-size:var(--text-2xl);font-weight:900;font-weight:var(--font-black);letter-spacing:-.01em;margin-bottom:var(--space-md);text-transform:uppercase}.investment-description{color:#000;color:var(--black);font-size:var(--text-base);font-weight:300;font-weight:var(--font-thin);line-height:1.4}.investment-description,.investment-risk{margin-bottom:16px;margin-bottom:var(--space-md)}.investment-risk{color:#ff4500;color:var(--neon-orange);font-size:16px;letter-spacing:.05em;text-transform:uppercase}.investment-action,.investment-risk{font-size:var(--text-base);font-weight:700;font-weight:var(--font-bold)}.investment-action{background:none;border:none;color:#000;color:var(--black);text-decoration:underline;text-decoration-color:#0ff;text-decoration-color:var(--neon-cyan);text-underline-offset:4px;transition:all .2s ease-out;transition:all var(--transition)}.investment-action:hover{color:#0ff;color:var(--neon-cyan)}.learning-grid{grid-gap:32px;grid-gap:var(--space-xl);display:grid;gap:32px;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.learning-grid,.learning-item{background-color:#fff;background-color:var(--white)}.learning-item{border:2px solid #333;border:2px solid var(--medium-gray);padding:32px;padding:var(--space-xl);transition:all .2s ease-out;transition:all var(--transition)}.learning-item:hover{background-color:#333;background-color:var(--medium-gray);border-color:#0f0;border-color:var(--neon-lime)}.learning-title{color:#000;color:var(--black);font-size:24px;font-size:var(--text-xl);font-weight:900;font-weight:var(--font-black);margin-bottom:16px;margin-bottom:var(--space-md);text-transform:uppercase}.learning-description{color:#000;color:var(--black);font-size:16px;font-size:var(--text-base);font-weight:300;font-weight:var(--font-thin);line-height:1.4;margin-bottom:24px;margin-bottom:var(--space-lg)}.learning-action{background:none;border:none;color:#0f0;color:var(--neon-lime);cursor:pointer;font-size:12px;font-size:var(--text-sm);font-weight:700;font-weight:var(--font-bold);text-decoration:underline;text-decoration-color:#0f0;text-decoration-color:var(--neon-lime);text-transform:uppercase;text-underline-offset:3px;transition:all .2s ease-out;transition:all var(--transition)}.learning-action:hover{color:#fff;color:var(--white)}.modal-overlay{background-color:#000000f2}.loan-modal{background-color:#000;background-color:var(--black);border:4px solid #ff4500;border:4px solid var(--neon-orange);max-width:600px;padding:64px;padding:var(--space-3xl);position:relative;width:90%}.modal-close{color:#fff;color:var(--white);font-size:32px;font-size:var(--text-2xl);font-weight:900;font-weight:var(--font-black);right:24px;right:var(--space-lg);top:24px;top:var(--space-lg);transition:color .2s ease-out;transition:color var(--transition)}.modal-close:hover,.modal-title{color:#ff4500;color:var(--neon-orange)}.modal-title{font-size:48px;font-size:var(--text-3xl);font-weight:900;font-weight:var(--font-black);margin-bottom:24px;margin-bottom:var(--space-lg);text-transform:uppercase}.modal-description{color:#fff;color:var(--white);font-size:16px;font-size:var(--text-base);font-weight:300;font-weight:var(--font-thin);line-height:1.4}.loan-input-section,.modal-description{margin-bottom:48px;margin-bottom:var(--space-2xl)}.loan-label{display:block;font-size:12px;font-size:var(--text-sm);letter-spacing:.1em;margin-bottom:16px;margin-bottom:var(--space-md);text-transform:uppercase}.loan-input,.loan-label{color:#fff;color:var(--white);font-weight:700;font-weight:var(--font-bold)}.loan-input{background-color:#000;background-color:var(--black);border:2px solid #fff;border:2px solid var(--white);font-size:32px;font-size:var(--text-2xl);padding:24px;padding:var(--space-lg);text-align:center;width:100%}.loan-input:focus{border-color:#ff4500;border-color:var(--neon-orange);outline:none}.loan-details{border:1px solid #fff;border:1px solid var(--white);margin-top:24px;margin-top:var(--space-lg);padding:24px;padding:var(--space-lg)}.loan-detail-row{display:flex;font-size:16px;font-size:var(--text-base);justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-sm)}.loan-detail-row:last-child{margin-bottom:0}.modal-actions{display:flex;gap:24px;gap:var(--space-lg)}.modal-button{background-color:#000;background-color:var(--black);border:2px solid #fff;border:2px solid var(--white);color:#fff;color:var(--white);cursor:pointer;flex:1 1;font-size:16px;font-size:var(--text-base);font-weight:700;font-weight:var(--font-bold);padding:24px;padding:var(--space-lg);text-transform:uppercase;transition:all .2s ease-out;transition:all var(--transition)}.modal-button:hover{background-color:#fff;background-color:var(--white);color:#000;color:var(--black)}.modal-button.primary{border-color:#ff4500;border-color:var(--neon-orange);color:#ff4500;color:var(--neon-orange)}.modal-button.primary:hover{background-color:#ff4500;background-color:var(--neon-orange);color:#000;color:var(--black)}.modal-button:disabled{cursor:not-allowed;opacity:.5}.game-guide-banner{background-color:#000;background-color:var(--black);border:3px solid #0ff;border:3px solid var(--neon-cyan);margin-bottom:48px;margin-bottom:var(--space-2xl);transition:all .2s ease-out;transition:all var(--transition)}.game-guide-banner.expanded{background-color:#111;background-color:var(--dark-gray);border-color:#0f0;border-color:var(--neon-lime)}.guide-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:32px;padding:var(--space-xl);transition:all .2s ease-out;transition:all var(--transition)}.guide-header:hover{background-color:#333;background-color:var(--medium-gray)}.guide-title{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.guide-icon{font-size:48px;font-size:var(--text-3xl)}.guide-text{color:#fff;color:var(--white);font-size:32px;font-size:var(--text-2xl);font-weight:900;font-weight:var(--font-black);text-transform:uppercase}.guide-level{color:#0ff;color:var(--neon-cyan);font-size:16px;font-size:var(--text-base);font-weight:700;font-weight:var(--font-bold);margin-left:16px;margin-left:var(--space-md);text-transform:uppercase}.guide-toggle{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.toggle-text{color:#0f0;color:var(--neon-lime);font-size:16px;font-size:var(--text-base);font-weight:700;font-weight:var(--font-bold);text-transform:uppercase}.toggle-arrow{color:#0ff;color:var(--neon-cyan);font-size:24px;font-size:var(--text-xl);transition:transform .2s ease-out;transition:transform var(--transition)}.guide-content{padding:0 32px 32px;padding:0 var(--space-xl) var(--space-xl)}.guide-progress{margin-bottom:32px;margin-bottom:var(--space-xl)}.progress-indicator{color:#fff;color:var(--white);font-size:12px;font-size:var(--text-sm);font-weight:700;font-weight:var(--font-bold);margin-bottom:16px;margin-bottom:var(--space-md);text-align:center;text-transform:uppercase}.progress-bar{background-color:#333;background-color:var(--medium-gray);border:2px solid #fff;border:2px solid var(--white);height:8px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#0ff,#0f0);background:linear-gradient(90deg,var(--neon-cyan) 0,var(--neon-lime) 100%);height:100%;transition:width .2s ease-out;transition:width var(--transition)}.guide-step{background-color:#000;background-color:var(--black);border:2px solid #0f0;border:2px solid var(--neon-lime);margin-bottom:32px;margin-bottom:var(--space-xl);padding:32px;padding:var(--space-xl)}.step-title{color:#fff;color:var(--white);font-size:24px;font-size:var(--text-xl);font-weight:900;font-weight:var(--font-black);margin-bottom:16px;margin-bottom:var(--space-md)}.step-content{color:#fff;color:var(--white);line-height:1.6;margin-bottom:24px;margin-bottom:var(--space-lg)}.step-content,.step-tip{font-size:16px;font-size:var(--text-base);font-weight:400;font-weight:var(--font-regular)}.step-tip{background-color:#333;background-color:var(--medium-gray);border-left:4px solid #ff0;border-left:4px solid var(--neon-yellow);color:#ff0;color:var(--neon-yellow);padding:16px;padding:var(--space-md)}.guide-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-xl)}.nav-button{background-color:#000;background-color:var(--black);border:2px solid #fff;border:2px solid var(--white);color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-size:var(--text-base);font-weight:700;font-weight:var(--font-bold);padding:16px 24px;padding:var(--space-md) var(--space-lg);text-transform:uppercase;transition:all .2s ease-out;transition:all var(--transition)}.nav-button:hover:not(:disabled){background-color:#fff;background-color:var(--white);color:#000;color:var(--black)}.nav-button:disabled{cursor:not-allowed;opacity:.3}.nav-button.prev{border-color:#ff0080;border-color:var(--neon-pink);color:#ff0080;color:var(--neon-pink)}.nav-button.prev:hover:not(:disabled){background-color:#ff0080;background-color:var(--neon-pink);color:#000;color:var(--black)}.nav-button.next{border-color:#0ff;border-color:var(--neon-cyan);color:#0ff;color:var(--neon-cyan)}.nav-button.next:hover:not(:disabled){background-color:#0ff;background-color:var(--neon-cyan);color:#000;color:var(--black)}.step-dots{display:flex;gap:16px;gap:var(--space-md)}.step-dot{background-color:#333;background-color:var(--medium-gray);border:2px solid #fff;border:2px solid var(--white);border-radius:50%;cursor:pointer;height:16px;transition:all .2s ease-out;transition:all var(--transition);width:16px}.step-dot.active{background-color:#0ff;background-color:var(--neon-cyan);border-color:#0ff;border-color:var(--neon-cyan);box-shadow:0 0 10px #0ff;box-shadow:0 0 10px var(--neon-cyan)}.step-dot.completed{background-color:#0f0;background-color:var(--neon-lime);border-color:#0f0;border-color:var(--neon-lime)}.guide-complete{background-color:#333;background-color:var(--medium-gray);border:3px solid #0f0;border:3px solid var(--neon-lime);padding:32px;padding:var(--space-xl);text-align:center}.complete-message{color:#0f0;color:var(--neon-lime);font-size:24px;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold);margin-bottom:24px;margin-bottom:var(--space-lg)}.start-investing-button{background:linear-gradient(45deg,#0f0,#0ff);background:linear-gradient(45deg,var(--neon-lime),var(--neon-cyan));border:none;box-shadow:0 0 20px #00ffff4d;color:#000;color:var(--black);cursor:pointer;font-size:20px;font-size:var(--text-lg);font-weight:900;font-weight:var(--font-black);padding:24px 48px;padding:var(--space-lg) var(--space-2xl);text-transform:uppercase;transition:all .2s ease-out;transition:all var(--transition)}.start-investing-button:hover{box-shadow:0 0 30px #00ffff80;transform:translateY(-2px)}@media (max-width:768px){.mobile-overlay{background-color:#000000b3;bottom:0;display:block!important;right:0;z-index:999}.mobile-overlay,.sidebar{left:0;position:fixed;top:0}.sidebar{height:100vh;transform:translateX(-100%);transition:transform .2s ease-out;transition:transform var(--transition);width:280px;width:var(--sidebar-width);z-index:1000}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;padding:0}.top-bar{flex-direction:column;gap:16px;gap:var(--space-md);min-height:auto;padding:16px 24px;padding:var(--space-md) var(--space-lg)}.page-title{font-size:20px;font-size:var(--text-lg);text-align:center}.sidebar-toggle{display:inline-block!important}.game-stats{-ms-overflow-style:none;display:flex;flex-direction:row;gap:24px;gap:var(--space-lg);margin:0 -24px;margin:0 calc(var(--space-lg)*-1);overflow-x:auto;padding:16px 0;padding:var(--space-md) 0;padding-left:24px;padding-left:var(--space-lg);padding-right:24px;padding-right:var(--space-lg);scrollbar-width:none}.game-stats::-webkit-scrollbar{display:none}.stat-group{flex-shrink:0;min-width:100px;text-align:center}.stat-divider{display:none}.stat-value{font-size:20px;font-size:var(--text-lg)}.stat-label{font-size:10px}.dashboard-content{padding:24px;padding:var(--space-lg)}.game-guide-banner{border-left:none;border-right:none;margin-bottom:24px;margin-bottom:var(--space-lg);margin-left:-24px;margin-left:calc(var(--space-lg)*-1);margin-right:-24px;margin-right:calc(var(--space-lg)*-1)}.guide-header{align-items:center;flex-direction:row;gap:8px;gap:var(--space-sm);justify-content:space-between;padding:24px;padding:var(--space-lg);text-align:left}.guide-title{flex:1 1;flex-direction:column;gap:4px;gap:var(--space-xs)}.guide-text{font-size:20px;font-size:var(--text-lg);font-weight:900;font-weight:var(--font-black)}.guide-level{font-size:10px;font-size:var(--text-xs);margin-left:0;opacity:.8}.guide-toggle{flex-direction:row-reverse;gap:8px;gap:var(--space-sm)}.toggle-text{font-size:12px;font-size:var(--text-sm)}.toggle-arrow{font-size:20px;font-size:var(--text-lg)}.guide-content{padding:0 24px 24px;padding:0 var(--space-lg) var(--space-lg)}.guide-navigation{flex-direction:column;gap:16px;gap:var(--space-md)}.nav-button{font-size:12px;font-size:var(--text-sm);padding:24px;padding:var(--space-lg);width:100%}.step-dots{justify-content:center;margin-bottom:16px;margin-bottom:var(--space-md);order:-1}.financial-overview{gap:24px;gap:var(--space-lg);grid-template-columns:1fr}.financial-block{padding:24px;padding:var(--space-lg)}.financial-label{font-size:12px;font-size:var(--text-sm)}.financial-amount{font-size:32px;font-size:var(--text-2xl)}.financial-detail{font-size:12px;font-size:var(--text-sm);line-height:1.4}.section-header{margin:48px 0 24px;margin:var(--space-2xl) 0 var(--space-lg) 0;text-align:center}.section-title{font-size:24px;font-size:var(--text-xl)}.section-subtitle{font-size:12px;font-size:var(--text-sm)}.investment-grid{gap:24px;gap:var(--space-lg);grid-template-columns:1fr}.investment-item{padding:24px;padding:var(--space-lg)}.investment-name{font-size:24px;font-size:var(--text-xl)}.investment-description,.investment-risk{font-size:12px;font-size:var(--text-sm)}.learning-grid{gap:24px;gap:var(--space-lg);grid-template-columns:1fr}.learning-item{padding:24px;padding:var(--space-lg)}.learning-title{font-size:20px;font-size:var(--text-lg)}.learning-description{font-size:12px;font-size:var(--text-sm)}.loan-modal{margin:24px;margin:var(--space-lg);padding:32px;padding:var(--space-xl);width:calc(100% - 48px);width:calc(100% - var(--space-2xl))}.modal-title{font-size:32px;font-size:var(--text-2xl)}.modal-description{font-size:12px;font-size:var(--text-sm)}.loan-input{font-size:24px;font-size:var(--text-xl);padding:16px;padding:var(--space-md)}.modal-actions{flex-direction:column;gap:16px;gap:var(--space-md)}.modal-button{padding:24px;padding:var(--space-lg);width:100%}}@media (max-width:480px){.top-bar{padding:8px 16px;padding:var(--space-sm) var(--space-md)}.dashboard-content{padding:16px;padding:var(--space-md)}.page-title,.stat-value{font-size:16px;font-size:var(--text-base)}.financial-amount{font-size:24px;font-size:var(--text-xl)}.guide-text,.investment-name,.section-title{font-size:20px;font-size:var(--text-lg)}}:root{--bull-green:#00e676;--bear-red:#ff5252;--bull-green-glow:#00e67666;--bear-red-glow:#ff525266;--cyber-purple:#a855f7;--cyber-pink:#ec4899;--cyber-blue:#3b82f6;--cyber-cyan:#06b6d4;--cyber-yellow:#fcd34d;--cyber-orange:#fb923c;--gradient-bull:linear-gradient(135deg,#00e676,#00c853);--gradient-bear:linear-gradient(135deg,#ff5252,#f44336);--gradient-cyber:linear-gradient(135deg,#a855f7,#ec4899);--gradient-neon:linear-gradient(90deg,#00e676,#06b6d4,#a855f7,#ec4899,#fcd34d)}.dashboard-container{background:#0a0a0f;position:relative}.dashboard-container:before{animation:breathe 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#00e67666 0,#0000 40%),radial-gradient(circle at 80% 70%,#ff525266 0,#0000 40%),radial-gradient(circle at 50% 50%,#a855f71a 0,#0000 50%);background:radial-gradient(circle at 20% 30%,var(--bull-green-glow) 0,#0000 40%),radial-gradient(circle at 80% 70%,var(--bear-red-glow) 0,#0000 40%),radial-gradient(circle at 50% 50%,#a855f71a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@keyframes breathe{0%,to{opacity:.3}50%{opacity:.6}}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border-right:1px solid #a855f74d}.sidebar-logo{-webkit-text-fill-color:#0000;animation:gradient-shift 5s ease infinite;background:linear-gradient(90deg,#00e676,#06b6d4,#a855f7,#ec4899,#fcd34d);background:var(--gradient-neon);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-family:Fredoka,sans-serif}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.market-indicators{background:#ffffff0d;border-radius:16px;margin-top:24px;padding:16px;text-align:center}.market-status{align-items:center;display:flex;gap:12px;justify-content:center}.status-icon{animation:bounce 2s ease-in-out infinite;font-size:32px}.status-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00e676,#ff5252);background:linear-gradient(90deg,var(--bull-green) 0,var(--bear-red) 100%);-webkit-background-clip:text;background-clip:text;font-family:Fredoka,sans-serif;font-size:18px;font-weight:600}.nav-item{border-radius:12px;font-family:Poppins,sans-serif;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:before{background:linear-gradient(135deg,#a855f7,#ec4899);background:var(--gradient-cyber);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.nav-item.active:before,.nav-item:hover:before{transform:scaleY(1)}.nav-item:hover{background:#a855f71a;transform:translateX(8px)}.nav-item.active{background:#a855f726;border:1px solid #a855f74d}.top-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border-bottom:1px solid #a855f74d}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a855f7,#ec4899);background:linear-gradient(90deg,var(--cyber-purple) 0,var(--cyber-pink) 100%);-webkit-background-clip:text;background-clip:text;font-family:Fredoka,sans-serif}.stat-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.stat-group:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.stat-group:hover{box-shadow:0 8px 24px #a855f733;transform:translateY(-4px)}.stat-group:hover:before{opacity:1}.stat-value{font-family:Fredoka,sans-serif}.stat-value.cash{color:#fcd34d;color:var(--cyber-yellow);text-shadow:0 0 20px #fcd34d80}.stat-value.portfolio{color:#00e676;color:var(--bull-green);text-shadow:0 0 20px #00e67666;text-shadow:0 0 20px var(--bull-green-glow)}.stat-value.loan{color:#ff5252;color:var(--bear-red);text-shadow:0 0 20px #ff525266;text-shadow:0 0 20px var(--bear-red-glow)}.game-guide-banner{background:linear-gradient(135deg,#1a1a2e,#252542);border:2px solid #0000;overflow:hidden;position:relative}.game-guide-banner:before{background:linear-gradient(90deg,#00e676,#06b6d4,#a855f7,#ec4899,#fcd34d);background:var(--gradient-neon);border-radius:inherit;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.game-guide-banner:hover:before{animation:gradient-shift 3s ease infinite;opacity:1}.guide-text{font-family:Fredoka,sans-serif}.financial-block{background:linear-gradient(135deg,#1a1a2e,#252542);border:2px solid #ffffff1a;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.financial-block:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease;width:100%}.financial-block:hover:after{transform:translate(-50%,-50%) scale(2)}.financial-block.cash{border-color:#fcd34d4d}.financial-block.cash:hover{border-color:#fcd34d;border-color:var(--cyber-yellow);box-shadow:0 8px 32px #fcd34d4d;transform:translateY(-8px) scale(1.02)}.financial-block.portfolio{border-color:#00e6764d}.financial-block.portfolio:hover{border-color:#00e676;border-color:var(--bull-green);box-shadow:0 8px 32px #00e67666;box-shadow:0 8px 32px var(--bull-green-glow);transform:translateY(-8px) scale(1.02)}.financial-block.loan{border-color:#ff52524d}.financial-block.loan:hover{border-color:#ff5252;border-color:var(--bear-red);box-shadow:0 8px 32px #ff525266;box-shadow:0 8px 32px var(--bear-red-glow);transform:translateY(-8px) scale(1.02)}.financial-amount{font-family:Fredoka,sans-serif;font-size:42px}.investment-item{background:linear-gradient(135deg,#1a1a2e,#252542);border:2px solid #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.investment-item:before{height:6px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.investment-item:hover:before{transform:scaleX(1)}.investment-item.stocks{border-color:#00e6764d}.investment-item.stocks:before{background:linear-gradient(135deg,#00e676,#00c853);background:var(--gradient-bull)}.investment-item.stocks:hover{border-color:#00e676;border-color:var(--bull-green);box-shadow:0 12px 40px #00e67666;box-shadow:0 12px 40px var(--bull-green-glow);transform:translateY(-8px) scale(1.02)}.investment-item.etfs{border-color:#06b6d44d}.investment-item.etfs:before{background:linear-gradient(90deg,#3b82f6,#06b6d4);background:linear-gradient(90deg,var(--cyber-blue) 0,var(--cyber-cyan) 100%)}.investment-item.crypto{border-color:#fb923c4d}.investment-item.crypto:before{background:linear-gradient(90deg,#fb923c,#fcd34d);background:linear-gradient(90deg,var(--cyber-orange) 0,var(--cyber-yellow) 100%)}.investment-item.bonds{border-color:#a855f74d}.investment-item.bonds:before{background:linear-gradient(135deg,#a855f7,#ec4899);background:var(--gradient-cyber)}.investment-name{font-family:Fredoka,sans-serif;font-size:28px;gap:8px}.market-emoji{animation:wiggle 2s ease-in-out infinite;font-size:24px}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.investment-risk{background:#ffffff1a;border-radius:20px;display:inline-block;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;padding:6px 16px}.investment-action{color:#a855f7;color:var(--cyber-purple);font-family:Poppins,sans-serif;padding-bottom:2px}.investment-action:after{background:linear-gradient(135deg,#a855f7,#ec4899);background:var(--gradient-cyber);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.investment-action:hover:after{transform:scaleX(1);transform-origin:left}.learning-item{background:linear-gradient(135deg,#1a1a2e,#252542);border:2px solid #a855f733;transition:all .3s cubic-bezier(.4,0,.2,1)}.learning-item:hover{border-color:#a855f7;border-color:var(--cyber-purple);box-shadow:0 12px 40px #a855f74d;transform:translateY(-8px) scale(1.02)}.learning-title{font-family:Fredoka,sans-serif}.learning-action{color:#a855f7;color:var(--cyber-purple);font-family:Poppins,sans-serif;font-weight:600;transition:all .3s ease}.learning-action:hover{color:#ec4899;color:var(--cyber-pink);transform:translateX(4px)}.section-title{animation:gradient-shift 5s ease infinite;background:linear-gradient(90deg,#00e676,#06b6d4,#a855f7,#ec4899,#fcd34d);background:var(--gradient-neon);background-size:200% 200%;font-family:Fredoka,sans-serif}.dashboard-content:after,.dashboard-content:before{background-repeat:no-repeat;background-size:contain;content:"";height:120px;opacity:.1;pointer-events:none;position:fixed;width:120px;z-index:0}.dashboard-content:before{animation:float 6s ease-in-out infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' font-size='60' text-anchor='middle' dominant-baseline='middle' fill='%2300E676'%3E🐂%3C/text%3E%3C/svg%3E");bottom:20px;right:20px}.dashboard-content:after{animation:float 6s ease-in-out infinite reverse;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' font-size='60' text-anchor='middle' dominant-baseline='middle' fill='%23FF5252'%3E🐻%3C/text%3E%3C/svg%3E");bottom:20px;left:20px}.loan-modal{background:linear-gradient(135deg,#1a1a2e,#0f0f1a);border:2px solid #a855f7;border:2px solid var(--cyber-purple);box-shadow:0 20px 60px #a855f766}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);background:var(--gradient-cyber);-webkit-background-clip:text;background-clip:text;font-family:Fredoka,sans-serif}.modal-button{font-family:Poppins,sans-serif;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-button.primary{background:linear-gradient(135deg,#a855f7,#ec4899);background:var(--gradient-cyber);border:none;color:#fff}.modal-button.primary:hover{box-shadow:0 8px 24px #a855f766;transform:translateY(-2px)}@media (max-width:768px){.financial-amount{font-size:32px}.investment-name{font-size:22px}.section-title{font-size:28px}.dashboard-content:after,.dashboard-content:before{height:80px;width:80px}}:root{--red:#ff5a5f;--red-dark:#e84749;--red-light:#ff787c;--green:#00d084;--green-dark:#00b371;--green-light:#4dd6a2;--black:#000;--gray-light:#f7f7f7;--gray-medium:#717171;--gray-dark:#222;--font-family-primary:"Cereal","Circular",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--space-20:80px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040}body{color:#000;color:var(--black);font-family:Cereal,Circular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);line-height:1.5}.dashboard-container.airbnb-style{background-color:#f7f7f7;background-color:var(--gray-light);display:flex;min-height:100vh}.dashboard-container.airbnb-style .sidebar{background-color:#fff;background-color:var(--white);border-right:1px solid #717171;border-right:1px solid var(--gray-medium);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;width:var(--sidebar-width);z-index:100}.dashboard-container.airbnb-style .sidebar-header{border-bottom:1px solid #717171;border-bottom:1px solid var(--gray-medium);padding:24px;padding:var(--space-6)}.dashboard-container.airbnb-style .sidebar-logo{color:#ff5a5f;color:var(--red);font-size:24px;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold);margin-bottom:8px;margin-bottom:var(--space-2)}.dashboard-container.airbnb-style .sidebar-subtitle{color:#717171;color:var(--gray-medium);font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium)}.dashboard-container.airbnb-style .market-indicators{margin-top:16px;margin-top:var(--space-4)}.dashboard-container.airbnb-style .market-status{align-items:center;background-color:#f7f7f7;background-color:var(--gray-light);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:8px;gap:var(--space-2);padding:12px;padding:var(--space-3)}.dashboard-container.airbnb-style .status-icon{font-size:18px;font-size:var(--text-lg)}.dashboard-container.airbnb-style .status-text{color:#222;color:var(--gray-dark);font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium)}.dashboard-container.airbnb-style .sidebar-nav{flex:1 1;padding:24px 0;padding:var(--space-6) 0}.dashboard-container.airbnb-style .nav-section{margin-bottom:32px;margin-bottom:var(--space-8)}.dashboard-container.airbnb-style .nav-section-title{color:#717171;color:var(--gray-medium);font-size:12px;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.05em;margin-bottom:16px;margin-bottom:var(--space-4);padding:0 24px;padding:0 var(--space-6);text-transform:uppercase}.dashboard-container.airbnb-style .nav-item{align-items:center;background:none;border:none;border-radius:0;color:#222;color:var(--gray-dark);cursor:pointer;display:flex;font-size:16px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);padding:12px 24px;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .15s ease-out;transition:all var(--transition-fast);width:100%}.dashboard-container.airbnb-style .nav-item:hover{background-color:#f7f7f7;background-color:var(--gray-light);color:#000;color:var(--black)}.dashboard-container.airbnb-style .nav-item.active{background-color:#ff5a5f;background-color:var(--red);color:#fff;color:var(--white);font-weight:600;font-weight:var(--font-semibold)}.dashboard-container.airbnb-style .nav-icon{align-items:center;background-color:#f7f7f7;background-color:var(--gray-light);border-radius:8px;border-radius:var(--radius-md);color:#717171;color:var(--gray-medium);display:flex;font-size:12px;font-size:var(--text-xs);font-weight:700;font-weight:var(--font-bold);height:32px;justify-content:center;margin-right:12px;margin-right:var(--space-3);width:32px}.dashboard-container.airbnb-style .nav-item.active .nav-icon{background-color:#fff3;color:#fff;color:var(--white)}.dashboard-container.airbnb-style .sidebar-footer{border-top:1px solid #717171;border-top:1px solid var(--gray-medium);padding:24px;padding:var(--space-6)}.dashboard-container.airbnb-style .user-info{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.dashboard-container.airbnb-style .user-avatar{align-items:center;background:linear-gradient(135deg,#ff5a5f,#ff787c);background:linear-gradient(135deg,var(--red),var(--red-light));border-radius:50%;border-radius:var(--radius-full);color:#fff;color:var(--white);display:flex;font-size:18px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);height:44px;justify-content:center;width:44px}.dashboard-container.airbnb-style .user-name{color:#000;color:var(--black);font-size:16px;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold)}.dashboard-container.airbnb-style .user-level{color:#717171;color:var(--gray-medium);font-size:14px;font-size:var(--text-sm);font-weight:400;font-weight:var(--font-regular)}.dashboard-container.airbnb-style .main-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px;margin-left:var(--sidebar-width)}.dashboard-container.airbnb-style .top-bar{align-items:center;background-color:#fff;background-color:var(--white);border-bottom:1px solid #717171;border-bottom:1px solid var(--gray-medium);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:flex;height:80px;height:var(--topbar-height);justify-content:space-between;padding:0 32px;padding:0 var(--space-8);position:sticky;top:0;z-index:50}.dashboard-container.airbnb-style .page-title{color:#000;color:var(--black);font-size:30px;font-size:var(--text-3xl);font-weight:600;font-weight:var(--font-semibold)}.dashboard-container.airbnb-style .sidebar-toggle{background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#222;color:var(--gray-dark);cursor:pointer;display:none;font-size:24px;font-size:var(--text-2xl);margin-right:12px;margin-right:var(--space-3);padding:8px;padding:var(--space-2);transition:background-color .15s ease-out;transition:background-color var(--transition-fast)}.dashboard-container.airbnb-style .sidebar-toggle:hover{background-color:#f7f7f7;background-color:var(--gray-light)}.dashboard-container.airbnb-style .game-stats{align-items:center;display:flex;gap:32px;gap:var(--space-8)}.dashboard-container.airbnb-style .stat-group{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.dashboard-container.airbnb-style .stat-label{color:#717171;color:var(--gray-medium);font-size:12px;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.05em;margin-bottom:4px;margin-bottom:var(--space-1);text-transform:uppercase}.dashboard-container.airbnb-style .stat-value{color:#000;color:var(--black);font-size:20px;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold)}.dashboard-container.airbnb-style .stat-value.cash,.dashboard-container.airbnb-style .stat-value.savings{color:#00d084;color:var(--green)}.dashboard-container.airbnb-style .stat-value.loan,.dashboard-container.airbnb-style .stat-value.net-worth,.dashboard-container.airbnb-style .stat-value.portfolio{color:#ff5a5f;color:var(--red)}.dashboard-container.airbnb-style .stat-divider{background-color:#717171;background-color:var(--gray-medium);height:32px;width:1px}.dashboard-container.airbnb-style .dashboard-content{background-color:#f7f7f7;background-color:var(--gray-light);flex:1 1;overflow-y:auto;padding:32px;padding:var(--space-8)}.dashboard-container.airbnb-style .game-guide-banner{background-color:#fff;background-color:var(--white);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:32px;margin-bottom:var(--space-8);overflow:hidden;transition:all .2s ease-out;transition:all var(--transition-base)}.dashboard-container.airbnb-style .game-guide-banner.expanded{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.dashboard-container.airbnb-style .guide-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:24px;padding:var(--space-6);transition:background-color .15s ease-out;transition:background-color var(--transition-fast)}.dashboard-container.airbnb-style .guide-header:hover{background-color:#f7f7f7;background-color:var(--gray-light)}.dashboard-container.airbnb-style .guide-title{align-items:center;display:flex;gap:16px;gap:var(--space-4)}.dashboard-container.airbnb-style .guide-text{color:#000;color:var(--black);font-size:20px;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold)}.dashboard-container.airbnb-style .guide-level{color:#ff5a5f;color:var(--red);font-size:16px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);margin-left:12px;margin-left:var(--space-3)}.dashboard-container.airbnb-style .guide-toggle{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.dashboard-container.airbnb-style .toggle-text{color:#222;color:var(--gray-dark);font-size:16px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium)}.dashboard-container.airbnb-style .toggle-arrow{color:#717171;color:var(--gray-medium);font-size:18px;font-size:var(--text-lg);transition:transform .2s ease-out;transition:transform var(--transition-base)}.dashboard-container.airbnb-style .guide-content{padding:0 24px 24px;padding:0 var(--space-6) var(--space-6)}.dashboard-container.airbnb-style .guide-progress{margin-bottom:24px;margin-bottom:var(--space-6)}.dashboard-container.airbnb-style .progress-indicator{color:#222;color:var(--gray-dark);font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:12px;margin-bottom:var(--space-3);text-align:center}.dashboard-container.airbnb-style .progress-bar{background-color:#717171;background-color:var(--gray-medium);border-radius:50%;border-radius:var(--radius-full);height:8px;overflow:hidden}.dashboard-container.airbnb-style .progress-fill{background:linear-gradient(90deg,#ff5a5f,#ff787c);background:linear-gradient(90deg,var(--red),var(--red-light));height:100%;transition:width .2s ease-out;transition:width var(--transition-base)}.dashboard-container.airbnb-style .guide-step{background-color:#f7f7f7;background-color:var(--gray-light);border:1px solid #717171;border:1px solid var(--gray-medium);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:24px;margin-bottom:var(--space-6);padding:24px;padding:var(--space-6)}.dashboard-container.airbnb-style .step-title{color:#000;color:var(--black);font-size:18px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);margin-bottom:12px;margin-bottom:var(--space-3)}.dashboard-container.airbnb-style .step-content{color:#222;color:var(--gray-dark);font-size:16px;font-size:var(--text-base);line-height:1.6;margin-bottom:16px;margin-bottom:var(--space-4)}.dashboard-container.airbnb-style .step-tip{background-color:#ff5a5f;background-color:var(--red);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--white);font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);padding:16px;padding:var(--space-4)}.dashboard-container.airbnb-style .guide-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-6)}.dashboard-container.airbnb-style .nav-button{background-color:#fff;background-color:var(--white);border:1px solid #717171;border:1px solid var(--gray-medium);border-radius:8px;border-radius:var(--radius-md);color:#000;color:var(--black);cursor:pointer;font-size:16px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);padding:12px 20px;padding:var(--space-3) var(--space-5);transition:all .15s ease-out;transition:all var(--transition-fast)}.dashboard-container.airbnb-style .nav-button:hover:not(:disabled){background-color:#f7f7f7;background-color:var(--gray-light);border-color:#717171;border-color:var(--gray-medium)}.dashboard-container.airbnb-style .nav-button:disabled{cursor:not-allowed;opacity:.5}.dashboard-container.airbnb-style .nav-button.next{background-color:#ff5a5f;background-color:var(--red);border-color:#ff5a5f;border-color:var(--red);color:#fff;color:var(--white)}.dashboard-container.airbnb-style .nav-button.next:hover:not(:disabled){background-color:#e84749;background-color:var(--red-dark);border-color:#e84749;border-color:var(--red-dark)}.dashboard-container.airbnb-style .step-dots{display:flex;gap:8px;gap:var(--space-2)}.dashboard-container.airbnb-style .step-dot{background-color:#717171;background-color:var(--gray-medium);border-radius:50%;border-radius:var(--radius-full);cursor:pointer;height:12px;transition:all .15s ease-out;transition:all var(--transition-fast);width:12px}.dashboard-container.airbnb-style .step-dot.active{background-color:#ff5a5f;background-color:var(--red)}.dashboard-container.airbnb-style .step-dot.completed{background-color:#00d084;background-color:var(--green)}.dashboard-container.airbnb-style .financial-overview{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px;margin-bottom:var(--space-10)}.dashboard-container.airbnb-style .financial-block{background-color:#fff;background-color:var(--white);border:1px solid #717171;border:1px solid var(--gray-medium);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);cursor:pointer;padding:24px;padding:var(--space-6);transition:all .2s ease-out;transition:all var(--transition-base)}.dashboard-container.airbnb-style .financial-block:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-container.airbnb-style .financial-label{color:#717171;color:var(--gray-medium);font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);letter-spacing:.05em;margin-bottom:12px;margin-bottom:var(--space-3);text-transform:uppercase}.dashboard-container.airbnb-style .financial-amount{color:#000;color:var(--black);font-size:36px;font-size:var(--text-4xl);font-weight:600;font-weight:var(--font-semibold);line-height:1.1;margin-bottom:12px;margin-bottom:var(--space-3)}.dashboard-container.airbnb-style .financial-detail{color:#222;color:var(--gray-dark);font-size:16px;font-size:var(--text-base);line-height:1.5}.dashboard-container.airbnb-style .financial-block.cash .financial-amount,.dashboard-container.airbnb-style .financial-block.savings .financial-amount{color:#00d084;color:var(--green)}.dashboard-container.airbnb-style .financial-block.loan .financial-amount,.dashboard-container.airbnb-style .financial-block.portfolio .financial-amount{color:#ff5a5f;color:var(--red)}.dashboard-container.airbnb-style .section-header{margin:40px 0 24px;margin:var(--space-10) 0 var(--space-6) 0}.dashboard-container.airbnb-style .section-title{color:#000;color:var(--black);font-size:36px;font-size:var(--text-4xl);font-weight:600;font-weight:var(--font-semibold);margin-bottom:8px;margin-bottom:var(--space-2)}.dashboard-container.airbnb-style .section-subtitle{color:#717171;color:var(--gray-medium);font-size:18px;font-size:var(--text-lg);font-weight:400;font-weight:var(--font-regular)}.dashboard-container.airbnb-style .investment-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px;margin-bottom:var(--space-10)}.dashboard-container.airbnb-style .investment-item{background-color:#fff;background-color:var(--white);border:1px solid #717171;border:1px solid var(--gray-medium);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;padding:24px;padding:var(--space-6);position:relative;transition:all .2s ease-out;transition:all var(--transition-base)}.dashboard-container.airbnb-style .investment-item:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.dashboard-container.airbnb-style .investment-item:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.dashboard-container.airbnb-style .investment-item.stocks:before,.dashboard-container.airbnb-style .investment-item:before{background:linear-gradient(90deg,#ff5a5f,#ff787c);background:linear-gradient(90deg,var(--red),var(--red-light))}.dashboard-container.airbnb-style .investment-item.etfs:before{background:linear-gradient(90deg,#00d084,#00d084);background:linear-gradient(90deg,var(--green),var(--green))}.dashboard-container.airbnb-style .investment-item.crypto:before{background:linear-gradient(90deg,#ff5a5f,#ff5a5f);background:linear-gradient(90deg,var(--red),var(--red))}.dashboard-container.airbnb-style .investment-item.bonds:before{background:linear-gradient(90deg,#00d084,#4dd6a2);background:linear-gradient(90deg,var(--green),var(--green-light))}.dashboard-container.airbnb-style .investment-name{align-items:center;color:#000;color:var(--black);display:flex;font-size:24px;font-size:var(--text-2xl);font-weight:600;font-weight:var(--font-semibold);gap:8px;gap:var(--space-2);margin-bottom:12px;margin-bottom:var(--space-3)}.dashboard-container.airbnb-style .market-emoji{font-size:20px;font-size:var(--text-xl)}.dashboard-container.airbnb-style .investment-description{color:#222;color:var(--gray-dark);font-size:16px;font-size:var(--text-base);line-height:1.5;margin-bottom:16px;margin-bottom:var(--space-4)}.dashboard-container.airbnb-style .investment-risk{color:#ff5a5f;color:var(--red);font-size:14px;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);margin-bottom:12px;margin-bottom:var(--space-3)}.dashboard-container.airbnb-style .investment-examples{color:#717171;color:var(--gray-medium);font-size:14px;font-size:var(--text-sm);line-height:1.4;margin-bottom:12px;margin-bottom:var(--space-3)}.dashboard-container.airbnb-style .investment-learning{color:#00d084;color:var(--green);font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);line-height:1.4;margin-bottom:16px;margin-bottom:var(--space-4)}.dashboard-container.airbnb-style .investment-action{background-color:#ff5a5f;background-color:var(--red);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);padding:16px;padding:var(--space-4);transition:all .15s ease-out;transition:all var(--transition-fast);width:100%}.dashboard-container.airbnb-style .investment-action:hover{background-color:#e84749;background-color:var(--red-dark);transform:translateY(-1px)}.dashboard-container.airbnb-style .learning-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-container.airbnb-style .learning-item{background-color:#fff;background-color:var(--white);border:1px solid #717171;border:1px solid var(--gray-medium);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:24px;padding:var(--space-6);transition:all .2s ease-out;transition:all var(--transition-base)}.dashboard-container.airbnb-style .learning-item:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-container.airbnb-style .learning-title{align-items:center;color:#000;color:var(--black);display:flex;font-size:20px;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold);gap:8px;gap:var(--space-2);margin-bottom:12px;margin-bottom:var(--space-3)}.dashboard-container.airbnb-style .learning-description{color:#222;color:var(--gray-dark);font-size:16px;font-size:var(--text-base);line-height:1.6;margin-bottom:20px;margin-bottom:var(--space-5)}.dashboard-container.airbnb-style .learning-action{background:none;border:none;color:#ff5a5f;color:var(--red);cursor:pointer;font-size:16px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease-out;transition:color var(--transition-fast)}.dashboard-container.airbnb-style .learning-action:hover{color:#e84749;color:var(--red-dark)}.dashboard-container.airbnb-style .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dashboard-container.airbnb-style .loan-modal{background-color:#fff;background-color:var(--white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:500px;padding:32px;padding:var(--space-8);position:relative;width:90%}.dashboard-container.airbnb-style .modal-close{align-items:center;background-color:#f7f7f7;background-color:var(--gray-light);border:none;border-radius:50%;border-radius:var(--radius-full);color:#222;color:var(--gray-dark);cursor:pointer;display:flex;font-size:18px;font-size:var(--text-lg);height:32px;justify-content:center;position:absolute;right:20px;right:var(--space-5);top:20px;top:var(--space-5);transition:all .15s ease-out;transition:all var(--transition-fast);width:32px}.dashboard-container.airbnb-style .modal-close:hover{background-color:#717171;background-color:var(--gray-medium)}.dashboard-container.airbnb-style .modal-title{color:#000;color:var(--black);font-size:30px;font-size:var(--text-3xl);font-weight:600;font-weight:var(--font-semibold);margin-bottom:16px;margin-bottom:var(--space-4)}.dashboard-container.airbnb-style .modal-description{color:#222;color:var(--gray-dark);font-size:16px;font-size:var(--text-base);line-height:1.6;margin-bottom:32px;margin-bottom:var(--space-8)}.dashboard-container.airbnb-style .loan-input-section{margin-bottom:32px;margin-bottom:var(--space-8)}.dashboard-container.airbnb-style .loan-label{color:#000;color:var(--black);display:block;font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:12px;margin-bottom:var(--space-3)}.dashboard-container.airbnb-style .loan-input{background-color:#fff;background-color:var(--white);border:2px solid #717171;border:2px solid var(--gray-medium);border-radius:8px;border-radius:var(--radius-md);color:#000;color:var(--black);font-size:20px;font-size:var(--text-xl);font-weight:500;font-weight:var(--font-medium);padding:16px;padding:var(--space-4);text-align:center;transition:border-color .15s ease-out;transition:border-color var(--transition-fast);width:100%}.dashboard-container.airbnb-style .loan-input:focus{border-color:#ff5a5f;border-color:var(--red);outline:none}.dashboard-container.airbnb-style .loan-details{background-color:#f7f7f7;background-color:var(--gray-light);border-radius:8px;border-radius:var(--radius-md);margin-top:16px;margin-top:var(--space-4);padding:16px;padding:var(--space-4)}.dashboard-container.airbnb-style .loan-detail-row{color:#222;color:var(--gray-dark);display:flex;font-size:16px;font-size:var(--text-base);justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-2)}.dashboard-container.airbnb-style .loan-detail-row:last-child{margin-bottom:0}.dashboard-container.airbnb-style .modal-actions{display:flex;gap:16px;gap:var(--space-4)}.dashboard-container.airbnb-style .modal-button{background-color:#fff;background-color:var(--white);border:1px solid #717171;border:1px solid var(--gray-medium);border-radius:8px;border-radius:var(--radius-md);color:#000;color:var(--black);cursor:pointer;flex:1 1;font-size:16px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);padding:16px;padding:var(--space-4);transition:all .15s ease-out;transition:all var(--transition-fast)}.dashboard-container.airbnb-style .modal-button:hover{background-color:#f7f7f7;background-color:var(--gray-light)}.dashboard-container.airbnb-style .modal-button.primary{background-color:#ff5a5f;background-color:var(--red);border-color:#ff5a5f;border-color:var(--red);color:#fff;color:var(--white)}.dashboard-container.airbnb-style .modal-button.primary:hover{background-color:#e84749;background-color:var(--red-dark);border-color:#e84749;border-color:var(--red-dark)}.dashboard-container.airbnb-style .modal-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.dashboard-container.airbnb-style .mobile-overlay{background-color:#00000080;bottom:0;display:block!important;left:0;position:fixed;right:0;top:0;z-index:999}.dashboard-container.airbnb-style .sidebar{transform:translateX(-100%);transition:transform .2s ease-out;transition:transform var(--transition-base)}.dashboard-container.airbnb-style .sidebar.open{transform:translateX(0)}.dashboard-container.airbnb-style .sidebar-toggle{display:inline-flex!important}.dashboard-container.airbnb-style .main-content{margin-left:0}.dashboard-container.airbnb-style .top-bar{padding:16px;padding:var(--space-4)}.dashboard-container.airbnb-style .page-title{font-size:24px;font-size:var(--text-2xl)}.dashboard-container.airbnb-style .game-stats{flex-direction:row;gap:16px;gap:var(--space-4);overflow-x:auto;padding:8px 0;padding:var(--space-2) 0}.dashboard-container.airbnb-style .stat-group{flex-shrink:0;min-width:80px}.dashboard-container.airbnb-style .stat-divider{display:none}.dashboard-container.airbnb-style .dashboard-content{padding:16px;padding:var(--space-4)}.dashboard-container.airbnb-style .financial-overview,.dashboard-container.airbnb-style .investment-grid,.dashboard-container.airbnb-style .learning-grid{gap:16px;gap:var(--space-4);grid-template-columns:1fr}}.financial-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;position:relative;z-index:10}.financial-actions button{position:relative;z-index:11}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:4px;justify-content:center;min-width:0;padding:8px 16px;transition:all .2s ease}.action-btn:hover:not(:disabled){box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.action-btn:active:not(:disabled){box-shadow:0 1px 4px #0000001a;transform:translateY(0) scale(.95)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn:focus{outline:2px solid #22c55e;outline:2px solid var(--green);outline-offset:2px}.deposit-btn{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.withdraw-btn{background:linear-gradient(135deg,#0369a1,#0284c7);color:#fff}.repay-btn{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.deposit-btn:hover:not(:disabled){box-shadow:0 2px 8px #0596694d}.withdraw-btn:hover:not(:disabled){box-shadow:0 2px 8px #0369a14d}.repay-btn:hover:not(:disabled){box-shadow:0 2px 8px #dc26264d}.loan-btn{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff}.loan-btn:hover:not(:disabled){box-shadow:0 2px 8px #7c3aed4d}@media (max-width:768px){.financial-actions{flex-direction:column}.action-btn{flex:none;width:100%}}:root{--green:#22c55e;--green-light:#4ade80;--green-very-light:#f0fdf4;--green-dark:#16a34a;--red:#ef4444;--red-light:#f87171;--red-dark:#dc2626;--white:#fff;--light-gray:#f8fafc;--yellow:#fcd34d;--yellow-dark:#f59e0b;--yellow-light:#fef3c7;--primary-bg:#fff;--secondary-bg:#f8fafc;--sidebar-bg:#fff;--card-border:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--stocks-color:#ef4444;--etfs-color:#22c55e;--crypto-color:#ef4444;--bonds-color:#22c55e;--font-family-titles:"Inter Tight","Helvetica Neue Condensed","Arial Narrow","Helvetica Condensed",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-body:"Inter","Helvetica Neue",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",monospace;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:50%;--shadow-xs:0 1px 2px #00000008;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 1px 3px #0000000d;--shadow-lg:0 2px 8px #00000014;--shadow-xl:0 4px 16px #0000001a;--sidebar-width:280px;--topbar-height:80px;--transition-fast:0.15s ease-out;--transition-base:0.2s ease-out;--transition-slow:0.3s ease-out}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white);color:#1e293b;color:var(--text-primary);font-family:Inter,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-body);font-weight:400;font-weight:var(--font-regular);line-height:1.6;overflow-x:hidden}.dashboard-container.jpx-style{background-color:#fff;background-color:var(--white);display:flex;min-height:100vh}.dashboard-container.jpx-style .sidebar{background-color:#fff;background-color:var(--white);border-right:1px solid #e2e8f0;border-right:1px solid var(--card-border);box-shadow:none;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;width:var(--sidebar-width);z-index:100}.dashboard-container.jpx-style .sidebar-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--card-border);padding:24px;padding:var(--space-6)}.dashboard-container.jpx-style .sidebar-logo{color:#fcd34d!important;color:var(--yellow)!important;font-family:Inter Tight,Helvetica Neue Condensed,Arial Narrow,Helvetica Condensed,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-titles);font-size:24px;font-size:var(--text-2xl);font-weight:900;font-weight:var(--font-black);letter-spacing:-.5px;margin-bottom:8px;margin-bottom:var(--space-2)}.dashboard-container.jpx-style .sidebar-subtitle{color:#64748b;color:var(--text-secondary);font-size:14px;font-size:var(--text-sm);font-weight:400;font-weight:var(--font-regular)}.dashboard-container.jpx-style .market-indicators{margin-top:16px;margin-top:var(--space-4)}.dashboard-container.jpx-style .market-status{align-items:center;background-color:#f0fdf4;background-color:var(--green-very-light);border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:24px;border-radius:var(--radius-2xl);display:flex;gap:8px;gap:var(--space-2);padding:12px;padding:var(--space-3)}.dashboard-container.jpx-style .status-icon{font-size:18px;font-size:var(--text-lg)}.dashboard-container.jpx-style .status-text{color:#1e293b;color:var(--text-primary);font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium)}.dashboard-container.jpx-style .sidebar-nav{flex:1 1;padding:24px 0;padding:var(--space-6) 0}.dashboard-container.jpx-style .nav-section{margin-bottom:32px;margin-bottom:var(--space-8)}.dashboard-container.jpx-style .nav-section-title{color:#94a3b8;color:var(--text-light);font-size:12px;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.1em;margin-bottom:16px;margin-bottom:var(--space-4);padding:0 24px;padding:0 var(--space-6);text-transform:uppercase}.dashboard-container.jpx-style .nav-item{align-items:flex-start;background:none;border:none;border-radius:24px;border-radius:var(--radius-2xl);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:Inter,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-body);font-size:16px;font-size:var(--text-base);font-weight:400;font-weight:var(--font-regular);margin:0 8px;margin:0 var(--space-2);padding:12px 24px;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .15s ease-out;transition:all var(--transition-fast);width:100%;width:calc(100% - 16px);width:calc(100% - var(--space-4))}.dashboard-container.jpx-style .nav-item.active,.dashboard-container.jpx-style .nav-item:hover{background-color:#f8fafc;background-color:var(--secondary-bg);color:#1e293b;color:var(--text-primary)}.dashboard-container.jpx-style .nav-item.active{border-left:4px solid #22c55e;border-left:4px solid var(--green);font-weight:500;font-weight:var(--font-medium);padding-left:20px;padding-left:calc(var(--space-6) - 4px)}.dashboard-container.jpx-style .nav-icon{align-items:center;background-color:#f8fafc;background-color:var(--secondary-bg);border-radius:4px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);display:flex;font-size:12px;font-size:var(--text-xs);font-weight:700;font-weight:var(--font-bold);height:28px;justify-content:center;margin-right:12px;margin-right:var(--space-3);width:28px}.dashboard-container.jpx-style .nav-item.active .nav-icon{background-color:#22c55e;background-color:var(--green);color:#fff;color:var(--white)}.dashboard-container.jpx-style .nav-item-risk{color:#94a3b8!important;color:var(--text-light)!important;font-size:10px!important;font-weight:500;font-weight:var(--font-medium);letter-spacing:.05em;margin-top:2px!important;text-transform:uppercase}.dashboard-container.jpx-style .sidebar-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--card-border);padding:24px;padding:var(--space-6)}.dashboard-container.jpx-style .user-info{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.dashboard-container.jpx-style .user-avatar{align-items:center;background:linear-gradient(135deg,#22c55e,#4ade80);background:linear-gradient(135deg,var(--green),var(--green-light));border-radius:50%;border-radius:var(--radius-full);color:#fff;color:var(--white);display:flex;font-size:16px;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);height:40px;justify-content:center;width:40px}.dashboard-container.jpx-style .user-name{color:#fcd34d!important;color:var(--yellow)!important;font-family:Inter Tight,Helvetica Neue Condensed,Arial Narrow,Helvetica Condensed,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-titles);font-size:16px;font-size:var(--text-base);font-weight:800;font-weight:var(--font-extrabold)}.dashboard-container.jpx-style .user-level{color:#64748b;color:var(--text-secondary);font-size:14px;font-size:var(--text-sm);font-weight:400;font-weight:var(--font-regular)}.dashboard-container.jpx-style .main-content{background-color:#fff;background-color:var(--white);display:flex;flex:1 1;flex-direction:column;margin-left:280px;margin-left:var(--sidebar-width)}.dashboard-container.jpx-style .top-bar{align-items:center;background-color:#fff;background-color:var(--white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--card-border);display:flex;height:80px;height:var(--topbar-height);justify-content:space-between;padding:0 32px;padding:0 var(--space-8);position:sticky;top:0;z-index:50}.dashboard-container.jpx-style .page-title{color:#fcd34d!important;color:var(--yellow)!important;font-family:Inter Tight,Helvetica Neue Condensed,Arial Narrow,Helvetica Condensed,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-titles);font-size:24px;font-size:var(--text-2xl);font-stretch:condensed;font-weight:900;letter-spacing:-1px;text-transform:uppercase}.dashboard-container.jpx-style .sidebar-toggle{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-primary);cursor:pointer;display:none;font-size:24px;font-size:var(--text-2xl);margin-right:12px;margin-right:var(--space-3);padding:8px;padding:var(--space-2);transition:background-color .15s ease-out;transition:background-color var(--transition-fast)}.dashboard-container.jpx-style .sidebar-toggle:hover{background-color:#f8fafc;background-color:var(--secondary-bg)}.dashboard-container.jpx-style .game-stats{align-items:center;display:flex;gap:40px;gap:var(--space-10)}.dashboard-container.jpx-style .stat-group{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.dashboard-container.jpx-style .stat-label{color:#94a3b8;color:var(--text-light);font-size:12px;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.1em;margin-bottom:4px;margin-bottom:var(--space-1);text-transform:uppercase}.dashboard-container.jpx-style .stat-value{color:#64748b;color:var(--text-secondary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-family:var(--font-family-mono);font-size:20px;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold)}.dashboard-container.jpx-style .stat-value.cash,.dashboard-container.jpx-style .stat-value.savings{color:#22c55e;color:var(--green)}.dashboard-container.jpx-style .stat-value.portfolio{color:#ef4444;color:var(--red)}.dashboard-container.jpx-style .stat-value.net-worth{color:#1e293b;color:var(--text-primary);font-weight:700;font-weight:var(--font-bold)}.dashboard-container.jpx-style .stat-value.loan{color:#ef4444;color:var(--red)}.dashboard-container.jpx-style .stat-divider{background-color:#e2e8f0;background-color:var(--card-border);height:32px;width:1px}.dashboard-container.jpx-style .dashboard-content{background-color:#fff;background-color:var(--white);flex:1 1;margin:0 auto;max-width:1400px;overflow-y:auto;padding:32px;padding:var(--space-8);padding-top:52px;padding-top:calc(var(--space-8) + 20px);width:100%}.dashboard-container.jpx-style .game-guide-banner{background-color:#f0fdf4!important;background-color:var(--green-very-light)!important;border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:24px!important;border-radius:var(--radius-2xl)!important;margin-bottom:32px;margin-bottom:var(--space-8);overflow:hidden;position:relative;transition:all .2s ease-out;transition:all var(--transition-base);z-index:10}.dashboard-container.jpx-style .game-guide-banner.expanded{box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-lg)}.dashboard-container.jpx-style .guide-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:24px;padding:var(--space-6);transition:background-color .15s ease-out;transition:background-color var(--transition-fast)}.dashboard-container.jpx-style .guide-header:hover{background-color:#f8fafc;background-color:var(--secondary-bg)}.dashboard-container.jpx-style .guide-title{align-items:center;display:flex;gap:16px;gap:var(--space-4)}.dashboard-container.jpx-style .guide-text{color:#fcd34d!important;color:var(--yellow)!important;font-family:Inter Tight,Helvetica Neue Condensed,Arial Narrow,Helvetica Condensed,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-titles);font-size:18px;font-size:var(--text-lg);font-weight:900;font-weight:var(--font-black)}.dashboard-container.jpx-style .guide-level{color:#22c55e;color:var(--green);font-size:16px;font-size:var(--text-base);font-weight:800;font-weight:var(--font-extrabold);margin-left:12px;margin-left:var(--space-3)}.dashboard-container.jpx-style .guide-toggle{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.dashboard-container.jpx-style .toggle-text{color:#64748b;color:var(--text-secondary);font-size:16px;font-size:var(--text-base);font-weight:400;font-weight:var(--font-regular)}.dashboard-container.jpx-style .toggle-arrow{color:#94a3b8;color:var(--text-light);font-size:18px;font-size:var(--text-lg);transition:transform .2s ease-out;transition:transform var(--transition-base)}.dashboard-container.jpx-style .guide-content{padding:0 24px 24px;padding:0 var(--space-6) var(--space-6)}.dashboard-container.jpx-style .guide-progress{margin-bottom:24px;margin-bottom:var(--space-6)}.dashboard-container.jpx-style .progress-indicator{color:#64748b;color:var(--text-secondary);font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:12px;margin-bottom:var(--space-3);text-align:center}.dashboard-container.jpx-style .progress-bar{background-color:#e2e8f0;background-color:var(--card-border);border-radius:50%;border-radius:var(--radius-full);height:6px;overflow:hidden}.dashboard-container.jpx-style .progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80);background:linear-gradient(90deg,var(--green),var(--green-light));height:100%;transition:width .2s ease-out;transition:width var(--transition-base)}.dashboard-container.jpx-style .guide-step{background-color:#f0fdf4;background-color:var(--green-very-light);border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:24px;border-radius:var(--radius-2xl);margin-bottom:24px;margin-bottom:var(--space-6);padding:24px;padding:var(--space-6)}.dashboard-container.jpx-style .step-title{color:#fcd34d!important;color:var(--yellow)!important;font-family:Inter Tight,Helvetica Neue Condensed,Arial Narrow,Helvetica Condensed,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-titles);font-size:18px;font-size:var(--text-lg);font-weight:900;font-weight:var(--font-black);margin-bottom:12px;margin-bottom:var(--space-3)}.dashboard-container.jpx-style .step-content{color:#64748b;color:var(--text-secondary);font-size:16px;font-size:var(--text-base);line-height:1.6;margin-bottom:16px;margin-bottom:var(--space-4)}.dashboard-container.jpx-style .step-tip{background-color:#f0f7ff;border-left:3px solid var(--info-blue);border-radius:4px;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-primary);font-size:14px;font-size:var(--text-sm);font-weight:400;font-weight:var(--font-regular);padding:16px;padding:var(--space-4)}.dashboard-container.jpx-style .guide-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-6)}.dashboard-container.jpx-style .nav-button{background-color:#fff;background-color:var(--primary-bg);border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:4px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:16px;font-size:var(--text-base);font-weight:400;font-weight:var(--font-regular);padding:12px 20px;padding:var(--space-3) var(--space-5);transition:all .15s ease-out;transition:all var(--transition-fast)}.dashboard-container.jpx-style .nav-button:hover:not(:disabled){background-color:#f8fafc;background-color:var(--secondary-bg);border-color:#94a3b8;border-color:var(--text-light)}.dashboard-container.jpx-style .nav-button:disabled{cursor:not-allowed;opacity:.5}.dashboard-container.jpx-style .nav-button.next{background-color:var(--info-blue);border-color:var(--info-blue);color:#fff}.dashboard-container.jpx-style .nav-button.next:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.dashboard-container.jpx-style .step-dots{display:flex;gap:8px;gap:var(--space-2)}.dashboard-container.jpx-style .step-dot{background-color:#e2e8f0;background-color:var(--card-border);border-radius:50%;border-radius:var(--radius-full);cursor:pointer;height:8px;transition:all .15s ease-out;transition:all var(--transition-fast);width:8px}.dashboard-container.jpx-style .step-dot.active{background-color:var(--accent-purple);width:24px}.dashboard-container.jpx-style .step-dot.completed{background-color:var(--success-green)}.dashboard-container.jpx-style .financial-overview{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px;margin-bottom:var(--space-8)}.dashboard-container.jpx-style .financial-block,.dashboard-container.jpx-style .financial-overview .financial-block,div.dashboard-container.jpx-style .financial-block{background-color:#f0fdf4!important;background-color:var(--green-very-light)!important;border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:24px!important;border-radius:var(--radius-2xl)!important;cursor:pointer;overflow:hidden;padding:24px;padding:var(--space-6);position:relative;transition:all .2s ease-out;transition:all var(--transition-base)}.dashboard-container.jpx-style .financial-block:hover{box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-container.jpx-style .financial-block:active{box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px) scale(.98)}.dashboard-container.jpx-style .financial-block.savings:hover:before{background-color:#4ade80;background-color:var(--green-light);width:6px}.dashboard-container.jpx-style .financial-block.loan:hover:before{background-color:#f87171;background-color:var(--red-light);width:6px}.dashboard-container.jpx-style .financial-block:before{background-color:#e2e8f0;background-color:var(--card-border);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.dashboard-container.jpx-style .financial-block.cash:before,.dashboard-container.jpx-style .financial-block.savings:before{background-color:#22c55e;background-color:var(--green)}.dashboard-container.jpx-style .financial-block.loan:before,.dashboard-container.jpx-style .financial-block.portfolio:before{background-color:#ef4444;background-color:var(--red)}.dashboard-container.jpx-style .financial-label{color:#fcd34d!important;color:var(--yellow)!important;font-family:Inter Tight,Helvetica Neue Condensed,Arial Narrow,Helvetica Condensed,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-titles);font-size:14px;font-size:var(--text-sm);font-weight:800;font-weight:var(--font-extrabold);letter-spacing:.1em;margin-bottom:12px;margin-bottom:var(--space-3);text-transform:uppercase}.dashboard-container.jpx-style .financial-amount{color:#1e293b;color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-family:var(--font-family-mono);font-size:30px;font-size:var(--text-3xl);font-weight:600;font-weight:var(--font-semibold);line-height:1.2;margin-bottom:12px;margin-bottom:var(--space-3)}.dashboard-container.jpx-style .financial-detail{color:#64748b;color:var(--text-secondary);font-family:Inter,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-body);font-size:14px;font-size:var(--text-sm);line-height:1.5}.dashboard-container.jpx-style .financial-block.cash .financial-amount,.dashboard-container.jpx-style .financial-block.savings .financial-amount{color:#22c55e;color:var(--green)}.dashboard-container.jpx-style .financial-block.loan .financial-amount,.dashboard-container.jpx-style .financial-block.portfolio .financial-amount{color:#ef4444;color:var(--red)}.dashboard-container.jpx-style .section-header{margin:40px 0 24px;margin:var(--space-10) 0 var(--space-6) 0}.dashboard-container.jpx-style .section-title{color:#fcd34d!important;color:var(--yellow)!important;font-family:Inter Tight,Helvetica Neue Condensed,Arial Narrow,Helvetica Condensed,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-titles);font-size:24px;font-size:var(--text-2xl);font-weight:900;font-weight:var(--font-black);letter-spacing:-.5px;margin-bottom:8px;margin-bottom:var(--space-2)}.dashboard-container.jpx-style .section-subtitle{color:#64748b;color:var(--text-secondary);font-size:16px;font-size:var(--text-base);font-weight:400;font-weight:var(--font-regular)}.dashboard-container.jpx-style .investment-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px;margin-bottom:var(--space-8)}.dashboard-container.jpx-style .investment-grid .investment-item,.dashboard-container.jpx-style .investment-item,div.dashboard-container.jpx-style .investment-item{background-color:#f0fdf4!important;background-color:var(--green-very-light)!important;border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:24px!important;border-radius:var(--radius-2xl)!important;cursor:pointer;overflow:hidden;padding:24px;padding:var(--space-6);position:relative;transition:all .2s ease-out;transition:all var(--transition-base)}.dashboard-container.jpx-style .investment-item:hover{border-color:#94a3b8;border-color:var(--text-light);transform:translateY(-2px)}.dashboard-container.jpx-style .investment-item:before{background-color:#e2e8f0;background-color:var(--card-border);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.dashboard-container.jpx-style .investment-item.stocks:before{background-color:#ef4444;background-color:var(--stocks-color)}.dashboard-container.jpx-style .investment-item.etfs:before{background-color:#22c55e;background-color:var(--etfs-color)}.dashboard-container.jpx-style .investment-item.crypto:before{background-color:#ef4444;background-color:var(--crypto-color)}.dashboard-container.jpx-style .investment-item.bonds:before{background-color:#22c55e;background-color:var(--bonds-color)}.dashboard-container.jpx-style .investment-name{align-items:center;color:#fcd34d!important;color:var(--yellow)!important;display:flex;font-family:Inter Tight,Helvetica Neue Condensed,Arial Narrow,Helvetica Condensed,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-titles);font-size:20px;font-size:var(--text-xl);font-weight:900;font-weight:var(--font-black);gap:8px;gap:var(--space-2);margin-bottom:12px;margin-bottom:var(--space-3)}.dashboard-container.jpx-style .market-emoji{font-size:18px;font-size:var(--text-lg);opacity:.8}.dashboard-container.jpx-style .investment-description{color:#64748b;color:var(--text-secondary);font-family:Inter,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-body);font-size:16px;font-size:var(--text-base);line-height:1.5;margin-bottom:16px;margin-bottom:var(--space-4)}.dashboard-container.jpx-style .investment-risk{border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);display:inline-block;font-size:14px;font-size:var(--text-sm);font-weight:400;font-weight:var(--font-regular);margin-bottom:12px;margin-bottom:var(--space-3);padding:4px 12px;padding:var(--space-1) var(--space-3)}.dashboard-container.jpx-style .investment-item.crypto .investment-risk,.dashboard-container.jpx-style .investment-item.stocks .investment-risk{background-color:var(--risk-medium-bg);border-color:#ffeaa7;color:#856404}.dashboard-container.jpx-style .investment-item.bonds .investment-risk,.dashboard-container.jpx-style .investment-item.etfs .investment-risk{background-color:var(--risk-low-bg);border-color:#dee2e6;color:#495057}.dashboard-container.jpx-style .investment-examples{color:#94a3b8;color:var(--text-light);font-size:14px;font-size:var(--text-sm);line-height:1.4;margin-bottom:12px;margin-bottom:var(--space-3)}.dashboard-container.jpx-style .investment-learning{color:#64748b;color:var(--text-secondary);font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);line-height:1.4;margin-bottom:16px;margin-bottom:var(--space-4)}.dashboard-container.jpx-style .investment-action{background-color:#22c55e;background-color:var(--green);border:none;border-radius:24px;border-radius:var(--radius-2xl);color:#fff;color:var(--white);cursor:pointer;font-family:Inter,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-body);font-size:16px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .2s ease-out;transition:all var(--transition-base);width:100%}.dashboard-container.jpx-style .investment-action:hover{background-color:#16a34a;background-color:var(--green-dark);transform:translateY(-1px)}.dashboard-container.jpx-style .learning-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-container.jpx-style .learning-item{background-color:#f0fdf4!important;background-color:var(--green-very-light)!important;border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:24px!important;border-radius:var(--radius-2xl)!important;padding:24px;padding:var(--space-6);transition:all .2s ease-out;transition:all var(--transition-base)}.dashboard-container.jpx-style .learning-item:hover{border-color:#94a3b8;border-color:var(--text-light);transform:translateY(-1px)}.dashboard-container.jpx-style .learning-title{align-items:center;color:#fcd34d!important;color:var(--yellow)!important;display:flex;font-family:Inter Tight,Helvetica Neue Condensed,Arial Narrow,Helvetica Condensed,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-titles);font-size:18px;font-size:var(--text-lg);font-weight:900;font-weight:var(--font-black);gap:8px;gap:var(--space-2);margin-bottom:12px;margin-bottom:var(--space-3)}.dashboard-container.jpx-style .learning-description{color:#64748b;color:var(--text-secondary);font-family:Inter,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-body);font-size:16px;font-size:var(--text-base);line-height:1.6;margin-bottom:20px;margin-bottom:var(--space-5)}.dashboard-container.jpx-style .learning-action{align-items:center;background:none;border:none;color:#22c55e;color:var(--green);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);gap:8px;gap:var(--space-2);text-decoration:none;transition:all .15s ease-out;transition:all var(--transition-fast)}.dashboard-container.jpx-style .learning-action:hover{color:#16a34a;color:var(--green-dark);text-decoration:underline}.dashboard-container.jpx-style .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dashboard-container.jpx-style .loan-modal{background-color:#f0fdf4;background-color:var(--green-very-light);border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:24px;border-radius:var(--radius-2xl);max-width:500px;padding:32px;padding:var(--space-8);position:relative;width:90%}.dashboard-container.jpx-style .modal-close{align-items:center;background-color:#f8fafc;background-color:var(--secondary-bg);border:none;border-radius:50%;border-radius:var(--radius-full);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;font-size:var(--text-lg);height:32px;justify-content:center;position:absolute;right:20px;right:var(--space-5);top:20px;top:var(--space-5);transition:all .15s ease-out;transition:all var(--transition-fast);width:32px}.dashboard-container.jpx-style .modal-close:hover{background-color:#f8f9fa;color:#1e293b;color:var(--text-primary)}.dashboard-container.jpx-style .modal-title{color:#fcd34d!important;color:var(--yellow)!important;font-family:Inter Tight,Helvetica Neue Condensed,Arial Narrow,Helvetica Condensed,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-titles);font-size:24px;font-size:var(--text-2xl);font-weight:900;font-weight:var(--font-black);margin-bottom:16px;margin-bottom:var(--space-4)}.dashboard-container.jpx-style .modal-description{color:#64748b;color:var(--text-secondary);font-family:Inter,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-body);font-size:16px;font-size:var(--text-base);line-height:1.6;margin-bottom:32px;margin-bottom:var(--space-8)}.dashboard-container.jpx-style .loan-input-section{margin-bottom:32px;margin-bottom:var(--space-8)}.dashboard-container.jpx-style .loan-label{display:block;font-size:14px;font-size:var(--text-sm);margin-bottom:12px;margin-bottom:var(--space-3)}.dashboard-container.jpx-style .loan-input,.dashboard-container.jpx-style .loan-label{color:#1e293b;color:var(--text-primary);font-weight:500;font-weight:var(--font-medium)}.dashboard-container.jpx-style .loan-input{background-color:#fff;background-color:var(--primary-bg);border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:4px;border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-family:var(--font-family-mono);font-size:20px;font-size:var(--text-xl);padding:16px;padding:var(--space-4);text-align:center;transition:border-color .15s ease-out;transition:border-color var(--transition-fast);width:100%}.dashboard-container.jpx-style .loan-input:focus{border-color:#22c55e;border-color:var(--green);box-shadow:0 0 0 3px #22c55e1a;outline:none}.dashboard-container.jpx-style .loan-details{background-color:#f0fdf4;background-color:var(--green-very-light);border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:24px;border-radius:var(--radius-2xl);margin-top:16px;margin-top:var(--space-4);padding:16px;padding:var(--space-4)}.dashboard-container.jpx-style .loan-detail-row{color:#64748b;color:var(--text-secondary);display:flex;font-size:14px;font-size:var(--text-sm);justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-2)}.dashboard-container.jpx-style .loan-detail-row:last-child{margin-bottom:0}.dashboard-container.jpx-style .modal-actions{display:flex;gap:16px;gap:var(--space-4)}.dashboard-container.jpx-style .modal-button{background-color:#fff;background-color:var(--white);border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:24px;border-radius:var(--radius-2xl);color:#64748b;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Inter,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-body);font-size:16px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .15s ease-out;transition:all var(--transition-fast)}.dashboard-container.jpx-style .modal-button:hover{background-color:#f8fafc;background-color:var(--secondary-bg)}.dashboard-container.jpx-style .modal-button.primary{background-color:#22c55e;background-color:var(--green);border-color:#22c55e;border-color:var(--green);color:#fff;color:var(--white)}.dashboard-container.jpx-style .modal-button.primary:hover{background-color:#16a34a;background-color:var(--green-dark);border-color:#16a34a;border-color:var(--green-dark)}.dashboard-container.jpx-style .modal-button:disabled{cursor:not-allowed;opacity:.5}.dashboard-container.jpx-style .game-status-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;margin-bottom:var(--space-8)}.dashboard-container.jpx-style .status-card{background-color:#f0fdf4!important;background-color:var(--green-very-light)!important;border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:24px!important;border-radius:var(--radius-2xl)!important;padding:24px;padding:var(--space-6);position:relative;text-align:center}.dashboard-container.jpx-style .status-label{color:#94a3b8;color:var(--text-light);font-size:12px;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.1em;margin-bottom:8px;margin-bottom:var(--space-2);text-transform:uppercase}.dashboard-container.jpx-style .status-value{color:#fcd34d!important;color:var(--yellow)!important;font-family:Inter Tight,Helvetica Neue Condensed,Arial Narrow,Helvetica Condensed,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-titles);font-size:24px;font-size:var(--text-2xl);font-weight:900;font-weight:var(--font-black)}.dashboard-container.jpx-style .status-card.game-day .status-value{color:#22c55e;color:var(--green)}.dashboard-container.jpx-style .status-card.game-day:before{background-color:#22c55e;background-color:var(--green);border-radius:12px 0 0 12px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.dashboard-container.jpx-style .status-card.safety .status-value{color:#22c55e;color:var(--green)}.dashboard-container.jpx-style .status-card.safety:before{background-color:#22c55e;background-color:var(--green);border-radius:12px 0 0 12px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.dashboard-container.jpx-style .status-card.tutorial .status-value{color:#22c55e;color:var(--green)}.dashboard-container.jpx-style .status-card.tutorial:before{background-color:#22c55e;background-color:var(--green);border-radius:12px 0 0 12px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.dashboard-container.jpx-style .financial-block.cash,.dashboard-container.jpx-style .financial-block.loan,.dashboard-container.jpx-style .financial-block.portfolio,.dashboard-container.jpx-style .financial-block.savings,.dashboard-container.jpx-style .investment-item.bonds,.dashboard-container.jpx-style .investment-item.crypto,.dashboard-container.jpx-style .investment-item.etfs,.dashboard-container.jpx-style .investment-item.stocks,.dashboard-container.jpx-style [class*=financial-],.dashboard-container.jpx-style [class*=investment-],.dashboard-container.jpx-style [class*=learning-],.dashboard-container.jpx-style [class*=status-]{background-color:#f0fdf4!important;background-color:var(--green-very-light)!important;border-radius:24px!important;border-radius:var(--radius-2xl)!important}body .dashboard-container.jpx-style .financial-overview .financial-block,body .dashboard-container.jpx-style .financial-overview>div,body .dashboard-container.jpx-style .investment-grid .investment-item,body .dashboard-container.jpx-style .investment-grid>div,body .dashboard-container.jpx-style main .financial-overview .financial-block,body .dashboard-container.jpx-style main .investment-grid .investment-item{background-color:#f0fdf4!important;background-color:var(--green-very-light)!important;background:#f0fdf4!important;background:var(--green-very-light)!important;border-radius:24px!important;border-radius:var(--radius-2xl)!important}@media (max-width:768px){.dashboard-container.jpx-style .mobile-overlay{background-color:#00000080;bottom:0;display:block!important;left:0;position:fixed;right:0;top:0;z-index:999}.dashboard-container.jpx-style .sidebar{transform:translateX(-100%);transition:transform .2s ease-out;transition:transform var(--transition-base)}.dashboard-container.jpx-style .sidebar.open{transform:translateX(0)}.dashboard-container.jpx-style .sidebar-toggle{display:inline-flex!important}.dashboard-container.jpx-style .main-content{margin-left:0}.dashboard-container.jpx-style .top-bar{padding:16px;padding:var(--space-4)}.dashboard-container.jpx-style .page-title{font-size:20px;font-size:var(--text-xl)}.dashboard-container.jpx-style .game-stats{flex-direction:row;gap:16px;gap:var(--space-4);overflow-x:auto;padding:8px 0;padding:var(--space-2) 0}.dashboard-container.jpx-style .stat-group{flex-shrink:0;min-width:80px}.dashboard-container.jpx-style .stat-divider{display:none}.dashboard-container.jpx-style .dashboard-content{padding:16px;padding:var(--space-4)}.dashboard-container.jpx-style .financial-overview,.dashboard-container.jpx-style .investment-grid,.dashboard-container.jpx-style .learning-grid{gap:16px;gap:var(--space-4);grid-template-columns:1fr}}body{background-color:#fff!important}.dashboard-container,.dashboard-container :not(.top-bar *):not(.stat-group):not(.stat-label):not(.stat-value){background-color:#fff}.asset-card,.assets-grid,.assets-main,.dashboard-content,.financial-block,.financial-overview,.game-status-grid,.investment-grid,.investment-item,.learning-grid,.learning-item,.main-content,.status-card,.stock-card{background-color:#fff!important}.financial-amount,.financial-detail,.financial-label,.investment-description,.investment-name,.learning-description,.learning-title,.section-title{color:#333!important}.investment-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:60px;padding:40px 0}.investment-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 24px #0000000f,0 1px 3px #00000014;cursor:pointer;overflow:hidden;padding:40px 32px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.investment-item:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--accent-color,#6366f1),var(--accent-secondary,#8b5cf6));content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:height .3s ease}.investment-item:after{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--accent-color,#6366f1),var(--accent-secondary,#8b5cf6));border-radius:17px;bottom:-1px;content:"";left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;transition:opacity .3s ease;z-index:-1}.investment-item.stocks{--accent-color:#059669;--accent-secondary:#10b981;--accent-light:#d1fae5}.investment-item.etfs{--accent-color:#2563eb;--accent-secondary:#3b82f6;--accent-light:#dbeafe}.investment-item.crypto{--accent-color:#7c3aed;--accent-secondary:#8b5cf6;--accent-light:#e9d5ff}.investment-item.bonds{--accent-color:#dc2626;--accent-secondary:#ef4444;--accent-light:#fee2e2}.investment-item:hover{border-color:var(--accent-color);box-shadow:0 20px 64px #0000001f,0 8px 24px #00000014;transform:translateY(-8px)}.investment-item:hover:before{height:8px}.investment-item:hover:after{opacity:.1}.investment-name{align-items:center;color:#1f2937;display:flex;font-size:24px;font-weight:700;justify-content:space-between;letter-spacing:-.5px;margin-bottom:16px;margin-top:56px}.tech-icon{filter:grayscale(20%);font-size:36px;opacity:.8;transition:all .3s ease}.investment-item:hover .tech-icon{filter:grayscale(0);opacity:1;transform:scale(1.1)}.investment-description{color:#4b5563;font-size:16px;font-weight:400;line-height:1.6;margin-bottom:24px}.investment-examples{background:var(--accent-light);border-left:4px solid var(--accent-color);border-radius:12px;color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;font-weight:500;margin-bottom:20px;padding:16px;position:relative}.investment-examples:before{animation:pulse 2s ease-in-out infinite;color:var(--accent-color);content:"●";font-weight:700;left:12px;position:absolute;top:16px}.investment-learning{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:12px;color:#374151;font-size:14px;font-weight:500;line-height:1.5;margin-bottom:28px;padding:16px}.risk-indicator{animation:pulse-professional 3s ease-in-out infinite;background:var(--accent-color);border-radius:50%;box-shadow:0 0 0 3px var(--accent-light),0 0 0 4px var(--accent-color);height:12px;position:absolute;right:24px;top:24px;width:12px}.performance-chart{align-items:flex-end;bottom:32px;display:flex;gap:2px;height:40px;opacity:.6;position:absolute;right:32px;transition:opacity .3s ease;width:80px}.investment-item:hover .performance-chart{opacity:1}.chart-bar{background:linear-gradient(to top,var(--accent-color),var(--accent-secondary));border-radius:2px;transition:all .3s ease;width:6px}.chart-bar:first-child{height:60%}.chart-bar:nth-child(2){height:45%}.chart-bar:nth-child(3){height:80%}.chart-bar:nth-child(4){height:55%}.chart-bar:nth-child(5){height:90%}.chart-bar:nth-child(6){height:70%}.chart-bar:nth-child(7){height:85%}.investment-item:hover .chart-bar{box-shadow:0 0 8px var(--accent-color)}.investment-action{background:#fff;border:2px solid var(--accent-color);border-radius:12px;color:var(--accent-color);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.investment-action:before{background:var(--accent-color);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.investment-action:hover{box-shadow:0 8px 24px #00000026;color:#fff;transform:translateY(-2px)}.investment-action:hover:before{left:0}.data-stream{animation:dataFlow 4s linear infinite;background:linear-gradient(90deg,#0000,var(--accent-color),#0000);height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}@keyframes pulse-professional{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes dataFlow{0%{opacity:0;transform:translateX(-100%)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateX(100%)}}.category-badge{background:var(--accent-light);border-radius:20px;color:var(--accent-color);font-size:12px;font-weight:600;left:24px;letter-spacing:.5px;padding:6px 12px;position:absolute;text-transform:uppercase;top:24px}@media (max-width:768px){.investment-grid{gap:24px;grid-template-columns:1fr;padding:20px 0}.investment-item{padding:32px 24px}.investment-name{font-size:22px}.tech-icon{font-size:32px}.performance-chart{height:30px;width:60px}}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;font-weight:800;margin-bottom:12px;text-align:center}.section-subtitle{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:1px;text-align:center;text-transform:uppercase}@media (max-width:768px){.header-container,.sidebar-toggle,.top-bar{display:none!important}.dashboard-content,.main-content{margin-top:0!important;padding-top:0!important}.min-h-screen{padding-top:0!important}.w-full.mt-\[90px\]{margin-top:0!important}.mobile-header{background:#000!important;border:none!important;display:flex!important;min-height:60px!important;padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 12px!important;position:fixed!important;top:0!important;z-index:1000!important}.mobile-header-desktop-style{border:none!important;box-shadow:none!important}.dashboard-container{background:#fff!important;margin-top:0!important;min-height:100vh!important;padding-top:0!important}.financial-overview{margin-top:70px!important;padding-top:0!important}.dashboard-container>*{margin-top:0!important}.dashboard-container>.financial-overview,.dashboard-container>section:first-child{margin-top:70px!important;padding-top:0!important}.px-4.py-8{padding-top:0!important}.mobile-header-desktop-style+*{margin-top:0!important}main.page-content{padding-top:0!important}.financial-overview .mb-4{margin-bottom:.5rem!important}.financial-overview .mb-3{margin-bottom:.25rem!important}.financial-overview>div>div>div>div:first-child{margin-bottom:.25rem!important;min-height:auto!important}.financial-overview>div{padding:1rem!important}.financial-overview .text-3xl{font-size:1.5rem!important;line-height:1.2!important;margin-bottom:.25rem!important}.financial-overview .text-sm{font-size:.875rem!important;line-height:1.4!important}.financial-overview button{border:3px solid #000!important;border-radius:0!important;box-shadow:4px 4px 0 #333!important;font-size:14px!important;font-weight:900!important;letter-spacing:.05em!important;min-height:48px!important;padding:12px 16px!important;text-transform:uppercase!important}.financial-overview .text-xs{font-size:14px!important;font-weight:700!important;text-transform:none!important}.sidebar{z-index:1001!important}.mobile-overlay{z-index:1000!important}.mobile-content{padding-top:0!important}.floating-ai-assistant.minimized{background:#0000!important;border:none!important;bottom:20px!important;box-shadow:none!important;left:auto!important;position:fixed!important;right:20px!important;width:auto!important;z-index:9999!important}.floating-ai-assistant .floating-icons{align-items:center!important;display:flex!important;flex-direction:column!important;margin-bottom:0!important;width:auto!important}.mobile-header-desktop-style .header-right{gap:12px!important;justify-content:flex-end!important;margin-left:12px!important}.mobile-header-desktop-style>div:first-child>div{height:60px!important;padding:10px!important;width:60px!important}.mobile-header-desktop-style .header-right>div:first-child{align-items:center!important;display:flex!important;font-size:16px!important;justify-content:center!important;max-width:none!important;min-height:48px!important;min-width:120px!important;padding:10px 16px!important}.mobile-header-desktop-style .header-right>div:first-child>div{font-size:16px!important;font-weight:900!important;letter-spacing:0!important;line-height:1.2!important}.mobile-header-desktop-style .header-right button{align-items:center!important;background:grey!important;border:3px solid #000!important;color:#000!important;display:flex!important;font-size:14px!important;justify-content:center!important;min-height:48px!important;min-width:100px!important;padding:12px 20px!important}.mobile-header-desktop-style .header-right button:last-child{background:#fff!important;border:3px solid #000!important;color:#000!important;font-size:18px!important;min-height:48px!important;min-width:48px!important}.floating-ai-assistant .icon-container{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.floating-ai-assistant .icon{align-items:center!important;animation:none!important;border:3px solid #000!important;border-radius:50%!important;box-shadow:6px 6px 0 #333!important;display:flex!important;height:70px!important;justify-content:center!important;overflow:visible!important;position:relative!important;width:70px!important}.floating-ai-assistant .icon:after,.floating-ai-assistant .icon:before{content:none!important;display:none!important}.floating-ai-assistant .finance-icon{animation:none!important;background:#000!important}.floating-ai-assistant .icon img{display:block!important;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))!important;height:45px!important;left:50%!important;object-fit:contain!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:45px!important;z-index:99999!important}.floating-ai-assistant .icon-container.active .icon,.floating-ai-assistant .icon-container:hover .icon{box-shadow:6px 6px 0 #333!important;transform:none!important}.floating-ai-assistant .icon-container.active .icon-label,.floating-ai-assistant .icon-container:hover .icon-label{color:#dc2626!important}.floating-ai-assistant.expanded .chat-container *{opacity:1!important}.floating-ai-assistant.expanded .chat-header{background:#000!important;opacity:1!important;padding-right:60px!important;position:relative!important}.floating-ai-assistant.expanded .chat-messages{background:#fff!important;opacity:1!important}.floating-ai-assistant.expanded .chat-input{background:#f5f5f5!important;opacity:1!important}.floating-ai-assistant.expanded button{background:#000!important;border:3px solid #fff!important;border-radius:0!important;box-shadow:4px 4px 0 #333!important;color:#fff!important;cursor:pointer!important;font-family:Arial Black,Impact,Franklin Gothic Medium,Arial Narrow,sans-serif!important;font-weight:900!important;letter-spacing:.1em!important;padding:10px 16px!important;text-transform:uppercase!important;transition:all .1s ease!important}.floating-ai-assistant.expanded button:hover{background:#fff!important;border:3px solid #000!important;box-shadow:6px 6px 0 #333!important;color:#000!important;transform:translate(-2px,-2px)!important}.floating-ai-assistant.expanded .quick-actions button{background:#fff!important;border:2px solid #000!important;box-shadow:3px 3px 0 #333!important;color:#000!important;font-size:12px!important;padding:6px 12px!important}.floating-ai-assistant.expanded .quick-actions button:hover{background:#000!important;border:2px solid #fff!important;color:#fff!important}.floating-ai-assistant.expanded .send-btn{background:#d72638!important;border:3px solid #000!important;color:#fff!important;min-width:80px!important}.floating-ai-assistant.expanded .send-btn:hover{background:#000!important;border:3px solid #d72638!important;color:#d72638!important}.floating-ai-assistant.expanded .minimize-btn{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:#dc2626!important;border:3px solid #000!important;border-radius:0!important;box-shadow:4px 4px 0 #333!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:20px!important;font-weight:900!important;justify-content:center!important;min-height:40px!important;min-width:40px!important;padding:8px 12px!important;pointer-events:auto!important;position:absolute!important;right:10px!important;top:10px!important;z-index:1000!important}.floating-ai-assistant.expanded .minimize-btn:active,.floating-ai-assistant.expanded .minimize-btn:hover{background:#000!important;border:3px solid #dc2626!important;box-shadow:6px 6px 0 #333!important;color:#dc2626!important;transform:translate(-2px,-2px)!important}.floating-ai-assistant.expanded{background:#0000!important;box-shadow:none!important}.floating-ai-assistant .icon-label{background:#0000!important;color:#dc2626!important;display:block!important;font-family:Arial Black,Impact,Franklin Gothic Medium,Arial Narrow,sans-serif!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important}.floating-ai-assistant .icon-container{margin:0!important}.floating-ai-assistant *{background-color:initial!important}.floating-ai-assistant .icon{background:#fff!important}.floating-ai-assistant .icon img{background-color:initial!important;opacity:1!important;visibility:visible!important}.floating-ai-assistant>div{background:#0000!important;border:none!important;box-shadow:none!important}.game-guide-banner{display:none!important}.mobile-header button{background:#0ff3!important;border:1px solid #0ff!important;border:1px solid var(--neon-cyan,#0ff)!important;border-radius:16px!important;color:#0ff!important;color:var(--neon-cyan,#0ff)!important;cursor:pointer!important;font-size:12px!important;font-weight:700!important;padding:6px 12px!important;text-transform:uppercase!important;transition:all .2s ease!important}.mobile-header button:hover{background:#00ffff4d!important;transform:translateY(-1px)!important}.mobile-header button:active{transform:translateY(0)!important}.mobile-guide-card{background:linear-gradient(135deg,#2d2d2d,#1a1a1a)!important;border:2px solid #fff!important;border-radius:12px!important;box-shadow:0 4px 16px #0000004d!important;margin:8px 16px!important;padding:16px!important}.mobile-guide-progress{background:#ffffff1a!important;border-radius:3px!important;height:6px!important;overflow:hidden!important;transition:all .3s ease!important;width:100%!important}.mobile-guide-progress-bar{background:linear-gradient(90deg,#0ff,#0f0)!important;border-radius:3px!important;height:100%!important;transition:width .3s ease!important}.mobile-guide-fullscreen{background:#000!important;bottom:0!important;display:flex!important;flex-direction:column!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:1002!important}body{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.dashboard-container div,.dashboard-container p{font-size:16px!important;line-height:1.5!important}.clickable,[role=button],a,button{-webkit-tap-highlight-color:rgba(0,0,0,.1)!important;touch-action:manipulation!important}.clickable:active,[role=button]:active,a:active,button:active{opacity:.9!important;transform:scale(.98)!important}@keyframes tap-feedback{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}button:active{animation:tap-feedback .2s ease!important}.mobile-guide-slide{aspect-ratio:16/9!important;background:#ffffff1a!important;border:2px solid #0ff!important;border-radius:16px!important;margin-bottom:24px!important;max-width:400px!important;overflow:hidden!important;width:100%!important}.mobile-guide-slide img{border-radius:14px!important;height:100%!important;object-fit:cover!important;width:100%!important}.mobile-guide-controls{background:#000!important;border-top:2px solid #fff!important;bottom:0!important;display:flex!important;gap:12px!important;left:0!important;padding:16px!important;position:fixed!important;right:0!important}.mobile-guide-button{background:linear-gradient(135deg,#0ff,#0f0)!important;border:none!important;border-radius:8px!important;color:#000!important;cursor:pointer!important;flex:1 1!important;font-size:14px!important;font-weight:700!important;padding:12px!important;text-transform:uppercase!important;transition:all .3s ease!important}.mobile-guide-button:hover{box-shadow:0 6px 20px #00ffff80!important;transform:translateY(-2px)!important}.mobile-guide-button:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}}.bounce-animation{animation:bounce 1s ease-in-out infinite}html body .dashboard-container .red-asset-button,html body .red-asset-button,html body div .red-asset-button{background:grey!important;background-color:grey!important;border:4px solid #000!important;border-radius:0!important;box-shadow:8px 8px 0 #333!important;color:#fff!important;font-family:Arial Black,Impact,Franklin Gothic Medium,Arial Narrow,sans-serif!important;font-size:.875rem!important;font-weight:900!important;letter-spacing:.1em!important;padding:1rem 1.5rem!important;position:relative!important;text-transform:uppercase!important;transform:skew(-3deg)!important;transition:all .2s ease!important;width:100%!important}html body .dashboard-container .red-asset-button:hover,html body .red-asset-button:hover,html body div .red-asset-button:hover{background:#696969!important;background-color:#696969!important;box-shadow:10px 10px 0 #222!important;transform:skew(-3deg) scale(1.02)!important}html body .dashboard-container .red-asset-button:active,html body .red-asset-button:active,html body div .red-asset-button:active{background:#606060!important;background-color:#606060!important;box-shadow:6px 6px 0 #333!important;transform:skew(-3deg) translate(2px,2px)!important}html body .dashboard-container .red-wealth-title,html body .red-wealth-title,html body div .red-wealth-title,html body h2.red-wealth-title{color:#dc2626!important;font-family:Arial Black,Impact,Franklin Gothic Medium,Arial Narrow,sans-serif!important;font-size:3rem!important;font-weight:900!important;letter-spacing:.1em!important;margin:2rem 0!important;position:relative!important;text-shadow:2px 2px 0 #000!important;text-transform:uppercase!important;transform:skew(-2deg)!important;z-index:10!important}html body .dashboard-container .red-asset-title,html body .red-asset-title,html body div .red-asset-title,html body h3.red-asset-title{color:#dc2626!important;font-weight:700!important;text-shadow:2px 2px 0 #d3d3d3!important;-webkit-text-shadow:2px 2px 0 #d3d3d3!important;-moz-text-shadow:2px 2px 0 #d3d3d3!important}.stock-card .stock-ticker,.stocks-grid .stock-ticker,html body .stock-ticker,html body div .stock-ticker,html body h3.stock-ticker{color:#000!important;font-weight:900!important;text-shadow:3px 3px 0 grey!important;-webkit-text-shadow:3px 3px 0 grey!important;-moz-text-shadow:3px 3px 0 grey!important}.section-header .section-title,.stocks-section .section-title,html body .section-title,html body div .section-title,html body h2.section-title{color:#000!important;font-weight:900!important;text-shadow:3px 3px 0 #d3d3d3!important;-webkit-text-shadow:3px 3px 0 #d3d3d3!important;-moz-text-shadow:3px 3px 0 #d3d3d3!important}.asset-card{height:500px;perspective:1000px;position:relative}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.asset-card.flipped .card-inner{transform:rotateY(180deg)}.card-front{backface-visibility:hidden;background:linear-gradient(135deg,#f8f8f8,#e8e8e8);border:12px solid var(--card-color);border-radius:20px;box-shadow:0 8px 16px #0003,inset 0 1px 0 #fff9;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;transition:all .3s ease;width:100%}.card-front:hover{box-shadow:0 12px 24px #0000004d,inset 0 1px 0 #fff9;transform:translateY(-8px)}.card-header{align-items:center;background:var(--card-color);display:flex;justify-content:space-between;padding:12px 20px;position:relative}.asset-type{color:#fff;font-size:14px;font-weight:800;letter-spacing:1px;text-shadow:1px 1px 2px #0000004d;text-transform:uppercase}.asset-icon{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));font-size:24px}.card-image-area{background:linear-gradient(135deg,#ffffff4d,#ffffff1a 50%,#0000001a);min-height:140px;padding:30px}.asset-logo,.card-image-area{align-items:center;display:flex;justify-content:center;position:relative}.asset-logo{background:#fff;border:6px solid var(--card-color);border-radius:50%;box-shadow:0 4px 8px #0003,inset 0 2px 4px #0000001a;height:120px;width:120px;z-index:2}.ticker-symbol{color:#dc2626;font-size:36px;font-weight:900;letter-spacing:-1px;text-transform:uppercase}.sparkle-effects{inset:0;pointer-events:none;position:absolute}.sparkle{animation:sparkle-float 3s ease-in-out infinite;font-size:20px;opacity:.7;position:absolute}.sparkle-1{animation-delay:0s;left:15%;top:20%}.sparkle-2{animation-delay:1s;right:20%;top:30%}.sparkle-3{animation-delay:2s;bottom:25%;left:25%}@keyframes sparkle-float{0%,to{opacity:.7;transform:translate(0) scale(1)}50%{opacity:1;transform:translate(10px,-10px) scale(1.2)}}.asset-name-section{background:linear-gradient(180deg,#0000 0,#00000008);padding:16px 20px;text-align:center}.asset-ticker{color:#dc2626;font-size:28px;font-weight:900;letter-spacing:1px;margin:0 0 4px;text-transform:uppercase}.asset-name{color:#666;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-info-box{background:#fff;border:3px solid #e0e0e0;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;margin:0 20px;padding:16px}.price-main{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:8px}.price-label{color:#666;font-weight:700}.price-value{color:#222;font-size:24px}.price-change{align-items:center;border-radius:8px;display:flex;font-weight:700;justify-content:space-between;padding:8px}.price-change.positive{background:#10b9811a;color:#10b981}.price-change.negative{background:#ef44441a;color:#ef4444}.change-value{font-size:16px}.asset-stats{background:#00000008;display:flex;justify-content:space-around;padding:16px 20px}.stat-label{color:#666;font-size:12px;letter-spacing:.5px;margin-bottom:4px}.stat-value{color:#222;font-size:16px;font-weight:800}.card-actions{display:flex;gap:12px;margin-top:auto;padding:0 20px}.buy-button,.explain-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase;transition:all .3s ease}.explain-button{background:#e0e0e0;color:#666}.explain-button:hover:not(:disabled){background:#d0d0d0;transform:translateY(-2px)}.explain-button:disabled{cursor:not-allowed;opacity:.6}.buy-button{background:var(--card-color);box-shadow:0 2px 4px #0003;color:#fff}.buy-button:hover{box-shadow:0 4px 8px #0000004d;filter:brightness(1.1)}.card-description{animation:slide-up .3s ease-out forwards;background:#fffffffa;border-top:3px solid var(--card-color);bottom:0;box-shadow:0 -4px 8px #0000001a;left:0;padding:20px;position:absolute;right:0;transform:translateY(100%)}.description-content p{color:#444;font-size:14px;font-weight:600;line-height:1.5;margin:0 0 12px}.company-website{align-items:center;background:var(--card-color);border-radius:8px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:8px 12px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.company-website:hover{filter:brightness(1.1);transform:translateY(-2px)}.asset-metrics-expanded{display:flex;flex-direction:column;gap:8px;margin:16px 0 12px}.metric-item{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:6px 0}.metric-item:last-child{border-bottom:none}.metric-label{color:#666;font-size:12px;letter-spacing:.5px}.metric-value{color:#222;font-size:12px}.holographic-overlay{background:linear-gradient(135deg,#0000,#ffffff1a 20%,#0000 40%,#ffffff1a 60%,#0000 80%,#ffffff1a);inset:0;mix-blend-mode:overlay;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.card-front:hover .holographic-overlay{animation:holographic-shine 3s linear infinite;opacity:1}@keyframes holographic-shine{to{transform:translateX(100%)}}.card-back{align-items:center;backface-visibility:hidden;background:linear-gradient(135deg,#3c5aa6,#5a7ec7);border:12px solid #2a4076;border-radius:20px;display:flex;height:100%;justify-content:center;overflow:hidden;position:absolute;transform:rotateY(180deg);width:100%}.card-back-pattern{background-image:repeating-linear-gradient(45deg,#0000,#0000 20px,#ffffff1a 0,#ffffff1a 40px);inset:0;position:absolute}.card-back-logo{animation:pulse 2s ease-in-out infinite;color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:80px}.company-logo{background:#fff;border-radius:8px;height:80px;object-fit:contain;padding:4px;width:80px}.logo-fallback{align-items:center;display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;width:100%}.asset-type-icon{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.2));font-size:32px}@media (max-width:480px){.asset-card{height:450px}.card-image-area{min-height:100px;padding:20px}.asset-logo{height:80px;width:80px}.asset-ticker,.ticker-symbol{font-size:24px}.price-value{font-size:20px}.card-actions{flex-direction:column;padding:0 16px 16px}}.stock-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #0ff;padding:20px;transition:all .3s ease}.stock-card:before{animation:gradient-border 3s linear infinite;background:linear-gradient(45deg,#0ff,#ff0080,#0f0,#0ff);border-radius:16px;bottom:-2px;left:-2px;opacity:0;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}@keyframes gradient-border{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stock-card:hover{box-shadow:0 10px 30px #00ffff4d;transform:translateY(-4px)}.stock-card:hover:before{opacity:.7}.stock-card-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.stock-logo-container{flex-shrink:0;height:60px;position:relative;width:60px}.stock-logo{background:#fff;object-fit:contain;padding:8px}.stock-logo,.stock-logo-fallback{border-radius:12px;height:100%;width:100%}.stock-logo-fallback{align-items:center;background:linear-gradient(135deg,#0ff,#0080ff);color:#fff;display:flex;font-size:24px;font-weight:900;justify-content:center;text-transform:uppercase}.stock-info{flex:1 1}.stock-ticker{color:#dc2626;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.stock-name{color:#a0a0a0;font-size:14px;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-change{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.stock-change.positive .change-percent{color:#0f0}.stock-change.negative .change-percent{color:#ff0080}.change-percent{font-size:18px;font-weight:700}.change-arrow{font-size:20px}.stock-change.positive .change-arrow{color:#0f0}.stock-change.negative .change-arrow{color:#ff0080}.stock-card-body{margin-bottom:20px}.price-section{margin-bottom:16px}.current-price{align-items:baseline;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.price-label{color:#a0a0a0;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.price-value{color:#0ff;font-size:28px;font-weight:900}.bid-ask-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.ask-price,.bid-price{display:flex;flex-direction:column;gap:4px}.ask-label,.bid-label{color:#a0a0a0;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.bid-value{color:#ff0080}.ask-value,.bid-value{font-size:20px;font-weight:700}.ask-value{color:#0f0}.volume-section{align-items:baseline;background:#00ffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.volume-label{color:#a0a0a0;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.volume-value{color:#0ff;font-size:16px;font-weight:700}.stock-card-footer{display:flex;gap:12px}.buy-button,.details-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px;text-transform:uppercase;transition:all .3s ease}.details-button{background:#0000;border:2px solid #0ff;color:#0ff}.details-button:hover{background:#0ff;box-shadow:0 0 20px #00ffff80;color:#000}.buy-button{background:linear-gradient(135deg,#0f0,#0ff);color:#000;overflow:hidden;position:relative}.buy-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.buy-button:hover:before{height:300px;width:300px}.buy-button:hover{box-shadow:0 5px 20px #00ff0080;transform:translateY(-2px)}@media (max-width:768px){.stock-card{padding:16px}.stock-card-header{gap:12px}.stock-logo-container{height:48px;width:48px}.stock-ticker{font-size:20px}.stock-name{font-size:12px}.change-percent{font-size:16px}.price-value{font-size:24px}.ask-value,.bid-value{font-size:18px}.bid-ask-section{gap:12px}.buy-button,.details-button{font-size:12px;padding:10px}}@media (max-width:480px){.stock-card-header{flex-wrap:wrap}.stock-change{flex-direction:row;justify-content:space-between;margin-top:8px;width:100%}.bid-ask-section{gap:8px;grid-template-columns:1fr}.stock-card-footer{flex-direction:column}}:root{--primary-red:#ee1515;--primary-blue:#0075be;--primary-yellow:#fc0;--primary-purple:#7038f8;--primary-green:#4cad5c;--bg-dark:#1a1a2e;--bg-light:#f5f5f5;--bg-card:#fff;--text-primary:#2b2d42;--text-secondary:#5c5f7f;--text-white:#fff;--accent-orange:#ff6b6b;--accent-pink:#ff69b4;--accent-cyan:#00d9ff;--shadow-primary:0 8px 32px #1f26875e;--shadow-card:0 4px 20px #0000001a;--shadow-hover:0 8px 40px #0003;--border-width:4px;--border-radius:20px;--border-radius-small:12px}.manga-dots{background-image:radial-gradient(circle,#0000001a 1px,#0000 0);background-size:20px 20px}.manga-lines{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff0d 0,#ffffff0d 20px)}.speed-lines{animation:speed-lines-move 2s linear infinite;background-image:linear-gradient(90deg,#0000 0,#ffffff1a 45%,#ffffff4d 50%,#ffffff1a 55%,#0000);background-size:200% 100%}@keyframes speed-lines-move{0%{background-position:-200% 0}to{background-position:200% 0}}.manga-text{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive;font-weight:700;letter-spacing:1px;text-transform:uppercase}.impact-text{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fc0,#ff6b6b);background:linear-gradient(180deg,var(--primary-yellow) 0,var(--accent-orange) 100%);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:48px;font-weight:900;text-shadow:3px 3px 0 #0003;text-transform:uppercase;transform:rotate(-2deg)}.sound-effect{font-family:Arial Black,sans-serif;font-weight:900;pointer-events:none;position:absolute;text-transform:uppercase;transform-origin:center;z-index:100}.sound-effect.pow{animation:pow-effect .6s ease-out forwards;color:#ee1515;color:var(--primary-red);font-size:60px;text-shadow:3px 3px 0 #fc0,6px 6px 0 #0003;text-shadow:3px 3px 0 var(--primary-yellow),6px 6px 0 #0003;transform:rotate(-15deg) scale(0)}.sound-effect.bam{animation:bam-effect .5s ease-out forwards;color:#0075be;color:var(--primary-blue);font-size:50px;text-shadow:3px 3px 0 #fff,6px 6px 0 #0003;text-shadow:3px 3px 0 var(--text-white),6px 6px 0 #0003;transform:rotate(10deg) scale(0)}.sound-effect.whoosh{animation:whoosh-effect .8s ease-out forwards;color:#00d9ff;color:var(--accent-cyan);font-size:40px;text-shadow:2px 2px 0 #fff,4px 4px 10px #00d9ff80;text-shadow:2px 2px 0 var(--text-white),4px 4px 10px #00d9ff80;transform:translateX(-100px)}@keyframes pow-effect{0%{opacity:1;transform:rotate(-15deg) scale(0)}50%{transform:rotate(-15deg) scale(1.2)}to{opacity:0;transform:rotate(-15deg) scale(1)}}@keyframes bam-effect{0%{opacity:1;transform:rotate(10deg) scale(0)}50%{transform:rotate(10deg) scale(1.3)}to{opacity:0;transform:rotate(10deg) scale(1)}}@keyframes whoosh-effect{0%{opacity:0;transform:translateX(-100px)}50%{opacity:1}to{opacity:0;transform:translateX(100px)}}.manga-button{background:linear-gradient(135deg,#fc0,#ff6b6b);background:linear-gradient(135deg,var(--primary-yellow) 0,var(--accent-orange) 100%);border:4px solid #2b2d42;border:var(--border-width) solid var(--text-primary);border-radius:20px;border-radius:var(--border-radius);box-shadow:4px 4px 0 #0003;color:#2b2d42;color:var(--text-primary);cursor:pointer;font-size:18px;font-weight:900;letter-spacing:1px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.manga-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.manga-button:hover{box-shadow:6px 6px 0 #0000004d;transform:translate(-2px,-2px)}.manga-button:hover:before{left:100%}.manga-button:active{box-shadow:2px 2px 0 #0003;transform:translate(2px,2px)}.manga-card{background:#fff;background:var(--bg-card);border:4px solid #2b2d42;border:var(--border-width) solid var(--text-primary);box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-card);overflow:hidden;padding:30px;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.manga-card,.manga-card:before{border-radius:20px;border-radius:var(--border-radius)}.manga-card:before{background:linear-gradient(45deg,#ee1515,#0075be,#fc0,#4cad5c);background:linear-gradient(45deg,var(--primary-red),var(--primary-blue),var(--primary-yellow),var(--primary-green));bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s;z-index:-1}.manga-card:hover{box-shadow:0 8px 40px #0003;box-shadow:var(--shadow-hover);transform:translateY(-5px) rotate(1deg)}.manga-card:hover:before{animation:rainbow-border 3s linear infinite;opacity:1}@keyframes rainbow-border{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.character-bubble{background:#fff;background:var(--bg-card);border:3px solid #2b2d42;border:3px solid var(--text-primary);border-radius:20px;box-shadow:3px 3px 0 #0000001a;margin:20px 0;padding:20px;position:relative}.character-bubble:before{border-color:#2b2d42 #0000 #0000;border-color:var(--text-primary) #0000 #0000 #0000;border-style:solid;border-width:15px 10px 0;bottom:-15px;content:"";height:0;left:30px;position:absolute;width:0}.character-bubble:after{border-color:#fff #0000 #0000;border-color:var(--bg-card) #0000 #0000 #0000;border-style:solid;border-width:13px 8px 0;bottom:-11px;content:"";height:0;left:32px;position:absolute;width:0}.starburst{animation:rotate-starburst 20s linear infinite;background:conic-gradient(from 0deg,#fc0 0deg 20deg,#ff6b6b 20deg 40deg,#fc0 40deg 60deg,#ff6b6b 60deg 80deg,#fc0 80deg 100deg,#ff6b6b 100deg 120deg,#fc0 120deg 140deg,#ff6b6b 140deg 160deg,#fc0 160deg 180deg,#ff6b6b 180deg 200deg,#fc0 200deg 220deg,#ff6b6b 220deg 240deg,#fc0 240deg 260deg,#ff6b6b 260deg 280deg,#fc0 280deg 300deg,#ff6b6b 300deg 320deg,#fc0 320deg 340deg,#ff6b6b 340deg 1turn);background:conic-gradient(from 0deg,var(--primary-yellow) 0deg 20deg,var(--accent-orange) 20deg 40deg,var(--primary-yellow) 40deg 60deg,var(--accent-orange) 60deg 80deg,var(--primary-yellow) 80deg 100deg,var(--accent-orange) 100deg 120deg,var(--primary-yellow) 120deg 140deg,var(--accent-orange) 140deg 160deg,var(--primary-yellow) 160deg 180deg,var(--accent-orange) 180deg 200deg,var(--primary-yellow) 200deg 220deg,var(--accent-orange) 220deg 240deg,var(--primary-yellow) 240deg 260deg,var(--accent-orange) 260deg 280deg,var(--primary-yellow) 280deg 300deg,var(--accent-orange) 300deg 320deg,var(--primary-yellow) 320deg 340deg,var(--accent-orange) 340deg 1turn);height:100%;opacity:.1;position:absolute;width:100%}@keyframes rotate-starburst{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating{animation:float 3s ease-in-out infinite}.bouncing{animation:bounce 1s ease-in-out infinite}.assets-container{background:#fff;min-height:100vh;position:relative}.assets-header{background:linear-gradient(135deg,#ee1515,#fb3f3f);box-shadow:0 4px 12px #00000026;position:sticky;top:0;z-index:100}.header-content{margin:0 auto;max-width:1400px;padding:20px 24px}.back-button{align-items:center;background:#fff3;border:2px solid #fff;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.back-button:hover{background:#fff;color:#ee1515;transform:translateY(-2px)}.back-arrow{font-size:20px}.page-title{align-items:center;color:#fff;display:flex;font-size:36px;font-weight:900;gap:12px;letter-spacing:2px;margin:0;text-shadow:3px 3px 6px #0000004d;text-transform:uppercase}.title-icon{animation:bounce 2s ease-in-out infinite;font-size:42px}.portfolio-button{align-items:center;background:#fff;border:none;border-radius:30px;box-shadow:0 4px 8px #0003;color:#ee1515;cursor:pointer;display:flex;font-size:16px;font-weight:800;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.portfolio-button:hover{box-shadow:0 6px 16px #0000004d;transform:translateY(-2px) scale(1.05)}.asset-class-tabs{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:88px;z-index:90}.tabs-container{display:flex;gap:16px;margin:0 auto;max-width:1400px;overflow-x:auto;padding:20px 24px;scrollbar-width:thin}.class-tab{align-items:center;background:#fff;border:3px solid #0000;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:4px;min-width:140px;padding:16px 24px;transition:all .3s ease}.class-tab:hover{border-color:var(--tab-color)!important;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.class-tab.active{box-shadow:0 6px 16px #00000026;transform:scale(1.05)}.tab-name{color:#222;font-size:18px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.tab-description{color:#666;font-size:12px;font-weight:600;text-align:center}.assets-main{background-color:#fff;margin:0 auto;max-width:1400px;padding:40px 24px}.category-header{margin-bottom:40px;text-align:center}.category-title{color:#222;font-size:42px;font-weight:900;letter-spacing:2px;margin:0 0 8px;text-transform:uppercase}.category-subtitle{color:#666;font-size:18px;font-weight:600}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-pokeball{animation:spin 2s linear infinite;background:linear-gradient(180deg,#ee1515 50%,#fff 0);border:4px solid #222;border-radius:50%;height:80px;position:relative;width:80px}.loading-pokeball:before{background:#fff;border:4px solid #222;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.loading-pokeball:after{background:#222;content:"";height:4px;left:0;position:absolute;right:0;top:50%}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:#666;font-size:20px;font-weight:700;margin-top:20px}.error-container{padding:60px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-message{color:#666;font-size:18px;margin-bottom:24px}.retry-button{background:#ee1515;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.retry-button:hover{box-shadow:0 4px 12px #ee15154d;transform:scale(1.05)}.assets-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:60px}.no-assets{grid-column:1/-1;padding:60px 20px;text-align:center}.no-assets-icon{display:block;font-size:64px;margin-bottom:16px;opacity:.5}.no-assets p{color:#666;font-size:20px;font-weight:600}.tips-section{background:linear-gradient(135deg,#3c5aa6,#5a7ec7);border-radius:24px;box-shadow:0 8px 24px #3c5aa64d;margin-top:60px;padding:48px}.tips-container{margin:0 auto;max-width:1200px}.tips-title{color:#fff;font-size:32px;font-weight:900;letter-spacing:1px;margin:0 0 32px;text-align:center;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.tips-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:#fffffff2;border-radius:16px;box-shadow:0 4px 8px #0000001a;padding:24px;text-align:center;transition:all .3s ease}.tip-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-4px)}.tip-icon{display:block;font-size:48px;margin-bottom:16px}.tip-card h4{color:#222;font-size:20px;font-weight:800;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.tip-card p{color:#666;font-size:16px;font-weight:600;margin:0}@media (max-width:768px){.header-content{flex-direction:column;gap:16px;text-align:center}.page-title{font-size:28px}.tabs-container{gap:12px;padding:16px}.class-tab{min-width:120px;padding:12px 16px}.tab-name{font-size:14px}.category-title{font-size:32px}.assets-grid{gap:24px;grid-template-columns:1fr}.tips-section{padding:32px 20px}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.modal-overlay{background:#000000b3;padding:20px;z-index:10000}.stock-modal{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff1a;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{background:#0000001a;border-radius:50%;font-size:20px;height:40px;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:1001}.modal-close:hover{background:#0003;transform:scale(1.1)}.modal-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e5e7eb;border-radius:24px 24px 0 0;padding:40px 40px 32px}.stock-header-info{align-items:flex-start;display:flex;gap:24px;margin-bottom:32px}.stock-logo-large{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:16px;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.stock-logo-large img{height:100%;object-fit:contain;width:100%}.stock-title-info{flex:1 1}.stock-modal-title{color:#1f2937;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 8px}.stock-modal-ticker{color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:18px;font-weight:600;margin-bottom:12px}.stock-modal-price{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border:1px solid #a7f3d0;border-radius:12px;color:#059669;display:inline-block;font-size:28px;font-weight:700;padding:12px 20px}.stock-metrics-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-summary{display:flex;flex-direction:column;gap:4px}.metric-summary .metric-label{color:#6b7280;font-size:14px;font-weight:500}.metric-summary .metric-value{color:#374151;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:18px;font-weight:600}.metric-summary .metric-value.buy-price{color:#059669;font-weight:700}.metric-summary .metric-value.sell-price{color:#dc2626;font-weight:700}.company-description{border-bottom:1px solid #e5e7eb;padding:32px 40px}.company-description h3{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 16px}.description-text{color:#4b5563;font-size:16px;line-height:1.6;margin:0 0 16px}.expand-button{background:none;border:none;color:#059669;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline;transition:color .3s ease}.expand-button:hover{color:#047857}.chart-section{border-bottom:1px solid #e5e7eb;padding:32px 40px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.chart-header h3{color:#1f2937;font-size:20px;font-weight:700;margin:0}.period-selector{background:#f3f4f6;border-radius:12px;display:flex;gap:8px;padding:4px}.period-button{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.period-button:hover{color:#374151}.period-button.active{background:#059669;box-shadow:0 2px 8px #0596694d;color:#fff}.stock-chart{background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:16px;overflow-x:auto;padding:20px;width:100%}.chart-point{transition:all .3s ease}.chart-point:hover{r:5;fill:#047857}.chart-empty,.chart-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:240px;justify-content:center}.chart-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#059669;height:32px;margin-bottom:12px;width:32px}.trading-actions{border-bottom:1px solid #e5e7eb;padding:32px 40px}.trading-actions h3{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 24px}.trading-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.trading-section{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:20px;padding:24px;transition:all .3s ease}.buy-section{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#d1fae5}.sell-section{background:linear-gradient(135deg,#fef2f2,#fef7f7);border-color:#fee2e2}.trading-header{margin-bottom:20px;text-align:center}.trading-header h4{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 8px}.price-display{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:16px;font-weight:600}.buy-price-display{color:#059669}.sell-price-display{color:#dc2626}.quantity-controls{margin-bottom:16px}.quantity-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.quantity-input-group{background:#fff;border:2px solid #d1d5db;border-radius:12px;gap:2px;overflow:hidden}.quantity-btn,.quantity-input-group{align-items:center;display:flex;justify-content:center}.quantity-btn{background:#f3f4f6;border:none;color:#374151;cursor:pointer;font-size:18px;font-weight:700;height:40px;transition:all .2s ease;width:40px}.quantity-btn:hover{background:#e5e7eb;color:#1f2937}.quantity-btn.minus:hover{background:#fee2e2;color:#dc2626}.quantity-btn.plus:hover{background:#d1fae5;color:#059669}.quantity-input{background:#fff;border:none;color:#1f2937;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:16px;font-weight:600;height:40px;outline:none;text-align:center;width:80px}.total-amount{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.total-label{color:#6b7280;font-size:14px;font-weight:600}.total-value{color:#1f2937;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.action-button,.total-value{font-size:16px;font-weight:700}.action-button{border:none;border-radius:16px;color:#fff;cursor:pointer;letter-spacing:1px;padding:16px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.action-button.buy-button{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 20px #0596694d}.action-button.buy-button:hover{box-shadow:0 8px 30px #05966966;transform:translateY(-2px)}.action-button.sell-button{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 20px #dc26264d}.action-button.sell-button:hover{box-shadow:0 8px 30px #dc262666;transform:translateY(-2px)}.company-additional-info{padding:32px 40px}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#6b7280;font-size:14px;font-weight:500}.info-value{color:#374151}.info-link,.info-value{font-size:16px;font-weight:600}.info-link{color:#059669;text-decoration:none;transition:color .3s ease}.info-link:hover{color:#047857;text-decoration:underline}@media (max-width:768px){.modal-overlay{padding:10px}.stock-modal{border-radius:16px;max-height:95vh}.modal-header{padding:24px 24px 20px}.stock-header-info{align-items:center;flex-direction:column;gap:16px;margin-bottom:24px;text-align:center}.stock-logo-large{height:60px;width:60px}.stock-modal-title{font-size:24px}.stock-modal-price{font-size:22px;padding:10px 16px}.stock-metrics-summary{gap:16px;grid-template-columns:repeat(2,1fr)}.chart-section,.company-additional-info,.company-description,.trading-actions{padding:24px}.trading-grid{gap:24px;grid-template-columns:1fr}.chart-header{align-items:stretch;flex-direction:column;gap:16px}.period-selector{justify-content:center}.period-button{flex:1 1;text-align:center}.stock-chart{overflow-x:scroll;padding:16px}.info-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.modal-header{padding:20px}.stock-modal-title{font-size:20px}.stock-modal-price{font-size:18px;padding:8px 12px}.stock-metrics-summary{gap:12px;grid-template-columns:1fr}.chart-section,.company-additional-info,.company-description,.trading-actions{padding:20px}.trading-grid{gap:20px;grid-template-columns:1fr}.trading-section{padding:20px}.period-button{font-size:12px;padding:6px 12px}}.search-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 24px #0000000f,0 1px 3px #00000014;margin-bottom:40px;padding:32px}.search-form{margin-top:24px}.search-controls{display:flex;flex-direction:column;gap:20px}.search-type-selector{display:flex;gap:24px;margin-bottom:8px}.search-type-option{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:8px;transition:color .3s ease}.search-type-option:hover{color:#059669}.search-type-option input[type=radio]{accent-color:#059669;height:18px;width:18px}.search-input-group{align-items:center;display:flex;gap:16px}.search-input{border:2px solid #e1e5e9;border-radius:12px;color:#1f2937;flex:1 1;font-size:16px;font-weight:500;padding:16px 20px;transition:all .3s ease}.search-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.search-input::placeholder{color:#9ca3af;font-weight:400}.search-button{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.search-button:hover:not(:disabled){box-shadow:0 8px 24px #0596694d;transform:translateY(-2px)}.search-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:12px;font-weight:500;gap:12px;margin-bottom:32px;padding:16px 24px}.error-icon{display:none;font-size:20px}.loading-state{color:#6b7280}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#059669;height:40px;margin-bottom:16px;width:40px}.stocks-section{margin-bottom:40px}.stocks-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:60px}.stock-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 24px #0000000f,0 1px 3px #00000014;cursor:pointer;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.stock-card:before{background:linear-gradient(90deg,#059669,#10b981);content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:height .3s ease}.stock-card:hover{border-color:#059669;box-shadow:0 20px 64px #0000001f,0 8px 24px #00000014;transform:translateY(-8px)}.stock-card:hover:before{height:8px}.stock-logo{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:16px;display:flex;height:100px;justify-content:center;overflow:hidden;position:absolute;right:24px;top:24px;transition:all .3s ease;width:100px}.stock-card:hover .stock-logo{border-color:#059669;transform:scale(1.05)}.stock-logo img{height:100%;object-fit:contain;transition:all .3s ease;width:100%}.stock-logo.dragging-active,.stock-logo.dragging-move{transform:translate(0) scale(1) rotate(0deg)!important;transform:translate(var(--drag-x,0),var(--drag-y,0)) scale(var(--drag-scale,1)) rotate(var(--drag-rotate,0deg))!important;z-index:1000!important}.stock-logo.dragging-move{transition:none!important}.stock-info{margin-right:120px}.stock-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.stock-ticker{color:#1f2937;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.stock-price{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border:1px solid #a7f3d0;border-radius:8px;color:#059669;font-size:22px;font-weight:700;padding:8px 16px}.stock-name{color:#4b5563;font-size:16px;font-weight:500;line-height:1.4;margin-bottom:20px}.stock-metrics{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:20px}.metric-row{align-items:center;display:flex;justify-content:space-between}.metric-label{color:#6b7280;font-weight:500}.metric-value{color:#374151;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;font-weight:600}.metric-value.ask{color:#dc2626}.metric-value.bid{color:#2563eb}.stock-action{background:#fff;border:2px solid #059669;border-radius:12px;color:#059669;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.stock-action:before{background:#059669;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.stock-action:hover{box-shadow:0 8px 24px #0596694d;color:#fff;transform:translateY(-2px)}.stock-action:hover:before{left:0}.empty-state{color:#6b7280}.empty-icon{margin-bottom:16px}.empty-state h3{color:#374151;font-size:20px;margin-bottom:8px}@media (max-width:768px){.search-section{margin-bottom:32px;padding:24px}.search-controls,.search-type-selector{gap:16px}.search-input-group{flex-direction:column;gap:12px}.search-button{justify-content:center;width:100%}.stocks-grid{gap:24px;grid-template-columns:1fr}.stock-card{padding:24px}.stock-logo{height:80px;right:20px;top:20px;width:80px}.stock-info{margin-right:100px}.stock-header{align-items:flex-start;flex-direction:column;gap:8px}.stock-ticker{font-size:20px}.stock-price{font-size:18px;padding:6px 12px}.stock-metrics{gap:10px;padding:16px}}@media (max-width:480px){.search-section{padding:20px}.search-type-selector{flex-direction:column;gap:12px}.stock-card{padding:20px}.stock-logo{height:70px;right:16px;top:16px;width:70px}.stock-info{margin-right:90px}.stock-metrics{padding:12px}.metric-row{align-items:flex-start;flex-direction:column;gap:4px}}.mobile-dashboard-container *{box-sizing:border-box}.mobile-dashboard-overlay{align-items:stretch;animation:overlay-fade-in .3s ease;background:#fff;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:10000}.mobile-dashboard-container{background:#fff;border-radius:0;box-shadow:none;overflow:hidden;transition:transform .3s ease;width:100%}.mobile-dashboard-header{align-items:center;background:#fff!important;border-bottom:2px solid #e5e7eb;border-radius:0;display:flex;flex-shrink:0;justify-content:space-between;max-height:80px;min-height:80px;padding:max(25px,env(safe-area-inset-top,25px)) 20px 12px;position:relative;z-index:2000}.pull-indicator{display:none}.header-content{align-items:center;display:flex;flex:1 1;gap:15px;justify-content:space-between;position:relative;width:100%;z-index:2001}.dashboard-title{color:#111827!important;flex:1 1;font-family:Arial Black,Impact,Franklin Gothic Medium,sans-serif;font-size:16px;font-weight:900;letter-spacing:.05em;margin:0;order:1;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.close-btn{align-items:center;background:#fff;border:3px solid #000;border-radius:50%;box-shadow:3px 3px 0 #333;color:#000;cursor:pointer;display:flex!important;flex-shrink:0;font-size:20px;font-weight:900;height:40px;justify-content:center;margin:0;order:2;position:relative;transition:all .2s ease;width:40px;z-index:9999}.close-btn:hover{background:#f3f4f6;box-shadow:4px 4px 0 #333;transform:translate(-1px,-1px)}.close-btn:active{box-shadow:1px 1px 0 #333;transform:translate(1px,1px);transform:scale(.95)}.mobile-dashboard-overlay .mobile-dashboard-container .mobile-dashboard-tabs{-webkit-overflow-scrolling:touch!important;align-items:stretch!important;background:#fff!important;border-bottom:3px solid #000!important;box-shadow:0 2px 4px #0000001a!important;box-sizing:border-box!important;display:flex!important;flex-shrink:0!important;gap:8px!important;justify-content:space-around!important;margin-top:0!important;max-height:80px!important;min-height:80px!important;overflow-x:auto!important;padding:15px 10px!important;position:sticky!important;top:0!important;width:100%!important;z-index:1000!important}.mobile-dashboard-overlay .mobile-dashboard-container .mobile-dashboard-tabs .tab-btn{word-wrap:break-word!important;align-items:center!important;background:#f3f4f6!important;border:3px solid #000!important;border-radius:0!important;box-shadow:2px 2px 0 #6b7280!important;color:#374151!important;cursor:pointer!important;display:flex!important;flex:1 1!important;flex-direction:column!important;font-family:Arial Black,Arial,sans-serif!important;font-size:11px!important;font-weight:600!important;gap:0!important;height:100%!important;justify-content:center!important;letter-spacing:.05em!important;line-height:1.1!important;max-width:120px!important;min-height:50px!important;min-width:80px!important;opacity:.7!important;overflow:visible!important;padding:8px 4px!important;text-align:center!important;text-transform:uppercase!important;transition:all .2s ease!important;white-space:normal!important}.mobile-dashboard-overlay .mobile-dashboard-container .mobile-dashboard-tabs .tab-btn.active{background:#1f2937!important;border:solid #dc2626!important;border-width:3px 3px 4px!important;box-shadow:3px 3px 0 #dc2626!important;color:#fff!important;font-size:12px!important;font-weight:800!important;opacity:1!important;text-shadow:1px 1px 0 #000!important;transform:translate(0)!important;z-index:10!important}.mobile-dashboard-overlay .mobile-dashboard-container .mobile-dashboard-tabs .tab-btn:hover:not(.active){background:#e5e7eb!important;box-shadow:3px 3px 0 #4b5563!important;color:#111827!important;font-weight:700!important;opacity:.9!important;transform:translate(-1px,-1px)!important}.tab-btn.active .tab-icon,.tab-btn.active .tab-icon img,.tab-icon,.tab-icon img{display:none!important}.mobile-dashboard-overlay .mobile-dashboard-container .mobile-dashboard-tabs .tab-btn .tab-label{word-wrap:break-word!important;color:inherit!important;display:block!important;font-family:Arial Black,Arial,sans-serif!important;font-size:11px!important;font-weight:inherit!important;-webkit-hyphens:auto!important;hyphens:auto!important;letter-spacing:.05em!important;line-height:1.1!important;margin:0!important;max-width:100%!important;opacity:1!important;overflow:visible!important;padding:0!important;text-align:center!important;text-shadow:none!important;text-transform:uppercase!important;visibility:visible!important;white-space:normal!important;width:100%!important}.mobile-dashboard-overlay .mobile-dashboard-container .mobile-dashboard-tabs .tab-btn.active .tab-label{color:#fff!important;font-size:12px!important;font-weight:800!important;text-shadow:1px 1px 0 #000!important}.mobile-dashboard-content{background:#f9fafb;box-sizing:border-box;flex:1 1;max-width:100vw;min-height:calc(100vh - 110px);overflow-x:hidden;overflow-y:auto;padding-bottom:30px;width:100%}.tab-content{min-height:calc(100vh - 130px);padding:8px}.overview-tab{padding-top:20px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;height:32px;width:32px}.loading-state p{color:#374151;font-size:16px;font-weight:600;margin:0}.overview-tab{display:flex;flex-direction:column;gap:24px}.hero-metrics{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:3px solid #000!important;border-radius:0!important;box-shadow:4px 4px 0 #333!important;color:#fff!important;margin:20px -20px 0!important;padding:32px 20px!important;position:static!important;text-align:center!important}.hero-metrics *,.hero-metrics :after,.hero-metrics :before{background:#0000!important;background-color:initial!important;border:none!important;box-shadow:none!important;color:#fff!important}.hero-metric{background:#0000!important;display:flex;flex-direction:column;gap:8px}.hero-value{font-size:36px;font-weight:900;letter-spacing:-.025em}.hero-label,.hero-value{background:#0000!important;color:#fff!important;text-shadow:0 2px 4px #000c}.hero-label{font-size:16px;font-weight:700;letter-spacing:.05em;opacity:1;text-transform:uppercase}.section-title{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.025em;margin:0 0 16px}.metrics-section{margin-top:16px}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.metric-card{align-items:center;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px 0 #333;display:flex;justify-content:center;padding:20px;transition:all .2s ease}.metric-card:active{transform:scale(.98)}.metric-card.cash{border-left:4px solid #10b981}.metric-card.portfolio{border-left:4px solid #3b82f6}.metric-card.savings{border-left:4px solid #f59e0b}.metric-card.loan{border-left:4px solid #ef4444}.metric-info{flex:1 1;text-align:center}.metric-label{color:#374151;font-size:14px;font-weight:700;letter-spacing:.05em;margin-bottom:4px;text-shadow:0 1px 2px #fffc;text-transform:uppercase}.metric-value{color:#111827;font-size:16px;font-weight:700}.metric-buttons{display:flex;gap:8px;margin-top:12px}.metric-btn{background:#fff;border:2px solid #000;border-radius:0;box-shadow:2px 2px 0 #333;color:#111827;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;letter-spacing:.025em;padding:8px 12px;text-transform:uppercase;transition:all .2s ease}.metric-btn:hover{background:#f3f4f6;box-shadow:3px 3px 0 #333;transform:translate(-1px,-1px)}.metric-btn:active{box-shadow:1px 1px 0 #333;transform:translate(1px,1px)}.positions-btn{border-color:#3b82f6}.trade-btn{border-color:#10b981}.pnl-section{margin-top:8px}.pnl-card{align-items:center;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px 0 #333;display:flex;justify-content:center;padding:20px}.pnl-card.positive{border-left:4px solid #10b981}.pnl-card.negative{border-left:4px solid #ef4444}.pnl-info{flex:1 1;text-align:center}.pnl-label{font-size:14px}.pnl-value{color:#111827;font-size:20px;font-weight:700}.positions-list{display:flex;flex-direction:column;gap:20px;padding:16px 12px}.position-card{background:#fff;border:4px solid #000;border-radius:0;box-shadow:4px 4px 0 #333;margin-bottom:16px;padding:24px;transition:all .2s ease}.position-card.positive{border-left:6px solid #10b981}.position-card.negative{border-left:6px solid #ef4444}.position-card:active{transform:scale(.98)}.position-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.position-symbol{color:#000;font-size:22px;font-weight:900;text-shadow:1px 1px 0 #d3d3d3}.position-quantity,.position-symbol{font-family:Arial Black,Impact,Franklin Gothic Medium,sans-serif}.position-quantity{color:#374151;font-size:16px;font-weight:700}.position-details{grid-gap:8px;display:grid;gap:8px;margin-bottom:16px}.position-row{align-items:center;display:flex;justify-content:space-between}.detail-label{font-weight:700;letter-spacing:.05em;text-transform:uppercase}.detail-label,.detail-value{color:#000;font-family:Arial Black,Impact,Franklin Gothic Medium,sans-serif;font-size:18px}.detail-value{font-weight:900;text-shadow:1px 1px 0 #d3d3d3}.detail-value.market-value{color:#10b981;font-weight:900;text-shadow:1px 1px 0 #dcfce7}.position-pnl{border-radius:12px;padding:12px;text-align:center}.position-pnl.positive{background:#f0fdf4}.position-pnl.negative{background:#fef2f2}.pnl-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.025em;margin-bottom:4px;text-transform:uppercase}.pnl-amount{font-size:16px;font-weight:700}.position-pnl.positive .pnl-amount{color:#10b981}.position-pnl.negative .pnl-amount{color:#ef4444}.analytics-content{display:flex;flex-direction:column;gap:20px;padding:16px 12px}.analytics-card{background:#fff;border:4px solid #000;border-radius:0;box-shadow:4px 4px 0 #333;margin-bottom:16px;padding:24px}.analytics-subtitle{color:#000;font-family:Arial Black,Impact,Franklin Gothic Medium,sans-serif;font-size:20px;font-weight:900;letter-spacing:.05em;margin:0 0 16px;text-shadow:1px 1px 0 #d3d3d3;text-transform:uppercase}.analytics-subtitle.positive{color:#059669}.analytics-subtitle.warning{color:#d97706}.summary-text{color:#000;font-family:Arial Black,Impact,Franklin Gothic Medium,sans-serif;font-size:16px;font-weight:600;line-height:1.5;margin:0}.insights-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.insight-item{border:3px solid #000;border-radius:0;box-shadow:2px 2px 0 #333;font-family:Arial Black,Impact,Franklin Gothic Medium,sans-serif;font-size:16px;font-weight:700;line-height:1.4;padding:16px 20px}.insight-item.positive{background:#f0fdf4;border-color:#059669;color:#059669}.insight-item.warning{background:#fef3c7;border-color:#d97706;color:#d97706}.risk-level{align-items:center;display:flex;gap:8px;margin-bottom:12px}.risk-label{color:#6b7280;font-size:14px;font-weight:500}.risk-badge{border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.025em;padding:4px 12px;text-transform:uppercase}.risk-badge.low{background:#f0fdf4;color:#059669}.risk-badge.medium{background:#fef3c7;color:#d97706}.risk-badge.high{background:#fef2f2;color:#dc2626}.risk-factors{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.risk-factor{color:#6b7280;font-size:14px;line-height:1.4}.qa-input{display:flex;gap:8px;margin-bottom:16px}.question-input{background:#fff!important;border:1px solid #d1d5db;border-radius:12px;color:#111827!important;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.question-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.question-input::placeholder{color:#6b7280!important;opacity:1}.ask-btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-width:48px;padding:12px 16px;transition:all .2s ease}.ask-btn:hover:not(:disabled){background:#2563eb}.ask-btn:disabled{cursor:not-allowed;opacity:.6}.ask-btn:active:not(:disabled){transform:scale(.95)}.qa-response{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.response-label{color:#3b82f6;font-size:12px;font-weight:700;letter-spacing:.025em;margin-bottom:8px;text-transform:uppercase}.response-text{color:#374151;font-size:14px;line-height:1.6;margin:0}.empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;opacity:.6}.empty-state p{color:#6b7280;font-size:16px;font-weight:500;margin:0}.analyze-btn{background:grey;border:3px solid #000;border-radius:0;box-shadow:4px 4px 0 #333;color:#fff;cursor:pointer;font-family:Arial Black,Impact,Franklin Gothic Medium,Arial Narrow,sans-serif;font-size:16px;font-weight:900;letter-spacing:.1em;min-height:48px;min-width:120px;padding:16px 32px;text-transform:uppercase;transition:all .2s ease}.analyze-btn:hover{background:#696969;box-shadow:5px 5px 0 #222;transform:translate(-1px,-1px)}.analyze-btn:active{background:#606060;box-shadow:2px 2px 0 #333;transform:translate(2px,2px)}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:360px){.metrics-grid{grid-template-columns:1fr}.metric-card{padding:12px}.hero-value{font-size:28px}.tab-content{padding:16px}}.mobile-dashboard-overlay{bottom:0!important;height:100vh!important;left:0!important;overflow-x:hidden!important;padding-top:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.mobile-dashboard-container{box-sizing:border-box!important;max-width:100vw!important;min-width:100vw!important;overflow-x:hidden!important;padding-top:0!important;width:100%!important}.mobile-dashboard-tabs{background:#f8f9fa!important;border-bottom:4px solid #000!important;box-shadow:0 4px 8px #0003!important;gap:12px!important;margin-top:0!important;max-height:100px!important;min-height:100px!important;overflow-x:auto!important;padding:20px 12px!important;top:0!important;white-space:nowrap!important;width:100%!important}.mobile-dashboard-container .tab-label{color:#000!important;display:block!important;font-size:12px!important;font-weight:900!important;opacity:1!important;visibility:visible!important}.mobile-dashboard-container .tab-btn.active .tab-label{color:#3b82f6!important}.mobile-dashboard-container .close-btn{display:flex!important;opacity:1!important;visibility:visible!important}.mobile-dashboard-content{overflow-x:auto!important;padding-bottom:40px!important;width:100%!important}.tab-content{box-sizing:border-box!important;max-width:100vw!important;padding:20px 15px!important;width:100%!important}.pnl-section{display:block!important;margin-bottom:30px!important;min-height:120px!important}.pnl-card,.pnl-section{visibility:visible!important;width:100%!important}.pnl-card{display:flex!important;margin-bottom:15px!important}.metrics-grid{grid-gap:15px!important;display:grid!important;gap:15px!important;grid-template-columns:1fr 1fr!important;margin:0!important;padding:0!important;width:100%!important}.metric-card{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:120px!important;width:100%!important}.hero-metrics,.metric-card{box-sizing:border-box!important}.hero-metrics{margin:10px -15px 0!important;width:calc(100% + 30px)!important}@media (max-width:768px){.hero-metrics{margin:8px -15px 0!important;width:calc(100% + 30px)!important}.tab-content{padding:12px 10px!important}.metrics-grid{gap:10px!important}.mobile-dashboard-header{align-items:center!important;display:flex!important;justify-content:space-between!important;max-height:80px!important;min-height:80px!important;padding:max(20px,env(safe-area-inset-top,20px)) 15px 12px!important;position:relative!important;z-index:2000!important}.dashboard-title{font-size:16px!important}.close-btn{font-size:14px!important;height:36px!important;width:36px!important}}@media (max-width:390px){.metrics-grid{grid-template-columns:1fr!important}.mobile-dashboard-tabs{padding:0 10px!important}}.mobile-dashboard-container .close-btn{background:grey!important;border:4px solid #000!important;box-shadow:6px 6px 0 #333!important;color:#fff!important;flex-shrink:0!important;font-family:Arial Black,Impact,sans-serif!important;font-size:20px!important;font-weight:900!important;height:56px!important;order:2!important;position:relative!important;width:56px!important;z-index:9999!important}.mobile-dashboard-container .close-btn:hover{background:#696969!important;box-shadow:8px 8px 0 #222!important;transform:translate(-2px,-2px)!important}.mobile-dashboard-container .tab-btn{background:#e5e7eb!important;border:5px solid #000!important;border-radius:0!important;box-shadow:3px 3px 0 #9ca3af!important;color:#1f2937!important;font-family:Arial Black,Impact,Franklin Gothic Medium,sans-serif!important;font-size:18px!important;font-weight:700!important;letter-spacing:.1em!important;margin:4px!important;min-height:68px!important;opacity:.5!important;padding:24px 16px!important;text-transform:uppercase!important;transition:all .3s ease!important}.mobile-dashboard-container .tab-btn.active{background:#000!important;border:solid #dc2626!important;border-width:5px 5px 8px!important;box-shadow:6px 6px 0 #dc2626!important;color:#fff!important;font-size:20px!important;font-weight:900!important;opacity:1!important;text-shadow:2px 2px 0 #7f1d1d!important;transform:translate(0)!important;z-index:10!important}.mobile-dashboard-container .tab-btn:hover:not(.active){background:#d1d5db!important;box-shadow:4px 4px 0 #6b7280!important;color:#000!important;font-weight:800!important;opacity:.8!important;transform:translate(-1px,-1px)!important}.mobile-dashboard-container .tab-label{color:inherit!important;font-family:Arial Black,Impact,Franklin Gothic Medium,sans-serif!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:inherit!important;text-transform:uppercase!important;white-space:nowrap!important}.mobile-dashboard-container .tab-btn.active .tab-label{color:#fff!important;font-size:20px!important;font-weight:900!important;text-shadow:2px 2px 0 #7f1d1d!important}.mobile-dashboard-container .tab-btn .tab-icon,.mobile-dashboard-container .tab-btn .tab-icon img,.mobile-dashboard-container .tab-btn.active .tab-icon,.mobile-dashboard-container .tab-btn.active .tab-icon img,.mobile-dashboard-container .tab-icon,.mobile-dashboard-container .tab-icon img{display:none!important;opacity:0!important;visibility:hidden!important}.mobile-dashboard-container .dashboard-title{color:#000!important;flex:1 1!important;font-family:Arial Black,Impact,Franklin Gothic Medium,sans-serif!important;font-size:18px!important;font-weight:900!important;letter-spacing:.05em!important;line-height:1.2!important;margin:0!important;order:1!important;text-align:left!important;text-shadow:1px 1px 0 #d3d3d3!important;text-transform:uppercase!important}.mobile-dashboard-container .dashboard-title:after{display:none!important}.mobile-dashboard-container .loading-state{background:#f8f9fa!important;border:3px solid #000!important;border-radius:0!important;box-shadow:4px 4px 0 #333!important;margin:16px 0!important;padding:32px!important}.mobile-dashboard-container .loading-state p{color:#000!important;font-family:Arial Black,Impact,sans-serif!important;font-size:18px!important;font-weight:700!important;letter-spacing:.05em!important;text-align:center!important;text-transform:uppercase!important}.mobile-dashboard-container .metric-value{color:#000!important;font-family:Arial Black,Impact,sans-serif!important;font-size:24px!important;font-weight:900!important;text-shadow:1px 1px 0 #dc2626!important}.mobile-dashboard-container .metric-label{color:#374151!important;font-size:16px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important}.mobile-dashboard-container .hero-value{color:#fff!important;font-size:48px!important;font-weight:900!important;text-shadow:3px 3px 0 #000!important}.mobile-dashboard-container .hero-label{color:#fff!important;font-size:20px!important;font-weight:900!important;letter-spacing:.1em!important;text-shadow:2px 2px 0 #000!important}.mobile-dashboard-container .metric-buttons button{border:3px solid #000!important;box-shadow:3px 3px 0 #333!important;font-family:Arial Black,Impact,sans-serif!important;font-size:14px!important;font-weight:900!important;min-height:48px!important;padding:12px 16px!important}.mobile-dashboard-container .metric-buttons button:hover{box-shadow:4px 4px 0 #222!important;transform:translate(-1px,-1px)!important}.mobile-dashboard-container .analyze-btn{background:grey!important;border:4px solid #000!important;border-radius:0!important;box-shadow:6px 6px 0 #333!important;color:#fff!important;font-family:Arial Black,Impact,sans-serif!important;font-size:18px!important;font-weight:900!important;letter-spacing:.1em!important;min-height:56px!important;padding:18px 32px!important;text-transform:uppercase!important}.mobile-dashboard-container .analyze-btn:hover{background:#696969!important;box-shadow:8px 8px 0 #222!important;transform:translate(-2px,-2px)!important}.mobile-dashboard-container .question-input{background:#fff!important;border:3px solid #000!important;border-radius:0!important;box-shadow:inset 2px 2px 0 #f8f9fa!important;color:#000!important;font-size:16px!important;min-height:48px!important;padding:16px!important}.mobile-dashboard-container .question-input:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26264d!important}.mobile-dashboard-content{-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;scroll-behavior:smooth!important}.mobile-dashboard-content .tab-content:last-child{padding-bottom:60px!important}.mobile-dashboard-container .pnl-section{background:#f8f9fa!important;border:2px solid #000!important;border-radius:0!important;box-shadow:4px 4px 0 #333!important;margin:20px 0!important;padding:20px!important}.mobile-dashboard-container .pnl-section .section-title{color:#000!important;font-size:20px!important;font-weight:900!important;letter-spacing:.1em!important;margin-bottom:16px!important;text-align:center!important;text-shadow:1px 1px 0 #d3d3d3!important;text-transform:uppercase!important}.alert,.error,.error-icon,.fa-exclamation,.fa-exclamation-triangle,.fa-warning,.warn,.warning-icon,[alt*=error i],[alt*=warn i],[aria-label*=error i],[aria-label*=warn i],[class*=alert],[class*=error],[class*=error]:before,[class*=exclamation],[class*=warn],[class*=warn]:before,[class*=warning] .icon,[data-icon*=error],[data-icon*=warn],[data-testid*=error],[data-testid*=warn],[title*=error i],[title*=warn i],div:contains("!"),div:contains("⚠"),img[src*=alert i],img[src*=error i],img[src*=warn i],span:contains("!"),span:contains("⚠"){display:none!important;height:0!important;left:-9999px!important;opacity:0!important;position:absolute!important;visibility:hidden!important;width:0!important}.tab-icon img,img[alt*=logo],img[src*=logo]{filter:contrast(1.2) brightness(1.1) saturate(1.1)!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important;opacity:1!important}.hero-metrics{margin:5px -8px 0!important;padding:15px!important}.hero-value{font-size:28px!important}.hero-label{font-size:12px!important}@supports (padding:max(0px)){.mobile-dashboard-header{padding-top:max(40px,env(safe-area-inset-top,40px))!important}.mobile-dashboard-overlay{padding-top:max(15px,env(safe-area-inset-top,15px))!important}.mobile-dashboard-tabs{margin-top:20px!important;padding-top:30px!important}}@media (max-width:768px){.mobile-dashboard-container .dashboard-title{font-size:16px!important}.mobile-dashboard-container .hero-value{font-size:40px!important}.mobile-dashboard-container .close-btn{height:52px!important;width:52px!important}.mobile-dashboard-container .tab-btn{font-size:16px!important;min-height:60px!important;padding:20px 12px!important}.mobile-dashboard-container .tab-btn.active,.mobile-dashboard-container .tab-btn.active .tab-label{font-size:18px!important}.mobile-dashboard-tabs{gap:8px!important;max-height:90px!important;min-height:90px!important;padding:15px 8px!important}.mobile-dashboard-header{margin-top:15px!important;padding-top:max(35px,env(safe-area-inset-top,35px))!important}}@media (max-width:390px){.mobile-dashboard-container .tab-btn{font-size:14px!important;min-width:90px!important;padding:18px 8px!important}.mobile-dashboard-container .tab-btn.active,.mobile-dashboard-container .tab-btn.active .tab-label{font-size:16px!important}.mobile-dashboard-tabs{gap:6px!important;max-height:80px!important;min-height:80px!important}}.mobile-dashboard-overlay .alert,.mobile-dashboard-overlay .alert-danger,.mobile-dashboard-overlay .alert-error,.mobile-dashboard-overlay .alert-warning,.mobile-dashboard-overlay .error,.mobile-dashboard-overlay .error-message,.mobile-dashboard-overlay .fa-exclamation,.mobile-dashboard-overlay .fa-exclamation-circle,.mobile-dashboard-overlay .fa-exclamation-triangle,.mobile-dashboard-overlay .fa-warning,.mobile-dashboard-overlay .icon-alert,.mobile-dashboard-overlay .icon-error,.mobile-dashboard-overlay .icon-warn,.mobile-dashboard-overlay .icon-warning,.mobile-dashboard-overlay .notification,.mobile-dashboard-overlay .snackbar,.mobile-dashboard-overlay .toast,.mobile-dashboard-overlay .validation-error,.mobile-dashboard-overlay .warn,.mobile-dashboard-overlay .warning,.mobile-dashboard-overlay .warning-message,.mobile-dashboard-overlay :contains("!"),.mobile-dashboard-overlay :contains("⚠"),.mobile-dashboard-overlay :contains("⚡"),.mobile-dashboard-overlay :contains("❗"),.mobile-dashboard-overlay [aria-label*=error i],.mobile-dashboard-overlay [aria-label*=warn i],.mobile-dashboard-overlay [aria-label*=warning i],.mobile-dashboard-overlay [class*=alert],.mobile-dashboard-overlay [class*=error],.mobile-dashboard-overlay [class*=warn],.mobile-dashboard-overlay [data-icon*=alert],.mobile-dashboard-overlay [data-icon*=error],.mobile-dashboard-overlay [data-icon*=warn],.mobile-dashboard-overlay [id*=alert],.mobile-dashboard-overlay [id*=error],.mobile-dashboard-overlay [id*=warn],.mobile-dashboard-overlay [style*="z-index: 9999"],.mobile-dashboard-overlay [style*="z-index: 99999"],.mobile-dashboard-overlay [style*="z-index: 999999"],.mobile-dashboard-overlay [title*=error i],.mobile-dashboard-overlay [title*=warn i],.mobile-dashboard-overlay [title*=warning i],.mobile-dashboard-overlay div[class^=alert],.mobile-dashboard-overlay div[class^=error],.mobile-dashboard-overlay div[class^=warning],.mobile-dashboard-overlay div[style*="position: absolute"],.mobile-dashboard-overlay div[style*="position: fixed"],.mobile-dashboard-overlay img[alt*=alert i],.mobile-dashboard-overlay img[alt*=error i],.mobile-dashboard-overlay img[alt*=warn i],.mobile-dashboard-overlay img[src*=alert i],.mobile-dashboard-overlay img[src*=error i],.mobile-dashboard-overlay img[src*=warn i],.mobile-dashboard-overlay span[class^=alert],.mobile-dashboard-overlay span[class^=error],.mobile-dashboard-overlay span[class^=warning],.mobile-dashboard-overlay span[style*="position: absolute"],.mobile-dashboard-overlay span[style*="position: fixed"]{clip:rect(0,0,0,0)!important;background:#0000!important;border:none!important;box-shadow:none!important;color:#0000!important;display:none!important;font-size:0!important;height:0!important;left:-99999px!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;text-shadow:none!important;top:-99999px!important;transform:scale(0)!important;-webkit-user-select:none!important;user-select:none!important;visibility:hidden!important;white-space:nowrap!important;width:0!important}.mobile-dashboard-overlay :after,.mobile-dashboard-overlay :before{content:none!important}.mobile-dashboard-overlay [class*=alert]:after,.mobile-dashboard-overlay [class*=alert]:before,.mobile-dashboard-overlay [class*=error]:after,.mobile-dashboard-overlay [class*=error]:before,.mobile-dashboard-overlay [class*=warn]:after,.mobile-dashboard-overlay [class*=warn]:before{content:""!important;display:none!important}.mobile-dashboard-overlay [style*="background-color: #ffff"],.mobile-dashboard-overlay [style*="background-color: red"],.mobile-dashboard-overlay [style*="background-color: yellow"],.mobile-dashboard-overlay [style*="background: #ff"],.mobile-dashboard-overlay [style*="background: #ffff"],.mobile-dashboard-overlay [style*="background: red"],.mobile-dashboard-overlay [style*="background: yellow"],.mobile-dashboard-overlay [textContent*=alert i],.mobile-dashboard-overlay [textContent*=error i],.mobile-dashboard-overlay [textContent*=warn i]{display:none!important}@keyframes fadeIn, slideIn, bounceIn, pulse, shake, wobble, flash{0%,to{display:none!important;opacity:0!important}}.mobile-dashboard-overlay [class*=alert],.mobile-dashboard-overlay [class*=error],.mobile-dashboard-overlay [class*=warn]{animation:none!important;transition:none!important}.mobile-dashboard-container{height:100vh;height:-webkit-fill-available;min-height:100vh;min-height:-webkit-fill-available}@supports (-webkit-touch-callout:none){.mobile-dashboard-container{height:-webkit-fill-available;min-height:-webkit-fill-available}}.mobile-dashboard-container,.mobile-dashboard-overlay{backface-visibility:hidden;perspective:1000;transform:translateZ(0)}.mobile-dashboard-header{padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;padding-top:max(25px,env(safe-area-inset-top))!important}.mobile-dashboard-tabs .tab-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-dashboard-container{animation:slide-up .4s cubic-bezier(.25,.46,.45,.94)}.mobile-dashboard-content{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;scroll-behavior:smooth}@supports (-webkit-touch-callout:none){.mobile-dashboard-overlay{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}body.modal-open{height:100%;overflow:hidden;position:fixed;width:100%}}.mobile-dashboard-header .dashboard-title,.mobile-dashboard-tabs .tab-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.close-btn:active,.metric-btn:active,.tab-btn:active{transform:scale(.95)}:root{--z-overlay:10000;--z-modal:9999;--z-header:2000;--z-tabs:1000;--z-content:100}.mobile-dashboard-overlay{z-index:10000!important;z-index:var(--z-overlay)!important}.mobile-dashboard-header{z-index:2000!important;z-index:var(--z-header)!important}.mobile-dashboard-tabs{z-index:1000!important;z-index:var(--z-tabs)!important}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) or (-webkit-backdrop-filter:blur(10px)){.mobile-dashboard-overlay{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}}@media screen and (orientation:landscape) and (max-height:500px){.mobile-dashboard-header{max-height:60px;min-height:60px;padding:8px 20px}.mobile-dashboard-tabs{max-height:60px;min-height:60px;padding:10px 8px}}.mobile-dashboard-tabs{position:sticky!important}.mobile-dashboard-container{display:flex;flex-direction:column}input,select,textarea{font-size:16px!important}.tab-content{will-change:auto}.mobile-dashboard-container{contain:layout style}@media screen and (max-width:768px){.ios-debug-info{background:#f00c;color:#fff;display:none;font-size:12px;left:0;padding:5px;position:fixed;top:0;z-index:99999}.ios-debug-info.active{display:block}}body.ios-mobile-safari{backface-visibility:hidden;perspective:1000px;transform:translateZ(0);will-change:transform}body.ios-mobile-safari .mobile-dashboard-container{backface-visibility:hidden;opacity:1!important;position:relative;transform:translateZ(0);visibility:visible!important;will-change:auto;z-index:1}body.ios-mobile-safari *{transform:translateZ(0)}body.ios-mobile-safari .mobile-dashboard-overlay{display:block!important;opacity:1!important;transform:translateZ(0);visibility:visible!important}body.ios-mobile-safari .auth-loading{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transform:translateZ(0);width:100%;z-index:10001}@supports (-webkit-touch-callout:none){.mobile-dashboard-container,.mobile-dashboard-overlay{backface-visibility:hidden;display:flex!important;opacity:1!important;transform:translateZ(0)!important;visibility:visible!important;will-change:auto}body.ios-mobile-safari .mobile-dashboard-container>*{opacity:1!important;transform:translateZ(0);visibility:visible!important}.mobile-dashboard-overlay{background:#fff!important;height:100vh!important;left:0!important;position:fixed!important;top:0!important;transform:translateZ(0)!important;width:100vw!important;z-index:999999!important}.mobile-dashboard-container{background:#fff!important;display:flex!important;flex-direction:column!important;height:100%!important;opacity:1!important;visibility:visible!important;width:100%!important}}body.mobile-browser-chrome-ios{backface-visibility:hidden;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;transform:translateZ(0);will-change:transform}body.mobile-browser-chrome-ios .mobile-dashboard-overlay{height:100vh!important;height:-webkit-fill-available!important;left:0!important;perspective:1000px;position:fixed!important;top:0!important;transform:translateZ(0)!important;width:100vw!important;z-index:999999!important}body.mobile-browser-chrome-ios .mobile-dashboard-container,body.mobile-browser-chrome-ios .mobile-dashboard-overlay{background:#fff!important;contain:layout style;display:flex!important;opacity:1!important;visibility:visible!important}body.mobile-browser-chrome-ios .mobile-dashboard-container{backface-visibility:hidden;flex-direction:column!important;height:100%!important;min-height:100vh!important;min-height:-webkit-fill-available!important;transform:translateZ(0);width:100%!important;will-change:auto}body.mobile-browser-chrome-ios .mobile-dashboard-container>*,body.mobile-browser-chrome-ios .mobile-dashboard-header{opacity:1!important;transform:translateZ(0);visibility:visible!important}body.mobile-browser-chrome-ios .mobile-dashboard-header{display:flex!important;padding-left:env(safe-area-inset-left,0)!important;padding-right:env(safe-area-inset-right,0)!important;padding-top:max(25px,env(safe-area-inset-top,25px))!important}body.mobile-browser-chrome-ios .mobile-dashboard-tabs{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;display:flex!important;opacity:1!important;transform:translateZ(0);-webkit-user-select:none;user-select:none;visibility:visible!important}body.mobile-browser-chrome-ios .mobile-dashboard-content{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;display:block!important;flex:1 1;height:auto;min-height:0;opacity:1!important;scroll-behavior:smooth;transform:translateZ(0);visibility:visible!important}body.mobile-browser-chrome-android .mobile-dashboard-overlay{display:flex!important;height:100vh!important;height:100dvh!important;opacity:1!important;transform:translateZ(0);visibility:visible!important;will-change:auto}body.mobile-browser-chrome-android .mobile-dashboard-container{contain:layout style;height:100%!important;min-height:100vh!important;min-height:100dvh!important;transform:translateZ(0)}body.mobile-browser .mobile-dashboard-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:auto;touch-action:manipulation}body.mobile-browser .loading-state{opacity:1!important;position:relative;transform:translateZ(0);visibility:visible!important;z-index:10}@supports (display:flex){body.mobile-browser .mobile-dashboard-container{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start}}body.mobile-browser .tab-content{contain:layout;will-change:auto}body.mobile-browser .close-btn,body.mobile-browser .tab-btn,body.mobile-browser button{-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none}@media screen and (max-width:768px){.chrome-mobile-debug{word-wrap:break-word;background:#007bffcc;bottom:0;color:#fff;display:none;font-size:10px;left:0;max-width:200px;padding:5px;position:fixed;z-index:99999}.chrome-mobile-debug.active{display:block}}@supports (-webkit-appearance:none) and (stroke:currentColor){body.mobile-browser-chrome-ios .mobile-dashboard-overlay{height:100vh;height:-webkit-fill-available;max-height:100vh;max-height:-webkit-fill-available;transform:translateZ(0)!important}body.mobile-browser-chrome-ios .mobile-dashboard-container{flex:1 1 auto;height:auto;min-height:100vh;min-height:-webkit-fill-available}}body.mobile-browser{background-color:#fff!important;overflow-x:hidden;transform:translateZ(0)}.mobile-dashboard-container,.mobile-dashboard-overlay{contain:layout style;display:flex!important;isolation:isolate;opacity:1!important;visibility:visible!important}.allocation-chart{width:100%}.allocation-chart-empty{color:#6b7280;font-size:.9rem;font-style:italic;padding:20px;text-align:center}.allocation-chart.compact{max-width:100%}.allocation-bars{gap:8px}.allocation-bar,.allocation-bars{display:flex;flex-direction:column}.allocation-bar{gap:4px}.bar-info{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:2px}.asset-icon{font-size:.9rem;margin-right:6px}.asset-label{color:#374151;flex:1 1;font-weight:500}.asset-percent{color:#1f2937;font-weight:600;min-width:40px;text-align:right}.bar-container{background:#f3f4f6;border-radius:3px;height:6px;overflow:hidden;width:100%}.bar-fill{border-radius:3px;height:100%;min-width:2px;transition:width .3s ease}.allocation-chart.full{align-items:center;display:flex;flex-direction:column;gap:16px;max-width:100%}.chart-container{align-items:center;display:flex;justify-content:center;position:relative}.pie-chart{display:block;height:auto;max-width:100%}.pie-slice{cursor:pointer;transition:opacity .2s ease}.pie-slice:hover{opacity:.8}.chart-center{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.total-assets{color:#1f2937;font-size:.9rem;font-weight:700;line-height:1}.center-label{color:#6b7280;font-size:.7rem;font-weight:500;margin-top:2px}.chart-legend{display:flex;flex-direction:column;gap:8px;max-width:280px;width:100%}.legend-item{align-items:center;display:flex;gap:10px;padding:6px 0}.legend-color{border-radius:2px;flex-shrink:0;height:12px;width:12px}.legend-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.legend-label{align-items:center;color:#374151;display:flex;font-size:.85rem;font-weight:500;gap:4px}.legend-value{color:#6b7280;font-size:.75rem;font-weight:400}@media (max-width:768px){.allocation-bars{gap:6px}.bar-info{font-size:.75rem}.asset-icon{font-size:.8rem;margin-right:4px}.bar-container{height:5px}.asset-percent{min-width:35px}.allocation-chart.full{gap:12px}.chart-container,.pie-chart{height:140px;width:140px}.total-assets{font-size:.8rem}.center-label{font-size:.65rem}.chart-legend{max-width:100%}.legend-item{gap:8px;padding:4px 0}.legend-color{height:10px;width:10px}.legend-label{font-size:.8rem}.legend-value{font-size:.7rem}}@media (max-width:480px){.allocation-chart.full{gap:10px}.chart-container,.pie-chart{height:120px;width:120px}.total-assets{font-size:.75rem}.center-label{font-size:.6rem}.legend-item{gap:6px}.legend-label{font-size:.75rem}.legend-value{font-size:.65rem}}.bar-fill{animation:growBar .6s ease-out}@keyframes growBar{0%{width:0}to{width:var(--target-width)}}.pie-slice{animation:growSlice .6s ease-out}@keyframes growSlice{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pie-slice:focus{outline:2px solid #3b82f6;outline-offset:2px}.legend-item:focus-within{background:#f3f4f6;border-radius:4px;outline:1px solid #3b82f6}@media (prefers-contrast:high){.bar-container,.legend-color{border:1px solid #374151}.pie-slice{stroke-width:3}}.group-ranking-card{background:#fff;border:4px solid #000;border-radius:0;box-shadow:8px 8px 0 #333;cursor:pointer;font-family:"'Arial Black', 'Impact', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif";margin-bottom:36px;overflow:visible;position:relative;transform:skew(-1deg);transition:all .1s ease}.group-ranking-card:hover{box-shadow:12px 12px 0 #333;transform:skew(-1deg) translate(-3px,-3px)}.group-ranking-card.current-user{background:linear-gradient(135deg,#fff,#fff5f5);border:4px solid #d72638;box-shadow:8px 8px 0 #d72638}.group-ranking-card.current-user:hover{box-shadow:12px 12px 0 #d72638;transform:skew(-1deg) translate(-3px,-3px)}.group-ranking-card.expanded{box-shadow:12px 12px 0 #333;transform:skew(-1deg) translate(-2px,-2px)}.ranking-header{background:#000;color:#fff;gap:16px;min-height:80px;padding:20px;position:relative}.rank-badge,.ranking-header{align-items:center;display:flex}.rank-badge{background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px 0 #333;color:#000;flex-shrink:0;height:60px;justify-content:center;text-shadow:none;transform:rotate(-5deg);width:60px}.rank-badge,.rank-display{font-size:1.4rem;font-weight:900}.rank-display{letter-spacing:.1em;text-transform:uppercase}.group-ranking-card:first-child .rank-badge{animation:goldShine 2s infinite;background:gold;border:3px solid #000;color:#000}.group-ranking-card:nth-child(2) .rank-badge{background:silver;border:3px solid #000;color:#000}.group-ranking-card:nth-child(3) .rank-badge{background:#cd7f32;border:3px solid #000;color:#fff}@keyframes goldShine{0%{box-shadow:4px 4px 0 #333}50%{box-shadow:4px 4px 0 orange}to{box-shadow:4px 4px 0 #333}}.user-info{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.user-avatar{border:3px solid #fff;border-radius:0;box-shadow:3px 3px 0 #333;height:50px;overflow:hidden;transform:rotate(3deg);width:50px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#d72638;color:#fff;display:flex;font-size:1.3rem;font-weight:900;height:100%;justify-content:center;text-shadow:2px 2px 0 #000;width:100%}.user-details{flex:1 1;min-width:0}.user-name{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:1rem;font-weight:900;gap:8px;letter-spacing:.05em;line-height:1.2;margin:0 0 6px;text-shadow:2px 2px 0 #333;text-transform:uppercase}.name-text{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.you-badge{background:#d72638;border:2px solid #fff;border-radius:0;box-shadow:2px 2px 0 #333;color:#fff;flex-shrink:0;font-size:.6rem;font-weight:900;letter-spacing:.05em;line-height:1;padding:2px 6px;transform:skew(-5deg)}.user-meta,.you-badge{text-transform:uppercase}.user-meta{align-items:center;color:#ccc;display:flex;font-size:.8rem;font-weight:700;gap:6px;letter-spacing:.1em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-date{flex-shrink:0}.net-worth-info{background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px 0 #333;color:#000;flex-shrink:0;margin-left:auto;padding:10px 12px;position:relative;text-align:right;transform:skew(-3deg)}.net-worth-amount{color:#000;font-family:"'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace";font-size:1.2rem;font-weight:900;line-height:1;margin-bottom:2px;text-shadow:1px 1px 0 #ccc}.net-worth-amount,.profit-loss{letter-spacing:.05em;text-transform:uppercase}.profit-loss{font-size:.75rem;font-weight:700;line-height:1.2}.expand-indicator{align-items:center;background:#d72638;border:2px solid #fff;box-shadow:2px 2px 0 #333;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;margin-left:12px;transform:rotate(45deg);transition:all .1s ease;width:32px}.expand-indicator:hover{transform:rotate(45deg) scale(1.1)}.ranking-details{background:#f8f8f8;border-top:4px solid #000;transition:all .2s ease}.ranking-details.hidden{max-height:0;opacity:0;overflow:hidden}.ranking-details.visible{max-height:600px;opacity:1;padding:20px}.portfolio-breakdown{margin-bottom:24px}.portfolio-breakdown h4{color:#d72638;font-size:1rem;font-weight:900;letter-spacing:.1em;margin:0 0 16px;text-shadow:2px 2px 0 #000;text-transform:uppercase}.breakdown-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.breakdown-item{align-items:center;background:#fff;border:3px solid #000;border-radius:0;box-shadow:3px 3px 0 #333;display:flex;font-size:.9rem;justify-content:space-between;padding:12px 16px;transform:skew(-2deg);transition:all .1s ease}.breakdown-item:hover{box-shadow:4px 4px 0 #333;transform:skew(-2deg) translate(-1px,-1px)}.breakdown-item.loan{background:#d72638;border-color:#000;color:#fff}.breakdown-item .label{color:#333;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.breakdown-item .value{color:#000;font-family:"'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace";font-weight:900}.breakdown-item.loan .label,.breakdown-item.loan .value{color:#fff}.asset-allocation{margin-bottom:24px}.asset-allocation h4{color:#d72638;font-size:1rem;font-weight:900;letter-spacing:.1em;margin:0 0 16px;text-shadow:2px 2px 0 #000;text-transform:uppercase}.quick-stats{border-top:3px solid #000;display:flex;gap:16px;justify-content:space-around;padding-top:16px}.stat-item{background:#000;border:2px solid #fff;box-shadow:3px 3px 0 #333;color:#fff;flex:1 1;padding:12px 8px;text-align:center;transform:skew(-3deg)}.stat-label{color:#ccc;display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.stat-value{color:#fff;display:block;font-family:"'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace";font-size:1rem;font-weight:900;text-shadow:1px 1px 0 #333}.achievement-badges{display:flex;gap:8px;position:absolute;right:80px;top:-12px;z-index:10}.badge{border:2px solid #000;border-radius:0;box-shadow:2px 2px 0 #333;color:#000;font-size:.65rem;font-weight:900;letter-spacing:.05em;padding:4px 8px;text-shadow:none;text-transform:uppercase;transform:rotate(-8deg);white-space:nowrap}.badge.gold{animation:goldPulse 1.5s infinite;background:gold;color:#000}.badge.silver{background:silver;color:#000}.badge.bronze{background:#cd7f32;color:#fff}@keyframes goldPulse{0%{transform:rotate(-8deg) scale(1)}50%{transform:rotate(-8deg) scale(1.1)}to{transform:rotate(-8deg) scale(1)}}.current-user-indicator{background:#d72638;border:3px solid #000;bottom:-20px;box-shadow:4px 4px 0 #333;color:#fff;font-size:.7rem;font-weight:900;left:50%;letter-spacing:.2em;padding:6px 20px;position:absolute;text-align:center;text-shadow:2px 2px 0 #000;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap;z-index:5}@media (max-width:768px){.ranking-header{flex-wrap:wrap;gap:8px;min-height:auto;padding:16px}.rank-badge{font-size:1.2rem;height:50px;width:50px}.user-avatar{height:44px;width:44px}.user-name{font-size:.9rem;gap:4px}.name-text{max-width:140px}.user-meta{font-size:.7rem}.user-info{flex:1 1;gap:8px}.net-worth-amount{font-size:1.2rem}.profit-loss{font-size:.8rem}.breakdown-grid{gap:8px;grid-template-columns:1fr}.breakdown-item{font-size:.85rem;padding:10px 14px}.quick-stats{flex-direction:column;gap:8px}.stat-item{padding:8px}.ranking-details.visible{padding:16px}.achievement-badges{flex-basis:100%;justify-content:flex-start;margin-left:auto;margin-top:8px;order:3;padding-left:66px;position:static}.expand-indicator{font-size:1rem;height:28px;width:28px}.current-user-indicator{bottom:-24px;font-size:.6rem;letter-spacing:.1em;padding:3px 10px}.badge{font-size:.55rem;padding:3px 6px}}@media (hover:none) and (pointer:coarse){.group-ranking-card:hover{box-shadow:8px 8px 0 #333;transform:skew(-1deg)}.group-ranking-card:active{transform:skew(-1deg) scale(.98)}.group-ranking-card.current-user:hover{box-shadow:8px 8px 0 #d72638}.group-ranking-card.expanded:hover{box-shadow:12px 12px 0 #333}.breakdown-item:hover{box-shadow:3px 3px 0 #333;transform:skew(-2deg)}.expand-indicator:hover{transform:rotate(45deg)}}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:600px;opacity:1;transform:translateY(0)}}.ranking-details.visible{animation:slideDown .2s ease}@keyframes brutPop{0%{transform:skew(-1deg) scale(1)}50%{transform:skew(-1deg) scale(1.02)}to{transform:skew(-1deg) scale(1)}}.group-ranking-card:hover{animation:brutPop .3s ease}.remove-user-btn{align-items:center;background:#d72638;border:2px solid #000;border-radius:0;box-shadow:2px 2px 0 #000;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transform:rotate(15deg) skew(-5deg);transition:all .1s ease;visibility:hidden;width:28px;z-index:10}.group-ranking-card:hover .remove-user-btn{opacity:1;visibility:visible}.remove-user-btn:hover{background:#b91d30;box-shadow:3px 3px 0 #000;transform:rotate(15deg) skew(-5deg) scale(1.1)}.remove-user-btn:active{box-shadow:1px 1px 0 #000;transform:rotate(15deg) skew(-5deg) scale(.95)}.remove-user-btn:disabled{background:#999;cursor:not-allowed;transform:rotate(15deg) skew(-5deg)}.remove-user-btn:disabled .removing-spinner{animation:spin 1s linear infinite}.remove-icon,.removing-spinner{display:inline-block}.group-discovery{font-family:"'Arial Black', 'Impact', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif";margin:0 auto;max-width:1200px;padding:2rem 1rem}.discovery-header{margin-bottom:2rem;text-align:center;transform:skew(-1deg)}.discovery-header h2{background:#d72638;border:4px solid #000;box-shadow:6px 6px 0 #333;color:#fff;font-size:2.5rem;font-weight:900;letter-spacing:.1em;margin:0 0 1rem;padding:1rem 2rem;text-shadow:3px 3px 0 #000;transform:rotate(-2deg)}.discovery-header h2,.discovery-header p{display:inline-block;text-transform:uppercase}.discovery-header p{background:#fff;border:2px solid #000;box-shadow:3px 3px 0 #333;color:#000;font-size:1.1rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;transform:rotate(1deg)}.discovery-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.discovery-tabs .tab{background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px 0 #333;color:#000;cursor:pointer;font-size:1rem;font-weight:900;letter-spacing:.1em;padding:1rem 2rem;text-transform:uppercase;transform:skew(-2deg);transition:all .1s ease}.discovery-tabs .tab:hover{background:#f0f0f0;box-shadow:6px 6px 0 #333;transform:skew(-2deg) translate(-2px,-2px)}.discovery-tabs .tab.active{background:#d72638;box-shadow:5px 5px 0 #333;color:#fff;text-shadow:2px 2px 0 #000;transform:skew(-2deg) translate(-1px,-1px)}.search-section{margin-bottom:2rem}.search-input-container{margin:0 auto 2rem;max-width:600px;position:relative}.search-input{background:#fff;border:4px solid #000;border-radius:0;box-shadow:4px 4px 0 #333;box-sizing:border-box;color:#000;font-size:1.1rem;font-weight:700;letter-spacing:.05em;padding:1rem 3rem 1rem 1rem;text-transform:uppercase;transform:skew(-1deg);width:100%}.search-input:focus{background:#f9f9f9;box-shadow:5px 5px 0 #333;outline:none;transform:skew(-1deg) translate(-1px,-1px)}.search-input::placeholder{color:#666;font-weight:600}.search-icon{color:#d72638;font-size:1.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.groups-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.discovery-group-card{background:#fff;border:4px solid #000;border-radius:0;box-shadow:6px 6px 0 #333;overflow:hidden;transform:skew(-1deg);transition:all .1s ease}.discovery-group-card:hover{box-shadow:8px 8px 0 #333;transform:skew(-1deg) translate(-2px,-2px)}.group-card-header{background:#000;color:#fff;padding:1rem;position:relative}.group-card-header h3{font-size:1.3rem;letter-spacing:.1em;margin:0 0 .5rem;text-shadow:2px 2px 0 #333}.group-badges{display:flex;flex-wrap:wrap;gap:.5rem}.category-badge,.visibility-badge{border:2px solid #fff;font-size:.7rem;font-weight:900;letter-spacing:.1em;padding:.25rem .75rem;text-transform:uppercase;transform:rotate(-3deg)}.category-badge{background:#d72638;color:#fff}.visibility-badge{background:#fff;color:#000}.group-card-content{padding:1rem;transform:skew(1deg)}.group-description{color:#333;font-size:.9rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.group-stats{font-size:.8rem;font-weight:700;gap:1rem;justify-content:space-between;letter-spacing:.05em;text-transform:uppercase}.group-code,.member-count{background:#f0f0f0;border:2px solid #000;box-shadow:2px 2px 0 #333;padding:.25rem .5rem;transform:skew(-2deg)}.group-code{background:#000;color:#fff;font-family:"'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace"}.group-card-actions{background:#f8f8f8;border-top:3px solid #000;display:flex;gap:.5rem;padding:1rem}.join-btn,.preview-btn{border:3px solid #000;border-radius:0;box-shadow:3px 3px 0 #333;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:900;letter-spacing:.1em;padding:.75rem 1rem;text-transform:uppercase;transform:skew(-2deg);transition:all .1s ease}.join-btn{background:#d72638;color:#fff;text-shadow:1px 1px 0 #000}.join-btn:hover{background:#b91d30;box-shadow:4px 4px 0 #333;transform:skew(-2deg) translate(-1px,-1px)}.preview-btn{background:#fff;color:#000}.preview-btn:hover{background:#f0f0f0;box-shadow:4px 4px 0 #333;transform:skew(-2deg) translate(-1px,-1px)}.loading-container{padding:3rem 1rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;height:48px;margin:0 auto 1rem;width:48px}.loading-spinner.small{height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:#666;font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.error-container,.no-groups,.no-results{color:#666;padding:3rem 1rem;text-align:center}.error-icon,.no-groups-icon,.no-results-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.error-container h3,.no-groups h3,.no-results h3{color:#333;font-size:1.5rem;font-weight:900;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.error-container p,.no-groups p,.no-results p{font-weight:600;margin-bottom:1.5rem}.retry-btn{background:#d72638;border:3px solid #000;border-radius:0;box-shadow:3px 3px 0 #333;color:#fff;cursor:pointer;font-size:.9rem;font-weight:900;letter-spacing:.1em;padding:.75rem 1.5rem;text-transform:uppercase;transform:skew(-2deg);transition:all .1s ease}.retry-btn:hover{background:#b91d30;box-shadow:4px 4px 0 #333;transform:skew(-2deg) translate(-1px,-1px)}.discovery-info{background:#f8f8f8;border:3px solid #000;border-radius:0;box-shadow:4px 4px 0 #333;margin-top:2rem;padding:1.5rem;transform:skew(-1deg)}.discovery-info h3{color:#d72638;font-size:1.3rem;font-weight:900;letter-spacing:.1em;margin:0 0 1rem;text-shadow:2px 2px 0 #000;text-transform:uppercase;transform:skew(1deg)}.discovery-info ul{list-style:none;margin:0;padding:0}.discovery-info li{border-bottom:2px solid #e0e0e0;color:#333;font-size:.9rem;font-weight:600;padding:.5rem 0 .5rem 2rem;position:relative}.discovery-info li:before{content:"💡";font-size:1.2rem;left:0;position:absolute}.discovery-info li:last-child{border-bottom:none}@media (max-width:768px){.group-discovery{padding:1rem .5rem}.discovery-header h2{font-size:2rem;padding:.75rem 1.5rem}.discovery-tabs{flex-direction:column;gap:.5rem}.discovery-tabs .tab{font-size:.9rem;padding:.75rem 1rem}.groups-grid{gap:1rem;grid-template-columns:1fr}.search-input{font-size:1rem;padding:.75rem 2.5rem .75rem .75rem}.group-card-actions{flex-direction:column}.join-btn,.preview-btn{font-size:.8rem;padding:.5rem 1rem}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:20px 24px 16px}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#1f2937;font-size:1.4rem;font-weight:700;gap:8px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.modal-close:hover{background:#f3f4f6;color:#374151}.create-group-form,.join-group-form{padding:24px}.form-intro{margin-bottom:24px}.form-intro p{color:#6b7280;line-height:1.5;margin:0}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.form-group input,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled,.form-group textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.char-count,.help-text{color:#6b7280;display:block;font-size:.8rem;margin-top:4px}.clean-input-container{display:flex;flex-direction:column;gap:8px;position:relative}.clean-code-input{background:#fafafa;border:3px solid #e5e7eb;border-radius:12px;color:#1f2937;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1.25rem;font-weight:600;letter-spacing:3px;min-height:60px;outline:none;padding:18px 24px;text-align:center;transition:all .2s ease;width:100%}.clean-code-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.clean-code-input:disabled{cursor:not-allowed;opacity:.6}.clean-code-input::placeholder{color:#9ca3af;font-size:1rem;font-weight:500;letter-spacing:1px}.input-status{align-items:center;display:flex;justify-content:center;min-height:28px}.length-indicator{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;gap:4px;padding:6px 16px;transition:all .2s ease}.length-indicator.valid{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.length-indicator.invalid{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.code-input-container{position:relative}.code-input{background:#0000!important;border:none!important;caret-color:#3b82f6;color:#0000;font-size:1.5rem;font-weight:700;height:100%;left:0;letter-spacing:.5em;padding:16px!important;position:absolute;text-align:center;top:0;width:100%;z-index:2}.code-input:focus{box-shadow:none!important}.code-digits{gap:12px;position:relative;z-index:1}.code-digits,.digit-box{display:flex;justify-content:center}.digit-box{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:1.5rem;font-weight:700;height:60px;transition:all .2s ease;width:48px}.digit-box.filled{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.auto-submit-indicator{background:#eff6ff;border-radius:8px;color:#1d4ed8;font-weight:500;justify-content:center;padding:12px}.auto-submit-indicator,.error-message{align-items:center;display:flex;font-size:.9rem;gap:8px}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:16px;padding:12px 16px}.error-icon{flex-shrink:0;font-size:1.1rem}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.alternative-actions,.form-actions{border-top:1px solid #f3f4f6;padding-top:16px}.alternative-actions{margin-top:16px;text-align:center}.link-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:inherit;margin-left:4px;padding:0;text-decoration:underline}.link-button:hover{color:#1d4ed8}.success-content{padding:24px;text-align:center}.success-icon{font-size:4rem;margin-bottom:16px}.success-content h3{color:#1f2937;font-size:1.3rem;font-weight:700;margin:0 0 12px}.success-content p{color:#6b7280;line-height:1.5;margin:0 0 24px}.group-code-display{border:4px solid #d72638;border-radius:0;box-shadow:6px 6px 0 #333;gap:20px;justify-content:center;margin:24px 0;padding:24px;position:relative;transform:skew(-1deg)}.group-code{align-items:center;display:flex;flex-direction:column;gap:12px;transform:skew(1deg)}.group-code label{color:#fff;font-size:1rem;font-weight:900;letter-spacing:.1em;text-shadow:2px 2px 0 #333;text-transform:uppercase}.group-code span{background:#d72638;border:3px solid #fff;box-shadow:3px 3px 0 #000;color:#fff;font-family:"'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace";font-size:2rem;font-weight:900;letter-spacing:.3em;padding:12px 24px;text-shadow:2px 2px 0 #000;transform:rotate(-2deg)}.copy-btn{align-items:center;background:#fff;border:3px solid #000;border-radius:0;box-shadow:3px 3px 0 #333;color:#000;cursor:pointer;display:flex;font-size:1.4rem;font-weight:900;height:50px;justify-content:center;position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(8deg) skew(1deg);transition:all .1s ease;width:50px}.copy-btn:hover{background:#d72638;box-shadow:4px 4px 0 #333;box-shadow:0 4px 8px #00000026;color:#fff;transform:translateY(-50%) rotate(8deg) skew(1deg) scale(1.1)}.copy-btn:active{transform:translateY(-50%) scale(.95)}.code-label{color:#1e40af;font-size:.9rem;font-weight:500}.code-number{color:#1d4ed8;font-family:Monaco,Menlo,monospace;font-size:2rem;font-weight:700;letter-spacing:.2em}.group-info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:16px 0;padding:16px;text-align:left}.group-info-card h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 8px}.group-info-card p{color:#6b7280;font-size:.9rem;margin:0 0 8px}.group-info-card p:last-child{margin-bottom:0}.success-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}@media (max-width:768px){.modal-overlay{padding:12px}.modal-content{border-radius:12px;max-height:95vh}.modal-header{padding:16px 20px 12px}.modal-header h2{font-size:1.2rem}.create-group-form,.join-group-form,.success-content{padding:20px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.code-digits{gap:8px}.digit-box{font-size:1.3rem;height:56px;width:44px}.code-number{font-size:1.8rem}.success-actions{gap:10px}.success-actions .btn{width:100%}}@media (max-width:480px){.modal-overlay{padding:8px}.modal-header{padding:12px 16px 8px}.create-group-form,.join-group-form,.success-content{padding:16px}.code-digits{gap:6px}.digit-box{font-size:1.2rem;height:52px;width:40px}.code-number{font-size:1.6rem}}@media (hover:none) and (pointer:coarse){.modal-close:hover{background:none}.modal-close:active{background:#f3f4f6}.link-button:hover{color:#3b82f6}.link-button:active{color:#1d4ed8}}.digit-box:focus,.modal-close:focus{outline:2px solid #3b82f6;outline-offset:2px}.form-actions .btn:disabled{pointer-events:none}.loading-spinner.small{border-width:2px;height:16px;width:16px}.group-rankings-page{background:#fff;font-family:"'Arial Black', 'Impact', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif";min-height:100vh;padding-bottom:80px;padding-top:80px;position:relative}.group-rankings-page h1,.group-rankings-page h2,.group-rankings-page h3,.group-rankings-page h4{color:#d72638!important;text-shadow:3px 3px 0 #000!important}.group-rankings-page:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#00000003 0,#00000003 20px);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.groups-landing{margin:0 auto;max-width:1200px;padding:20px;position:relative;z-index:2}.groups-intro{background:#fff;border:4px solid #000;box-shadow:12px 12px 0 #333;color:#000;margin-bottom:40px;overflow:visible;padding:40px 30px;position:relative;text-align:center;transform:skew(-1deg)}.groups-intro h1{word-wrap:break-word;color:#d72638!important;font-size:2.5rem;font-weight:900;letter-spacing:.08em;line-height:1.2;margin:0 0 20px;padding-top:10px;text-shadow:4px 4px 0 #000!important}.groups-intro h1,.groups-intro p{text-transform:uppercase;transform:skew(1deg)}.groups-intro p{color:#333;font-size:1rem;font-weight:700;letter-spacing:.05em;line-height:1.5;margin:0 auto;max-width:600px}.groups-actions{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.discovery-section{background:#f8f8f8;box-shadow:6px 6px 0 #333;margin-top:3rem;padding:2rem;transform:skew(-.5deg)}.action-card,.discovery-section{border:4px solid #000;border-radius:0}.action-card{align-items:center;background:#fff;box-shadow:8px 8px 0 #333;cursor:pointer;display:flex;flex-direction:column;min-height:280px;padding:40px 30px;text-align:center;transform:skew(-2deg);transition:all .1s ease}.action-card:hover{box-shadow:12px 12px 0 #333;transform:skew(-2deg) translate(-3px,-3px)}.action-card h3{color:#d72638!important;font-size:1.6rem;font-weight:900;letter-spacing:.08em;line-height:1.2;margin-bottom:20px;text-shadow:3px 3px 0 #000!important}.action-card h3,.action-card p{text-transform:uppercase;transform:skew(2deg)}.action-card p{color:#333;font-size:1.1rem;font-weight:700;letter-spacing:.05em;line-height:1.5;margin-bottom:28px}.my-groups-section{margin-bottom:50px}.my-groups-section h2{background:#fff;border:4px solid #000;box-shadow:6px 6px 0 #333;color:#d72638!important;font-size:1.8rem;font-weight:900;letter-spacing:.08em;margin-bottom:30px;padding:20px;position:relative;text-align:center;text-shadow:3px 3px 0 #000!important;text-transform:uppercase;transform:skew(-1deg)}.groups-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:40px}.group-card{background:#fff;border:4px solid #000;border-radius:0;box-shadow:6px 6px 0 #333;cursor:pointer;display:flex;flex-direction:column;min-height:200px;padding:28px 24px;transform:skew(-1deg);transition:all .1s ease}.group-card:hover{border-color:#d72638;box-shadow:8px 8px 0 #333;transform:skew(-1deg) translate(-2px,-2px)}.group-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.group-card-header h3{color:#d72638!important;flex:1 1;font-size:1.2rem;font-weight:900;letter-spacing:.08em;line-height:1.2;margin:0 12px 0 0;overflow:visible;text-shadow:2px 2px 0 #000!important;text-transform:uppercase;transform:skew(1deg);word-break:break-word}.group-code-container{align-items:center;display:flex;gap:8px}.group-code-badge{background:#d72638;color:#fff;font-family:"'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace";font-size:.8rem;letter-spacing:.1em;padding:6px 12px;text-transform:uppercase;transform:rotate(-3deg)}.copy-group-code-btn,.group-code-badge{border:2px solid #000;box-shadow:2px 2px 0 #333;font-weight:900}.copy-group-code-btn{align-items:center;background:#fff;border-radius:0;color:#000;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;transform:rotate(5deg);transition:all .1s ease;width:28px}.copy-group-code-btn:hover{background:#d72638;box-shadow:3px 3px 0 #333;color:#fff;transform:rotate(5deg) translate(-1px,-1px)}.group-card-info{margin-bottom:20px}.group-card-info p{color:#333;font-size:1rem;font-weight:700;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase;transform:skew(1deg)}.group-card-info p:last-child{margin-bottom:0}.group-description{color:#666!important;font-size:.9rem!important;font-style:italic;font-weight:600!important}.group-card-actions{text-align:right}.view-rankings{align-items:center;color:#d72638;display:inline-flex;font-size:.9rem;font-weight:900;gap:4px;letter-spacing:.08em;margin-top:auto;text-decoration:none;text-shadow:1px 1px 0 #ccc;text-transform:uppercase;transform:skew(1deg);transition:all .1s ease}.view-rankings:hover{text-shadow:2px 2px 0 #ccc;transform:skew(1deg) translateX(3px)}.loading-container-small{align-items:center;display:flex;gap:8px;justify-content:center;padding:40px 20px;text-align:center}.loading-container-small p{color:#6b7280;font-size:.9rem;margin:0}@media (max-width:1024px){.groups-landing{padding:20px 16px}.groups-intro h1{font-size:2.2rem}.groups-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.groups-landing{padding:16px 12px}.groups-intro{box-shadow:8px 8px 0 #333;margin-bottom:30px;padding:50px 20px 30px;position:relative}.groups-intro h1{font-size:1.8rem;padding-top:5px;text-shadow:3px 3px 0 #000!important}.groups-intro p{font-size:.9rem;line-height:1.4}.groups-actions{gap:16px;grid-template-columns:1fr;margin-top:30px}.action-card{box-shadow:6px 6px 0 #333;min-height:220px;padding:30px 20px}.action-card h3{font-size:1.4rem;margin-bottom:16px}.action-card p{font-size:.9rem;margin-bottom:20px}.groups-grid{gap:16px;grid-template-columns:1fr;margin-bottom:30px}.group-card{box-shadow:4px 4px 0 #333;min-height:160px;padding:20px 16px}.my-groups-section{margin-bottom:30px}.my-groups-section h2{box-shadow:4px 4px 0 #333;font-size:1.4rem;margin-bottom:20px;padding:16px}.group-card-header h3{font-size:1.1rem}.group-code-badge{font-size:.7rem;padding:4px 8px}}.pull-refresh-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:0 0 12px 12px;box-shadow:0 4px 12px #0000001a;color:#374151;font-size:.9rem;font-weight:500;left:50%;padding:10px 20px;position:fixed;top:0;transform:translateX(-50%);z-index:100}.group-info-header{align-items:center;background:#fff;border:4px solid #000;box-shadow:8px 8px 0 #333;color:#000;display:flex;justify-content:space-between;margin:20px 16px 30px;padding:24px;position:relative;transform:skew(-1deg);z-index:2}.group-stats{align-items:center;display:flex;flex:1 1;gap:20px}.group-info-text{flex:1 1}.group-stats h2{background:#d72638;border:3px solid #000;box-shadow:4px 4px 0 #333;color:#fff!important;font-size:2.2rem;margin:0 0 8px;padding:8px 16px;text-shadow:3px 3px 0 #000!important}.group-stats h2,.group-stats p{display:inline-block;font-weight:900;letter-spacing:.1em;text-transform:uppercase;transform:skew(1deg)}.group-stats p{background:#fff;border:2px solid #000;box-shadow:2px 2px 0 #333;color:#000;font-size:1.1rem;margin:8px 0 0;padding:6px 12px}.back-home-btn{align-items:center;background:#d72638;border:3px solid #000;border-radius:0;box-shadow:4px 4px 0 #333;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:900;gap:8px;height:50px;justify-content:center;letter-spacing:.1em;margin-right:16px;min-width:60px;padding:8px 12px;position:relative;text-decoration:none;text-transform:uppercase;transform:rotate(-3deg);transition:all .1s ease;z-index:10}.back-home-btn:hover{background:#fff;border-color:#d72638;box-shadow:6px 6px 0 #333;color:#d72638;transform:rotate(-3deg) translate(-2px,-2px)}.back-home-btn.logo-btn{background:#fff;border:3px solid #000;padding:6px}.back-home-btn.logo-btn:hover{background:#d72638;border-color:#000}.logo-icon{display:block;filter:drop-shadow(2px 2px 0 #333333);height:40px;object-fit:contain;width:40px}.back-home-btn.logo-btn:hover .logo-icon{filter:brightness(0) invert(1) drop-shadow(2px 2px 0 #333333)}.group-detail-back-btn,.groups-back-btn{display:flex!important;opacity:1!important;position:relative!important;visibility:visible!important;z-index:20!important}.group-code-display{align-items:center;background:#000;border:3px solid #000;box-shadow:4px 4px 0 #333;display:flex;gap:12px;margin-top:12px;padding:12px 16px;transform:skew(1deg)}.group-code-label{color:#fff;font-size:.8rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.group-code-value{background:#fff;border:2px solid #000;box-shadow:2px 2px 0 #333;color:#000;font-family:"'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace";font-size:1.4rem;font-weight:900;letter-spacing:.2em;padding:8px 16px}.copy-code-btn{align-items:center;background:#d72638;border:3px solid #000;border-radius:0;box-shadow:3px 3px 0 #333;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:900;height:48px;justify-content:center;transform:rotate(-5deg);transition:all .1s ease;width:48px}.copy-code-btn:hover{background:#000;box-shadow:4px 4px 0 #333;color:#fff;transform:rotate(-5deg) translate(-2px,-2px)}.share-group-btn{align-items:center;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px 0 #333;color:#000;cursor:pointer;display:flex;font-size:1.3rem;font-weight:900;height:50px;justify-content:center;transform:rotate(-5deg);transition:all .1s ease;width:50px}.share-group-btn:hover{background:#d72638;box-shadow:6px 6px 0 #333;color:#fff;transform:rotate(-5deg) translate(-2px,-2px)}.rankings-container{margin-top:20px;padding:0 16px;position:relative;z-index:2}.refresh-loader{align-items:center;background:#000;border:3px solid #fff;box-shadow:4px 4px 0 #333;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:12px;justify-content:center;letter-spacing:.1em;margin-bottom:20px;padding:16px;text-transform:uppercase;transform:skew(-1deg)}.rankings-list{display:flex;flex-direction:column;gap:12px;padding-top:10px}.empty-rankings{background:#fff;border:4px solid #000;box-shadow:8px 8px 0 #333;margin:16px;padding:60px 20px;text-align:center;transform:skew(-1deg)}.empty-icon{font-size:4rem;margin-bottom:20px;text-shadow:2px 2px 0 #ccc}.empty-rankings h3{color:#d72638!important;font-size:1.5rem;font-weight:900;letter-spacing:.1em;margin:0 0 12px;text-shadow:3px 3px 0 #000!important}.empty-rankings h3,.empty-rankings p{text-transform:uppercase;transform:skew(1deg)}.empty-rankings p{color:#333;font-size:1.1rem;font-weight:700;letter-spacing:.05em;line-height:1.5;margin:0 0 28px}.floating-actions{display:flex;flex-direction:column;gap:16px;position:fixed;right:20px;top:100px;z-index:50}.fab{align-items:center;border:3px solid #000;border-radius:0;box-shadow:6px 6px 0 #333;cursor:pointer;display:flex;font-size:1.6rem;font-weight:900;height:64px;justify-content:center;transform:rotate(-5deg);transition:all .1s ease;width:64px}.fab:hover{box-shadow:8px 8px 0 #333;transform:rotate(-5deg) translate(-2px,-2px)}.fab-primary{background:#d72638;color:#fff}.fab-primary:hover{background:#fff;border-color:#d72638;color:#d72638}.fab-secondary{background:#fff;border:3px solid #000;box-shadow:4px 4px 0 #333;color:#000}.fab-secondary:hover{background:#000;box-shadow:6px 6px 0 #333;color:#fff;transform:translate(-2px,-2px)}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px 20px;position:relative;text-align:center;z-index:2}.loading-spinner{animation:brutSpin 1s linear infinite;border:4px solid #ccc;border-radius:0;border-top-color:#d72638;height:50px;margin-bottom:20px;transform:rotate(45deg);width:50px}.loading-spinner.small{border-width:3px;height:24px;margin-bottom:0;width:24px}@keyframes brutSpin{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.error-container{background:#fff;border:4px solid #d72638;box-shadow:8px 8px 0 #333;margin:16px;transform:skew(-1deg)}.error-icon{font-size:4rem;margin-bottom:20px;text-shadow:2px 2px 0 #ccc}.error-container h3{color:#d72638!important;font-size:1.5rem;font-weight:900;letter-spacing:.1em;margin:0 0 12px;text-shadow:3px 3px 0 #000!important}.error-container h3,.error-container p{text-transform:uppercase;transform:skew(1deg)}.error-container p{color:#333;font-size:1.1rem;font-weight:700;letter-spacing:.05em;line-height:1.5;margin:0 0 28px}.error-actions{display:flex;flex-wrap:wrap;gap:12px}.btn,.error-actions{justify-content:center}.btn{align-items:center;border:3px solid #000;border-radius:0;box-shadow:4px 4px 0 #333;cursor:pointer;display:inline-flex;font-family:"'Arial Black', 'Impact', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif";font-size:1rem;font-weight:900;gap:10px;letter-spacing:.1em;min-width:140px;padding:16px 28px;text-decoration:none;text-transform:uppercase;transform:skew(-3deg);transition:all .1s ease}.btn-primary{background:#d72638;border-color:#000;color:#fff}.btn-primary:hover{background:#fff;border-color:#d72638;box-shadow:6px 6px 0 #333;color:#d72638;transform:skew(-3deg) translate(-2px,-2px)}.btn-secondary{background:#fff;border-color:#000;color:#000}.btn-secondary:hover{background:#000;box-shadow:6px 6px 0 #333;color:#fff;transform:skew(-3deg) translate(-2px,-2px)}.btn:disabled{box-shadow:4px 4px 0 #333!important;cursor:not-allowed;opacity:.6;transform:skew(-3deg)!important}@media (max-width:768px){.group-info-header{gap:16px;margin:16px 12px 24px;padding:16px}.group-info-header,.group-stats{align-items:stretch;flex-direction:column}.group-stats{gap:12px}.back-home-btn{align-self:flex-start;display:flex!important;font-size:.9rem;height:44px;margin-right:0;min-width:50px;opacity:1!important;padding:6px 10px;position:relative;visibility:visible!important;z-index:15}.logo-icon{height:32px;width:32px}.group-stats h2{font-size:1.3rem}.share-group-btn{align-self:center}.rankings-container{padding:0 12px}.floating-actions{right:16px;top:80px}.fab{font-size:1.3rem;height:52px;width:52px}.error-actions{align-items:center;flex-direction:column}.btn{max-width:200px;width:100%}}@media (hover:none) and (pointer:coarse){.btn:hover,.fab:hover,.share-group-btn:hover{transform:none}.btn:active,.fab:active,.share-group-btn:active{transform:scale(.95)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.71b2dbdf.css.map*/