@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box}li,a{list-style:none;text-decoration:none}body{font-family:Inter,sans-serif;background-color:#f9fafb;color:#000;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}@media(prefers-color-scheme:dark){body{background-color:#111827;color:#fff}}.dark body{background-color:#111827!important;color:#fff!important}.app-container{display:flex;min-height:100vh;position:relative}.sidebar-area{position:fixed;top:0;left:0;z-index:9999;height:100vh;transition:transform .3s ease-in-out}@media(min-width:1024px){.sidebar-area{position:static;flex-shrink:0;width:18rem;height:100vh}}.main-content-wrapper{flex:1;display:flex;flex-direction:column;min-height:100vh;width:100%;transition:margin-left .3s ease-in-out;overflow-x:hidden}@media(min-width:1024px){.main-content-wrapper{margin-left:18rem;width:calc(100% - 18rem)}}.header-container{position:sticky;top:0;z-index:100;background-color:#fff;border-bottom:1px solid #e5e7eb;transition:background-color .2s ease,border-color .2s ease}@media(prefers-color-scheme:dark){.header-container{background-color:#1f2937;border-color:#374151}}.dark .header-container{background-color:#1f2937;border-color:#374151}.dashboard-main-content{flex:1;overflow-y:auto;padding:1.5rem;background-color:#f9fafb;transition:background-color .2s ease}@media(prefers-color-scheme:dark){.dashboard-main-content{background-color:#111827}}.dark .dashboard-main-content{background-color:#111827}@media(max-width:640px){.dashboard-main-content{padding:1rem}}.sidebar-overlay-active{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;display:block}@media(min-width:1024px){.sidebar-overlay-active{display:none}}.mobile-sidebar-toggle{position:fixed;top:1rem;left:1rem;z-index:50;width:2.5rem;height:2.5rem;background-color:#000;color:#fff;border:none;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s ease}@media(min-width:1024px){.mobile-sidebar-toggle{display:none}}.dashboard-grid{display:grid;gap:1rem;margin-bottom:1.5rem}@media(min-width:640px){.dashboard-grid{gap:1.5rem;margin-bottom:2rem}}.card-responsive{width:100%;overflow:hidden}@media(min-width:768px){.card-responsive{max-width:100%}}.responsive-image{max-width:100%;height:auto}.chart-container-responsive{position:relative;width:100%;height:250px}textarea,select,input,button{font-family:Inter,sans-serif;font-size:16px!important}@media(min-width:768px){.chart-container-responsive{height:300px}}@media(min-width:1024px){.chart-container-responsive{height:350px}}.hide-on-mobile{display:none}@media(min-width:768px){.hide-on-mobile{display:block}}.show-on-mobile{display:block}@media(min-width:768px){.show-on-mobile{display:none}}.slide-in{animation:slideIn .3s ease-in-out forwards}.slide-out{animation:slideOut .3s ease-in-out forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@media(prefers-color-scheme:dark){::-webkit-scrollbar-track{background:#374151}::-webkit-scrollbar-thumb{background:#6b7280}::-webkit-scrollbar-thumb:hover{background:#9ca3af}}.dark ::-webkit-scrollbar-track{background:#374151}.dark ::-webkit-scrollbar-thumb{background:#6b7280}.dark ::-webkit-scrollbar-thumb:hover{background:#9ca3af}.Toastify__toast-container{font-family:Inter,sans-serif!important;font-weight:500}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background-color:#fff;border-bottom:1px solid #e5e7eb;transition:background-color .2s ease,border-color .2s ease}@media(prefers-color-scheme:dark){.navbar{background-color:#1f2937;border-bottom-color:#374151}}.navbar-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.navbar-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.navbar-container{padding-left:2rem;padding-right:2rem}}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:4rem}.navbar-logo-link{display:flex;align-items:center}.navbar-logo-image{height:130px;width:auto;margin-left:-25px}@media(prefers-color-scheme:dark){.navbar-logo-image{filter:brightness(0) invert(1)}}.navbar-desktop-menu{display:none;align-items:center;gap:1.5rem}@media(min-width:768px){.navbar-desktop-menu{display:flex}}.navbar-desktop-link{font-size:.875rem;font-weight:500;color:#374151;transition:color .2s ease}.navbar-desktop-link:hover{color:#000}@media(prefers-color-scheme:dark){.navbar-desktop-link{color:#d1d5db}.navbar-desktop-link:hover{color:#fff}}.navbar-right{display:flex;align-items:center;gap:.5rem}.navbar-account-link{font-size:.875rem;font-weight:500;color:#374151;padding:.5rem .75rem;transition:color .2s ease}.navbar-account-link:hover{color:#000}@media(prefers-color-scheme:dark){.navbar-account-link{color:#d1d5db}.navbar-account-link:hover{color:#fff}}.navbar-menu-icon,.navbar-close-icon{width:1.25rem;height:1.25rem}.navbar-close-icon,.hidden{display:none}.navbar-mobile-menu{display:none;background-color:#fff;border-top:1px solid #e5e7eb;transition:background-color .2s ease,border-color .2s ease}@media(prefers-color-scheme:dark){.navbar-mobile-menu{background-color:#1f2937;border-top-color:#374151}}@media(min-width:768px){.navbar-mobile-menu{display:none!important}.menu-svg{display:none}}.navbar-mobile-menu.open{display:block}.navbar-mobile-content{padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.25rem}.navbar-mobile-link{display:block;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#374151;border-radius:.375rem;transition:all .2s ease}.navbar-mobile-link:hover{background-color:#f9fafb;color:#000}@media(prefers-color-scheme:dark){.navbar-mobile-link{color:#d1d5db}.navbar-right .menu-svg{color:#fff}.navbar-mobile-link:hover{background-color:#374151;color:#fff}}.navbar-mobile-divider{border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:.5rem}@media(prefers-color-scheme:dark){.navbar-mobile-divider{border-top-color:#374151}}.hero-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#000,#111827,#000);color:#fff}.hero-grid-pattern{position:absolute;inset:0;opacity:.06;z-index:0;pointer-events:none}.hero-background-overlay{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-background-image{height:100%;width:100%;object-fit:cover;opacity:.2}.hero-gradient-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#000c,#000000b3,#000000e6)}.hero-content-wrapper{position:relative;z-index:10}.home-hero-container{max-width:80rem;margin-left:auto;margin-right:auto;padding:7rem 1rem 4rem}@media(min-width:640px){.home-hero-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.home-hero-container{padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.home-hero-container{padding-top:10rem;padding-bottom:6rem}}.home-hero-grid{display:grid;grid-template-columns:1fr;align-items:center;gap:2.5rem}@media(min-width:1024px){.home-hero-grid{grid-template-columns:1fr 1fr;gap:4rem}}.hero-title{font-size:2.25rem;font-weight:600;line-height:1;letter-spacing:-.025em}@media(min-width:640px){.hero-title{font-size:3rem}}.hero-subtitle{margin-top:1rem;max-width:36rem;font-size:1rem;color:#d1d5db}@media(min-width:640px){.hero-subtitle{font-size:1.125rem}}.hero-cta-buttons{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.hero-cta-buttons{flex-direction:row}}.hero-cta-button{display:inline-flex;align-items:center;border-radius:.375rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease;outline:none;border:2px solid transparent}.hero-cta-button:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.hero-cta-button.primary{background-color:#fff;color:#000;box-shadow:0 1px 3px #0000001a}.hero-cta-button.primary:hover{background-color:#f3f4f6}.hero-cta-button.secondary{border-color:#fff3;color:#fff}.hero-cta-button.secondary:hover{background-color:#ffffff1a}.hero-button-icon{width:1rem;height:1rem;margin-right:.5rem}.hero-stats-grid{margin-top:2rem;display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:640px){.hero-stats-grid{grid-template-columns:repeat(3,1fr)}}.hero-stat-card{border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background-color:#ffffff0d;padding:1rem}.hero-stat-label{font-size:.75rem;color:#d1d5db}.hero-stat-value{margin-top:.25rem;font-size:1.125rem;font-weight:600;color:#fff}.hero-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.hero-feature-card{border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff1a,#fff0);padding:1rem;box-shadow:0 4px 6px -1px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-feature-title{font-size:.75rem;color:#d1d5db}.hero-feature-value{margin-top:.5rem;font-size:1.5rem;font-weight:600;color:#fff}.hero-feature-description{margin-top:.25rem;font-size:.875rem;color:#d1d5db}.hero-wave-decoration{position:absolute;bottom:0;left:0;right:0;transform:translateY(1px)}.hero-wave-decoration svg{width:100%;height:auto}.quick-actions{background-color:#0b0b0b;color:#fff}.quick-actions-container{max-width:80rem;margin-left:auto;margin-right:auto;padding:3rem 1rem}@media(min-width:640px){.quick-actions-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.quick-actions-container{padding-left:2rem;padding-right:2rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quick-actions-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.quick-actions-grid{grid-template-columns:repeat(4,1fr)}}.quick-actions-card{display:block;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);padding:1.25rem;color:#fff;text-decoration:none;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.quick-actions-card:hover{background-color:#ffffff0d}.quick-actions-card:focus-visible{outline:none;border-radius:.75rem;box-shadow:0 0 0 2px #fff9}.quick-actions-content{display:flex;align-items:center;justify-content:space-between}.quick-actions-text{flex:1}.quick-actions-label{font-size:.75rem;color:#d1d5db}.quick-actions-description{margin-top:.25rem;font-size:.875rem;font-weight:500;color:#fff}.quick-actions-icon-wrapper{display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;background-color:#ffffff1a;color:#fff;transition:all .2s ease}.quick-actions-card:hover .quick-actions-icon-wrapper{background-color:#fff;color:#000}.quick-actions-icon{width:1rem;height:1rem}.featured-cars{background-color:#fff;padding:4rem 0;transition:background-color .2s ease}@media(prefers-color-scheme:dark){.featured-cars{background-color:#111827}}.featured-cars-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.featured-cars-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.featured-cars-container{padding-left:2rem;padding-right:2rem}}.featured-cars-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.featured-cars-title{font-size:1.25rem;font-weight:600;color:#000}@media(min-width:640px){.featured-cars-title{font-size:1.5rem}}@media(prefers-color-scheme:dark){.featured-cars-title{color:#fff}}.featured-cars-subtitle{margin-top:.25rem;font-size:.875rem;color:#4b5563}@media(prefers-color-scheme:dark){.featured-cars-subtitle{color:#9ca3af}}.featured-cars-view-all{font-size:.875rem;font-weight:500;color:#000;text-decoration:underline;text-underline-offset:4px;transition:color .2s ease,text-decoration-color .2s ease}.featured-cars-view-all:hover{text-decoration-color:currentColor}@media(prefers-color-scheme:dark){.featured-cars-view-all{color:#fff}}.featured-cars-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.featured-cars-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.featured-cars-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.featured-cars-grid{gap:2rem}}.featured-cars-card{border-radius:.75rem;border:1px solid #e5e7eb;background-color:#fff;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;cursor:pointer;outline:none}.featured-cars-card:hover{box-shadow:0 4px 6px -1px #0000001a}.featured-cars-card:focus-within{outline:2px solid rgba(0,0,0,.4);outline-offset:2px}@media(prefers-color-scheme:dark){.featured-cars-card{border-color:#374151;background-color:#1f2937}.featured-cars-card:focus-within{outline-color:#fff6}}.featured-cars-image-link{display:block;overflow:hidden;border-top-left-radius:.75rem;border-top-right-radius:.75rem;outline:none}.featured-cars-image-link:focus-visible{outline:2px solid rgba(0,0,0,.4);outline-offset:2px}@media(prefers-color-scheme:dark){.featured-cars-image-link:focus-visible{outline-color:#fff6}}.featured-cars-image-container{position:relative;aspect-ratio:16/9}.featured-cars-image{height:100%;width:100%;object-fit:cover;transition:transform .5s ease}.featured-cars-card:hover .featured-cars-image{transform:scale(1.05)}.featured-cars-content{padding:1rem}.featured-cars-name{margin-bottom:.25rem;font-size:1rem;font-weight:500;color:#000}@media(min-width:640px){.featured-cars-name{font-size:1.125rem}}@media(prefers-color-scheme:dark){.featured-cars-name{color:#fff}}.featured-cars-name-link{color:inherit;text-decoration:none;outline:none}.featured-cars-name-link:focus-visible{outline:2px solid rgba(0,0,0,.4);border-radius:.25rem}.featured-cars-card:hover .featured-cars-name{color:#000c}@media(prefers-color-scheme:dark){.featured-cars-card:hover .featured-cars-name{color:#fffc}.featured-cars-name-link:focus-visible{outline-color:#fff6}}.featured-cars-specs{display:flex;align-items:center;gap:1.5rem;margin-bottom:.75rem;font-size:.75rem;color:#4b5563}@media(prefers-color-scheme:dark){.featured-cars-specs{color:#9ca3af}}.featured-cars-spec{display:flex;flex-direction:column}.featured-cars-spec-value{font-weight:500}.featured-cars-spec-label{display:block;font-size:.625rem;margin-top:.125rem}.featured-cars-footer{display:flex;align-items:center;justify-content:space-between}.featured-cars-price{font-size:.875rem;font-weight:500;color:#000}@media(prefers-color-scheme:dark){.featured-cars-price{color:#fff}}.featured-cars-price-description{font-size:.75rem;color:#6b7280}@media(prefers-color-scheme:dark){.featured-cars-price-description{color:#9ca3af}}.featured-cars-actions{display:flex;align-items:center;gap:.5rem}.featured-cars-action{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s ease;outline:none}.featured-cars-action.secondary{border:1px solid #d1d5db;color:#000;background-color:transparent}.featured-cars-action.secondary:hover{background-color:#f9fafb}.featured-cars-action.secondary:focus-visible{outline:2px solid rgba(0,0,0,.4)}.featured-cars-action.primary{border:1px solid transparent;color:#fff;background-color:#000}.featured-cars-action.primary:hover{background-color:#1f2937}.featured-cars-action.primary:focus-visible{outline:2px solid rgba(0,0,0,.4)}@media(prefers-color-scheme:dark){.featured-cars-action.secondary{border-color:#4b5563;color:#fff}.featured-cars-action.secondary:hover{background-color:#374151}.featured-cars-action.secondary:focus-visible{outline-color:#fff6}.featured-cars-action.primary{color:#000;background-color:#fff}.featured-cars-action.primary:hover{background-color:#e5e7eb}.featured-cars-action.primary:focus-visible{outline-color:#fff6}}.featured-cars-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#666;font-size:1.1rem;margin-top:1rem}.featured-cars-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center;background-color:#fef2f2;border-radius:8px;margin-top:2rem}.error-title{color:#dc2626;font-size:1.5rem;margin-bottom:.5rem}.error-message{color:#666;margin-bottom:1.5rem;max-width:400px}.error-retry-btn{background-color:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.error-retry-btn:hover{background-color:#2980b9}.featured-cars-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:2rem;text-align:center;background-color:#f8f9fa;border-radius:8px;margin-top:2rem}.empty-message{color:#666;font-size:1.2rem;margin-bottom:1.5rem}.empty-view-all-btn{background-color:#3498db;color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-size:1rem;transition:background-color .3s ease}.empty-view-all-btn:hover{background-color:#2980b9}.featured-cars-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.skeleton-card{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;height:400px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stock-markets{background-color:#0b0b0b;color:#fff;padding:4rem 0}.stock-markets-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.stock-markets-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.stock-markets-container{padding-left:2rem;padding-right:2rem}}.stock-markets-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.stock-markets-title{font-size:1.25rem;font-weight:600}@media(min-width:640px){.stock-markets-title{font-size:1.5rem}}.stock-markets-subtitle{margin-top:.25rem;font-size:.875rem;color:#9ca3af}.stock-markets-open-link{font-size:.875rem;font-weight:500;color:#fff;text-decoration:underline;text-underline-offset:4px;transition:color .2s ease,text-decoration-color .2s ease}.stock-markets-open-link:hover{text-decoration-color:currentColor}.stock-markets-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.stock-markets-grid{grid-template-columns:1fr 2fr}}.stock-markets-card{border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff0d,#fff0);padding:1rem}.stock-markets-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.stock-markets-card-title{font-size:.875rem;font-weight:600}.stock-markets-see-all{font-size:.75rem;color:#d1d5db;transition:color .2s ease}.stock-markets-see-all:hover{color:#fff}.stock-markets-list{display:flex;flex-direction:column;gap:.75rem}.stock-markets-featured-item{display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;padding:.75rem;text-decoration:none;transition:background-color .2s ease;outline:none}.stock-markets-featured-item:hover{background-color:#ffffff0d}.stock-markets-featured-item:focus-visible{outline:2px solid rgba(255,255,255,.6)}.stock-markets-featured-info{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.stock-markets-logo{width:1.5rem;height:1.5rem;border-radius:.25rem;background-color:#fff;object-fit:contain}.stock-markets-details{min-width:0}.stock-markets-symbol{font-size:.875rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-markets-name{font-weight:400;color:#9ca3af}.stock-markets-sector{font-size:.75rem;color:#9ca3af;margin-top:.125rem}.stock-markets-price-info{text-align:right;flex-shrink:0;margin-left:.5rem}.stock-markets-price{font-size:.875rem;font-weight:600;color:#fff}.stock-markets-change{font-size:.75rem;margin-top:.125rem}.stock-markets-change.positive{color:#34d399}.stock-markets-change.negative{color:#f87171}.stock-markets-stats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.stock-markets-stats-grid{grid-template-columns:repeat(3,1fr)}}.stock-markets-stat-item{display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;padding:.75rem;text-decoration:none;transition:background-color .2s ease;outline:none}.stock-markets-stat-item:hover{background-color:#ffffff1a}.stock-markets-stat-item:focus-visible{outline:2px solid rgba(255,255,255,.6)}.stock-markets-stat-info{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.stock-markets-stat-logo{width:1.25rem;height:1.25rem;border-radius:.25rem;background-color:#fff;object-fit:contain}.stock-markets-stat-symbol{font-size:.875rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-markets-volume{font-size:.75rem;color:#d1d5db;flex-shrink:0}.market-news{background-color:#0b1220;color:#fff;padding:4rem 0}.market-news-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.market-news-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.market-news-container{padding-left:2rem;padding-right:2rem}}.market-news-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.market-news-title{font-size:1.25rem;font-weight:600;color:#fff}@media(min-width:640px){.market-news-title{font-size:1.5rem}}.market-news-subtitle{margin-top:.25rem;font-size:.875rem;color:#9ca3af}.market-news-view-link{font-size:.875rem;font-weight:500;color:#fff;text-decoration:underline;text-underline-offset:4px;transition:color .2s ease,text-decoration-color .2s ease}.market-news-view-link:hover{text-decoration-color:currentColor}.market-news-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.market-news-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.market-news-grid{grid-template-columns:repeat(3,1fr)}}.market-news-card{display:block;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background-color:#ffffff0d;padding:1rem;text-decoration:none;transition:background-color .2s ease;outline:none}.market-news-card:hover{background-color:#ffffff1a}.market-news-card:focus-visible{outline:2px solid rgba(255,255,255,.6)}.market-news-content{display:flex;align-items:flex-start;gap:.75rem}.market-news-image{width:4rem;height:4rem;flex-shrink:0;border-radius:.375rem;object-fit:cover}.market-news-details{min-width:0;flex:1}.market-news-meta{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;color:#d1d5db;flex-wrap:wrap}.market-news-symbols{display:flex;gap:.25rem}.market-news-symbol{border-radius:.125rem;background-color:#ffffff1a;color:#fff;padding:.125rem .375rem;font-size:.6875rem}.market-news-source{white-space:nowrap}.market-news-separator{opacity:.5}.market-news-time{white-space:nowrap}.market-news-title-text{margin-top:.25rem;font-size:.875rem;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.market-news-summary{margin-top:.25rem;font-size:.75rem;color:#d1d5db;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.market-news-sentiment{margin-top:.5rem;font-size:.6875rem;font-weight:500}.market-news-sentiment.positive{color:#10b981}.market-news-sentiment.negative{color:#ef4444}.market-news-sentiment.neutral{color:#9ca3af}.call-to-action{background:linear-gradient(135deg,#000,#111827,#000);color:#fff;padding:4rem 0;text-align:center}.call-to-action-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.call-to-action-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.call-to-action-container{padding-left:2rem;padding-right:2rem}}.call-to-action-title{font-size:1.5rem;font-weight:600;line-height:1.2}@media(min-width:640px){.call-to-action-title{font-size:1.875rem}}.call-to-action-subtitle{margin-top:.5rem;color:#d1d5db;font-size:1rem;line-height:1.5}.call-to-action-buttons{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem;justify-content:center}@media(min-width:640px){.call-to-action-buttons{flex-direction:row}}.call-to-action-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease;outline:none;border:2px solid transparent}.call-to-action-button:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.call-to-action-button.primary{background-color:#fff;color:#000}.call-to-action-button.primary:hover{background-color:#f3f4f6}.call-to-action-button.secondary{border-color:#fff3;color:#fff;background-color:transparent}.call-to-action-button.secondary:hover{background-color:#ffffff1a}.footer{background-color:#000;color:#fff;transition:background-color .2s ease}@media(prefers-color-scheme:dark){.footer{background-color:#111827}}.footer-container{max-width:80rem;margin-left:auto;margin-right:auto;padding:3rem 1.5rem}@media(min-width:640px){.footer-container{padding-left:2.5rem;padding-right:2.5rem}}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-logo-column{grid-column:span 2}@media(min-width:768px){.footer-logo-column{grid-column:span 1}}.footer-logo{width:150px;filter:brightness(0) invert(1)}.footer-copyright{margin-top:.75rem;font-size:.875rem;color:#9ca3af}@media(prefers-color-scheme:dark){.footer-copyright{color:#6b7280}}.footer-heading{font-size:1rem;font-weight:500;margin-bottom:1rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links li:last-child{margin-bottom:0}.footer-link{font-size:.875rem;color:#9ca3af;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#fff}@media(prefers-color-scheme:dark){.footer-link{color:#6b7280}.footer-link:hover{color:#d1d5db}}.about-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#000,#111827,#000);color:#fff;padding-top:3rem}.about-grid-pattern{position:absolute;inset:0;opacity:.06;z-index:0;pointer-events:none}.about-gradient-overlay{position:absolute;inset:0;z-index:0;pointer-events:none}.about-gradient-fill{position:absolute;inset:0;background:linear-gradient(to bottom,#000c,#000000b3,#000000e6)}.about-content-wrapper{position:relative;z-index:10}.about-container{max-width:80rem;margin-left:auto;margin-right:auto;padding:4rem 1rem}@media(min-width:640px){.about-container{padding-left:1.5rem;padding-right:1.5rem}.about-header{padding-top:4rem}}@media(min-width:1024px){.about-container{padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.about-container{padding-top:6rem;padding-bottom:6rem}}.about-text-center{text-align:center}.about-title{font-size:2.25rem;font-weight:600;line-height:1;letter-spacing:-.025em}@media(min-width:640px){.about-title{font-size:3rem}}.about-subtitle{margin-top:1rem;max-width:42rem;margin-left:auto;margin-right:auto;font-size:1rem;color:#d1d5db;line-height:1.5}@media(min-width:640px){.about-subtitle{font-size:1.125rem}}.about-wave-decoration{position:absolute;bottom:0;left:0;right:0;transform:translateY(1px)}.about-wave-decoration svg{width:100%;height:auto}.mission-section{background-color:#0b0b0b;color:#fff;padding:0rem 0 4rem}.mission-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.mission-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.mission-container{padding-left:2rem;padding-right:2rem}}.mission-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:1024px){.mission-grid{grid-template-columns:1fr 1fr;gap:3rem}}.mission-title{font-size:1.875rem;font-weight:600;margin-bottom:1.5rem}@media(min-width:640px){.mission-title{font-size:2.25rem}.mission-section{padding-top:3rem}}.mission-paragraph{font-size:1rem;color:#d1d5db;line-height:1.6;margin-bottom:1.5rem}@media(min-width:640px){.mission-paragraph{font-size:1.125rem}}.mission-paragraph:last-of-type{margin-bottom:2rem}.mission-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.mission-stat{text-align:center}.mission-stat-value{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}@media(min-width:640px){.mission-stat-value{font-size:1.875rem}}.mission-stat-label{font-size:.875rem;color:#9ca3af}.mission-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.mission-feature-card{border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff1a,#fff0);padding:1rem;box-shadow:0 4px 6px -1px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mission-feature-title{font-size:.75rem;color:#d1d5db;margin-bottom:.125rem}.mission-feature-value{font-size:1.5rem;font-weight:600;color:#fff;margin-top:.5rem;margin-bottom:.125rem}.mission-feature-description{font-size:.875rem;color:#d1d5db;margin-top:.25rem;line-height:1.4}.values-section{background-color:#fff;padding:4rem 0;transition:background-color .2s ease}@media(prefers-color-scheme:dark){.values-section{background-color:#111827}}.values-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.values-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.values-container{padding-left:2rem;padding-right:2rem}}.values-header{text-align:center;margin-bottom:3rem}.values-title{font-size:1.875rem;font-weight:600;color:#000;margin-bottom:1rem}@media(min-width:640px){.values-title{font-size:2.25rem}}@media(prefers-color-scheme:dark){.values-title{color:#fff}}.values-subtitle{max-width:42rem;margin-left:auto;margin-right:auto;color:#4b5563;font-size:1rem;line-height:1.5}@media(prefers-color-scheme:dark){.values-subtitle{color:#9ca3af}}.values-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.values-grid{grid-template-columns:repeat(3,1fr)}}.value-card{text-align:center}.value-icon-container{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background-color:#000;color:#fff;border-radius:9999px;margin-bottom:1rem;transition:background-color .2s ease,color .2s ease}@media(prefers-color-scheme:dark){.value-icon-container{background-color:#fff;color:#000}}.value-icon{width:2rem;height:2rem}.value-title{font-size:1.25rem;font-weight:600;color:#000;margin-bottom:.75rem}@media(prefers-color-scheme:dark){.value-title{color:#fff}}.value-description{color:#4b5563;line-height:1.6}@media(prefers-color-scheme:dark){.value-description{color:#9ca3af}}.leadership-section{background-color:#f9fafb;padding:4rem 0;transition:background-color .2s ease}@media(prefers-color-scheme:dark){.leadership-section{background-color:#1f2937}}.leadership-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.leadership-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.leadership-container{padding-left:2rem;padding-right:2rem}}.leadership-header{text-align:center;margin-bottom:3rem}.leadership-title{font-size:1.875rem;font-weight:600;color:#000;margin-bottom:1rem}@media(min-width:640px){.leadership-title{font-size:2.25rem}}@media(prefers-color-scheme:dark){.leadership-title{color:#fff}}.leadership-subtitle{max-width:42rem;margin-left:auto;margin-right:auto;color:#4b5563;font-size:1rem;line-height:1.5}@media(prefers-color-scheme:dark){.leadership-subtitle{color:#9ca3af}}.leadership-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.leadership-grid{grid-template-columns:repeat(3,1fr)}}.team-member{text-align:center}.team-member-avatar{width:8rem;height:8rem;background-color:#e5e7eb;border-radius:9999px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}@media(prefers-color-scheme:dark){.team-member-avatar{background-color:#374151}}.team-member-icon{width:4rem;height:4rem;color:#9ca3af}@media(prefers-color-scheme:dark){.team-member-icon{color:#6b7280}}.team-member-role{font-size:1.25rem;font-weight:600;color:#000;margin-bottom:.5rem}@media(prefers-color-scheme:dark){.team-member-role{color:#fff}}.team-member-title{color:#4b5563;margin-bottom:.75rem;line-height:1.4}@media(prefers-color-scheme:dark){.team-member-title{color:#9ca3af}}.team-member-description{font-size:.875rem;color:#6b7280;line-height:1.4}@media(prefers-color-scheme:dark){.team-member-description{color:#6b7280}}.contact-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#000,#111827,#000);color:#fff;padding-top:5rem}.contact-grid-pattern{position:absolute;inset:0;opacity:.06;z-index:0;pointer-events:none}.contact-gradient-overlay{position:absolute;inset:0;z-index:0;pointer-events:none}.contact-gradient-fill{position:absolute;inset:0;background:linear-gradient(to bottom,#000c,#000000b3,#000000e6)}.contact-content-wrapper{position:relative;z-index:10}.contact-container{max-width:80rem;margin-left:auto;margin-right:auto;padding:2rem 1rem}@media(min-width:1024px){.contact-container{padding-top:6rem;padding-bottom:6rem}}.contact-text-center{text-align:center}.contact-title{font-size:2.25rem;font-weight:600;line-height:1;letter-spacing:-.025em}@media(min-width:640px){.contact-title{font-size:3rem}}.contact-subtitle{margin-top:1rem;max-width:42rem;margin-left:auto;margin-right:auto;font-size:1rem;color:#d1d5db;line-height:1.5}@media(min-width:640px){.contact-subtitle{font-size:1.125rem}}.contact-wave-decoration{position:absolute;bottom:0;left:0;right:0;transform:translateY(1px)}.contact-wave-decoration svg{width:100%;height:auto}.contact-section{background-color:#0b0b0b;color:#fff;padding:4rem 0;padding-top:0}.contact-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.contact-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.contact-container{padding-left:2rem;padding-right:2rem}}.contact-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-info-title{font-size:1.875rem;font-weight:600;margin-bottom:1.5rem}@media(min-width:640px){.contact-info-title{font-size:2.25rem}}.contact-info-description{color:#d1d5db;font-size:1rem;line-height:1.6;margin-bottom:2rem}@media(min-width:640px){.contact-info-description{font-size:1.125rem}}.contact-methods{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.contact-method{display:flex;align-items:flex-start}.contact-method-icon-container{flex-shrink:0;width:2.5rem;height:2.5rem;background-color:#ffffff1a;border-radius:9999px;display:flex;align-items:center;justify-content:center}.contact-method-icon{width:1.25rem;height:1.25rem;color:#fff}.contact-method-details{margin-left:1rem;flex:1}.contact-method-title{font-size:1.125rem;font-weight:500;color:#fff;margin-bottom:.25rem}.contact-method-info{color:#d1d5db;line-height:1.4}.contact-method-description{font-size:.875rem;color:#9ca3af;margin-top:.25rem}.social-section{margin-top:2rem}.social-title{font-size:1.125rem;font-weight:500;color:#fff;margin-bottom:1rem}.social-links{display:flex;gap:1rem}.social-link{width:2.5rem;height:2.5rem;background-color:#ffffff1a;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.social-link:hover{background-color:#fff3}.social-icon{width:1.25rem;height:1.25rem;color:#fff}.contact-form-column{background-color:#ffffff0d;border-radius:1rem;border:1px solid rgba(255,255,255,.1);padding:2rem}.contact-form-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem}@media(min-width:640px){.contact-form-title{font-size:1.875rem}}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-name-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.form-name-grid{grid-template-columns:1fr 1fr}}.form-label{font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;font-size:1rem;transition:all .2s ease}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#ffffff80;box-shadow:0 0 0 2px #ffffff1a}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-textarea{resize:vertical;min-height:9rem}.form-submit-button{width:100%;padding:.75rem 1.5rem;background-color:#fff;color:#000;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-family:inherit}.form-submit-button:hover{background-color:#f3f4f6}.faq-section{background-color:#fff;padding:4rem 0;transition:background-color .2s ease}@media(prefers-color-scheme:dark){.faq-section{background-color:#111827}}.faq-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.faq-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.faq-container{padding-left:2rem;padding-right:2rem}}.faq-header{text-align:center;margin-bottom:3rem}.faq-title{font-size:1.875rem;font-weight:600;color:#000;margin-bottom:1rem}@media(min-width:640px){.faq-title{font-size:2.25rem}}@media(prefers-color-scheme:dark){.faq-title{color:#fff}}.faq-subtitle{max-width:42rem;margin-left:auto;margin-right:auto;color:#4b5563;font-size:1rem;line-height:1.5}@media(prefers-color-scheme:dark){.faq-subtitle{color:#9ca3af}}.faq-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.faq-grid{grid-template-columns:1fr 1fr}}.faq-column{display:flex;flex-direction:column;gap:1.5rem}.faq-item{padding:1.5rem;background-color:#f9fafb;border-radius:.5rem;transition:background-color .2s ease}@media(prefers-color-scheme:dark){.faq-item{background-color:#1f2937}}.faq-question{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:.5rem;line-height:1.4}@media(prefers-color-scheme:dark){.faq-question{color:#fff}}.faq-answer{color:#4b5563;line-height:1.6}@media(prefers-color-scheme:dark){.faq-answer{color:#9ca3af}}.quick-help-actions{background-color:#0b0b0b;color:#fff;padding:4rem 0}.quick-help-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.quick-help-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.quick-help-container{padding-left:2rem;padding-right:2rem}}.quick-help-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:2rem}@media(min-width:640px){.quick-help-title{font-size:1.875rem}}.quick-help-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.quick-help-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.quick-help-grid{grid-template-columns:repeat(4,1fr)}}.quick-help-card{display:block;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);padding:1.5rem;color:#fff;text-decoration:none;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.quick-help-card:hover{background-color:#ffffff0d;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.quick-help-icon-wrapper{width:3rem;height:3rem;background-color:#ffffff1a;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.quick-help-icon{width:1.5rem;height:1.5rem;color:#fff}.quick-help-card-title{font-size:1.125rem;font-weight:500;color:#fff;margin-bottom:.5rem;line-height:1.4}.quick-help-card-description{font-size:.875rem;color:#d1d5db;line-height:1.4}.help-categories-grid{background-color:#fff;padding:4rem 0}@media(prefers-color-scheme:dark){.help-categories-grid{background-color:#111827}}.help-categories-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.help-categories-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.help-categories-container{padding-left:2rem;padding-right:2rem}}.help-categories-layout{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:1024px){.help-categories-layout{grid-template-columns:1fr 1fr;gap:3rem}}.help-section{scroll-margin-top:2rem}.help-section.full-width{grid-column:1 / -1}.help-section-title{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:1.5rem}@media(min-width:640px){.help-section-title{font-size:1.875rem}}@media(prefers-color-scheme:dark){.help-section-title{color:#fff}}.help-articles-list{display:flex;flex-direction:column;gap:1rem}.help-article-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;transition:all .2s ease}.help-article-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}@media(prefers-color-scheme:dark){.help-article-card{border-color:#374151}.help-article-card:hover{border-color:#60a5fa}}.help-article-title{font-size:1.125rem;font-weight:500;color:#000;margin-bottom:.5rem;line-height:1.4}@media(prefers-color-scheme:dark){.help-article-title{color:#fff}}.help-article-description{font-size:.875rem;color:#4b5563;margin-bottom:.75rem;line-height:1.5}@media(prefers-color-scheme:dark){.help-article-description{color:#9ca3af}}.help-article-link{display:inline-block;font-size:.875rem;color:#000;text-decoration:none;transition:color .2s ease,transform .2s ease}.help-article-link:hover{color:#3b82f6;transform:translate(2px)}@media(prefers-color-scheme:dark){.help-article-link{color:#fff}.help-article-link:hover{color:#60a5fa}}.help-articles-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.help-articles-grid{grid-template-columns:1fr 1fr}}.help-articles-three-column{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.help-articles-three-column{grid-template-columns:repeat(3,1fr)}}.help-articles-column{display:flex;flex-direction:column;gap:1rem}.terms-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#000,#111827,#000);color:#fff;padding-top:3rem}.terms-grid-pattern{position:absolute;inset:0;opacity:.06;z-index:0;pointer-events:none}.terms-gradient-overlay{position:absolute;inset:0;z-index:0;pointer-events:none}.terms-gradient-fill{position:absolute;inset:0;background:linear-gradient(to bottom,#000c,#000000b3,#000000e6)}.terms-content-wrapper{position:relative;z-index:10}.terms-container{max-width:80rem;margin-left:auto;margin-right:auto;padding:4rem 1rem}@media(min-width:640px){.terms-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.terms-container{padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.terms-container{padding-top:6rem;padding-bottom:6rem}}.terms-text-center{text-align:center}.terms-title{font-size:2.25rem;font-weight:600;line-height:1;letter-spacing:-.025em}@media(min-width:640px){.terms-title{font-size:3rem}}.terms-subtitle{margin-top:1rem;max-width:42rem;margin-left:auto;margin-right:auto;font-size:1rem;color:#d1d5db;line-height:1.5}@media(min-width:640px){.terms-subtitle{font-size:1.125rem}}.terms-updated-date{margin-top:.5rem;font-size:.875rem;color:#9ca3af}.terms-wave-decoration{position:absolute;bottom:0;left:0;right:0;transform:translateY(1px)}.terms-wave-decoration svg{width:100%;height:auto}.terms-detailed{background-color:#fff;padding:4rem 0;transition:background-color .2s ease}@media(prefers-color-scheme:dark){.terms-detailed{background-color:#111827}}.terms-detailed-container{max-width:64rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.terms-detailed-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.terms-detailed-container{padding-left:2rem;padding-right:2rem}}.terms-detailed-content{display:flex;flex-direction:column;gap:3rem}.terms-section-detailed{display:flex;gap:1.5rem;scroll-margin-top:2rem}.terms-section-number{display:none;font-size:2.25rem;font-weight:600;color:#3b82f6;line-height:1;flex-shrink:0}@media(min-width:640px){.terms-section-number{display:block}}@media(prefers-color-scheme:dark){.terms-section-number{color:#60a5fa}}.terms-section-content-wrapper{flex:1}.terms-section-title-detailed{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:1rem;line-height:1.3}@media(prefers-color-scheme:dark){.terms-section-title-detailed{color:#fff}}.terms-section-paragraph{font-size:1.125rem;color:#4b5563;line-height:1.7;margin-bottom:1.5rem}@media(prefers-color-scheme:dark){.terms-section-paragraph{color:#9ca3af}}.terms-section-list{list-style:none;padding:0;margin:1.5rem 0 0}.terms-list-item{font-size:1.125rem;color:#4b5563;line-height:1.7;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.terms-list-item:before{content:"•";color:#3b82f6;font-size:1.5rem;position:absolute;left:0;top:-.125rem}@media(prefers-color-scheme:dark){.terms-list-item{color:#9ca3af}.terms-list-item:before{color:#60a5fa}}.terms-list-item:last-child{margin-bottom:0}.privacy-policy-content{background-color:#fff;padding:4rem 0}@media(prefers-color-scheme:dark){.privacy-policy-content{background-color:#111827}}.privacy-policy-container{max-width:64rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.privacy-policy-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.privacy-policy-container{padding-left:2rem;padding-right:2rem}}.privacy-policy-sections{display:flex;flex-direction:column;gap:3rem}.privacy-section{scroll-margin-top:2rem}.privacy-section-title{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:1rem;line-height:1.3}@media(prefers-color-scheme:dark){.privacy-section-title{color:#fff}}.privacy-section-content{font-size:1.125rem;color:#4b5563;line-height:1.7;margin-bottom:1.5rem}@media(prefers-color-scheme:dark){.privacy-section-content{color:#9ca3af}}.privacy-section-list{list-style:none;padding:0;margin:1.5rem 0 0}.privacy-list-item{font-size:1.125rem;color:#4b5563;line-height:1.7;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.privacy-list-item:before{content:"•";color:#3b82f6;font-size:1.5rem;position:absolute;left:0;top:-.125rem}@media(prefers-color-scheme:dark){.privacy-list-item{color:#9ca3af}.privacy-list-item:before{color:#60a5fa}}.privacy-list-bold{font-weight:600;color:#000}@media(prefers-color-scheme:dark){.privacy-list-bold{color:#fff}}.privacy-list-text{margin-left:.25rem}.privacy-section-additional{font-size:1.125rem;color:#4b5563;line-height:1.7;margin-top:1.5rem;font-style:italic}@media(prefers-color-scheme:dark){.privacy-section-additional{color:#9ca3af}}.privacy-contact-info{background-color:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-top:1.5rem}@media(prefers-color-scheme:dark){.privacy-contact-info{background-color:#1f2937}}.privacy-contact-item{font-size:1.125rem;color:#4b5563;line-height:1.6;margin-bottom:.75rem}.privacy-contact-item:last-child{margin-bottom:0}@media(prefers-color-scheme:dark){.privacy-contact-item{color:#9ca3af}}.privacy-contact-label{font-weight:600;color:#000}@media(prefers-color-scheme:dark){.privacy-contact-label{color:#fff}}.legal-information{background-color:#f9fafb;padding:4rem 0}.legal-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.legal-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.legal-container{padding-left:2rem;padding-right:2rem}}.legal-header{text-align:center;margin-bottom:3rem}.legal-title{font-size:1.875rem;font-weight:600;color:#000;margin-bottom:1rem}@media(min-width:640px){.legal-title{font-size:2.25rem}}.legal-subtitle{max-width:42rem;margin-left:auto;margin-right:auto;color:#4b5563;font-size:1rem;line-height:1.5}@media(min-width:640px){.legal-subtitle{font-size:1.125rem}}.legal-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.legal-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.legal-grid{grid-template-columns:repeat(3,1fr)}}.legal-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;border:1px solid #e5e7eb;transition:all .2s ease}.legal-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a;border-color:#d1d5db}.legal-icon-container{width:3rem;height:3rem;background-color:#000;color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.legal-icon{width:1.5rem;height:1.5rem}.legal-card-title{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:.5rem;line-height:1.4}.legal-card-description{font-size:.875rem;color:#4b5563;line-height:1.5}.inventory-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#000,#111827,#000);color:#fff;padding-top:3rem}.inventory-grid-pattern{position:absolute;inset:0;opacity:.06;z-index:0;pointer-events:none}.inventory-background-overlay{position:absolute;inset:0;z-index:0;pointer-events:none}.inventory-background-image{height:100%;width:100%;object-fit:cover;opacity:.2}.inventory-gradient-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#000c,#000000b3,#000000e6)}.inventory-content-wrapper{position:relative;z-index:10}.inventory-container{max-width:80rem;margin-left:auto;margin-right:auto;padding:3.5rem 1rem 4.5rem}@media(min-width:640px){.inventory-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.inventory-container{padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.inventory-container{padding-top:5rem;padding-bottom:6rem}}.inventory-text-center{text-align:center}.inventory-title{font-size:2.25rem;font-weight:600;line-height:1;letter-spacing:-.025em}@media(min-width:640px){.inventory-title{font-size:3rem}}.inventory-subtitle{margin-top:1rem;max-width:48rem;margin-left:auto;margin-right:auto;font-size:1rem;color:#d1d5db;line-height:1.5}@media(min-width:640px){.inventory-subtitle{font-size:1.125rem}}.inventory-controls{margin-top:2.5rem;max-width:64rem;margin-left:auto;margin-right:auto}.inventory-search-form{width:100%;margin-bottom:1.5rem}.inventory-search-wrapper{position:relative;width:100%}.inventory-search-input{width:100%;padding:1rem 1.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#fff;font-size:1rem;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.inventory-search-input::placeholder{color:#9ca3af}.inventory-search-input:focus{outline:none;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a;background-color:#ffffff26}.inventory-search-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.5rem;cursor:pointer;color:#9ca3af;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.inventory-search-button:hover{color:#fff}.inventory-search-icon{width:1.25rem;height:1.25rem}.inventory-filters{overflow-x:auto;padding-bottom:.5rem}.inventory-filter-button{padding:.5rem 1rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:9999px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.inventory-filter-button:hover{background-color:#ffffff26;border-color:#ffffff4d}.inventory-filter-button.active{background-color:#fff;color:#000;border-color:#fff}.inventory-filter-button.active:hover{background-color:#f3f4f6}.inventory-wave-decoration{position:absolute;bottom:0;left:0;right:0;transform:translateY(1px)}.inventory-wave-decoration svg{width:100%;height:auto}.inventory-filters-section{padding:3rem 0}@media(min-width:1024px){.inventory-filters-section{padding:4rem 0}}.inventory-filters-container{max-width:96rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.inventory-filters-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.inventory-filters-container{padding-left:2rem;padding-right:2rem}}.mobile-filter-toggle{display:block;margin-bottom:1.5rem}@media(min-width:1024px){.mobile-filter-toggle{display:none}}.mobile-filter-toggle-button{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem;color:#1e293b;font-weight:500;cursor:pointer;transition:all .2s ease}.mobile-filter-toggle-button:hover{background-color:#f1f5f9;border-color:#cbd5e1}.mobile-filter-toggle-content{display:flex;align-items:center}.mobile-filter-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.mobile-filter-arrow{width:1.25rem;height:1.25rem;transition:transform .2s ease}.mobile-filter-arrow.open{transform:rotate(180deg)}.inventory-filters-layout{display:flex;flex-direction:column;gap:2rem}@media(min-width:1024px){.inventory-filters-layout{flex-direction:row;gap:2rem}}.filter-sidebar-wrapper{width:100%}@media(min-width:1024px){.filter-sidebar-wrapper{width:25%}}.filter-sidebar{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;position:relative}@media(min-width:1024px){.filter-sidebar{position:sticky;top:6rem;display:block}}@media(max-width:1023px){.filter-sidebar{display:none}.filter-sidebar.mobile-open{display:block;position:fixed;inset:0;z-index:50;border-radius:0;overflow-y:auto}}@media(prefers-color-scheme:dark){.filter-sidebar{background-color:#1f2937;border-color:#374151}}.filter-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.filter-sidebar-title{font-size:1.25rem;font-weight:500;color:#000}@media(prefers-color-scheme:dark){.filter-sidebar-title{color:#fff}}.mobile-filter-close-button{display:none;padding:.5rem;color:#64748b;background:none;border:none;cursor:pointer}@media(max-width:1023px){.mobile-filter-close-button{display:block}}.mobile-filter-close-icon{width:1.25rem;height:1.25rem}.filter-form{display:flex;flex-direction:column;gap:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.75rem}.filter-group-title{font-size:.875rem;font-weight:500;color:#374151}@media(prefers-color-scheme:dark){.filter-group-title{color:#d1d5db}}.filter-options{display:flex;flex-direction:column;gap:.5rem}.filter-checkbox{display:flex;align-items:center;cursor:pointer;transition:color .2s ease}.filter-checkbox:hover .filter-checkbox-label{color:#000}@media(prefers-color-scheme:dark){.filter-checkbox:hover .filter-checkbox-label{color:#fff}}.filter-checkbox-input{width:1rem;height:1rem;color:#000;border-color:#d1d5db;border-radius:.25rem}@media(prefers-color-scheme:dark){.filter-checkbox-input{color:#fff;border-color:#6b7280}}.filter-checkbox-label{margin-left:.75rem;font-size:.875rem;color:#4b5563}@media(prefers-color-scheme:dark){.filter-checkbox-label{color:#9ca3af}}.filter-select{width:100%;padding:.5rem .75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;font-size:.875rem;transition:all .2s ease}.filter-select:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000001a}@media(prefers-color-scheme:dark){.filter-select{background-color:#374151;border-color:#6b7280;color:#d1d5db}.filter-select:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff1a}}.filter-actions{display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media(prefers-color-scheme:dark){.filter-actions{border-top-color:#374151}}.filter-apply-button{width:100%;background-color:#000;color:#fff;padding:.75rem 1rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.filter-apply-button:hover{background-color:#374151}@media(prefers-color-scheme:dark){.filter-apply-button{background-color:#fff;color:#000}.filter-apply-button:hover{background-color:#f3f4f6}}.filter-reset-button{width:100%;border:1px solid #d1d5db;color:#374151;background-color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease}.filter-reset-button:hover{background-color:#f9fafb;border-color:#9ca3af}@media(prefers-color-scheme:dark){.filter-reset-button{background-color:#374151;border-color:#6b7280;color:#d1d5db}.filter-reset-button:hover{background-color:#4b5563}}.results-section{width:100%}@media(min-width:1024px){.results-section{width:75%}}.results-header{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:2rem}@media(min-width:640px){.results-header{flex-direction:row;align-items:center}}.results-title{font-size:1.5rem;font-weight:500;color:#1e293b;margin-bottom:.5rem}@media(prefers-color-scheme:dark){.results-title{color:#fff}}.results-count{color:#64748b;font-size:.875rem}@media(prefers-color-scheme:dark){.results-count{color:#94a3b8}}.view-toggle-container{display:flex;align-items:center;gap:.5rem;margin-top:1rem}@media(min-width:640px){.view-toggle-container{margin-top:0}}.view-toggle-label{font-size:.875rem;color:#64748b}@media(prefers-color-scheme:dark){.view-toggle-label{color:#94a3b8}}.view-toggle-button{padding:.5rem;color:#64748b;background:none;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.view-toggle-button:hover{color:#1e293b;background-color:#f1f5f9}.view-toggle-button.active{color:#000;background-color:#e2e8f0}@media(prefers-color-scheme:dark){.view-toggle-button:hover{color:#fff;background-color:#374151}.view-toggle-button.active{color:#fff;background-color:#4b5563}}.view-toggle-icon{width:1.25rem;height:1.25rem}.vehicles-grid.grid-view{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.vehicles-grid.grid-view{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.vehicles-grid.grid-view{grid-template-columns:repeat(3,1fr)}}.vehicles-grid.list-view{display:flex;flex-direction:column;gap:1.5rem}.vehicle-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;transition:box-shadow .2s ease}.vehicle-card:hover{box-shadow:0 4px 6px -1px #0000001a}@media(prefers-color-scheme:dark){.vehicle-card{background-color:#1f2937;border-color:#374151}}.vehicles-grid.list-view .vehicle-card{display:flex}@media(max-width:767px){.vehicles-grid.list-view .vehicle-card{flex-direction:column}}.vehicle-image-link{display:block;overflow:hidden}.vehicles-grid.grid-view .vehicle-image-link{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.vehicles-grid.list-view .vehicle-image-link{width:40%;border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}@media(max-width:767px){.vehicles-grid.list-view .vehicle-image-link{width:100%;border-radius:0;border-top-left-radius:.75rem;border-top-right-radius:.75rem}}.vehicle-image-container{position:relative;aspect-ratio:16/9}.vehicles-grid.list-view .vehicle-image-container{height:100%}.vehicle-image{height:100%;width:100%;object-fit:cover;transition:transform .5s ease}.vehicle-card:hover .vehicle-image{transform:scale(1.05)}.vehicle-status-badge{position:absolute;right:.75rem;top:.75rem;border-radius:9999px;background-color:#dc2626;padding:.125rem .625rem;font-size:.6875rem;font-weight:500;color:#fff}.vehicle-content{padding:1rem;flex:1}.vehicle-title{margin-bottom:.25rem;font-size:1rem;font-weight:500;color:#000}.vehicle-title-link{color:inherit;text-decoration:none}.vehicle-card:hover .vehicle-title{color:#000c}@media(prefers-color-scheme:dark){.vehicle-card:hover .vehicle-title{color:#fffc}}.vehicle-description{font-size:.875rem;color:#4b5563;margin-bottom:.75rem}@media(prefers-color-scheme:dark){.vehicle-description{color:#9ca3af}}.vehicle-specs{display:flex;gap:1.5rem;margin-bottom:.75rem;font-size:.75rem;color:#4b5563}.vehicle-spec{display:flex;flex-direction:column}.vehicle-spec-value{font-weight:500}.vehicle-spec-label{font-size:.625rem;margin-top:.125rem}.vehicle-footer{display:flex;justify-content:space-between;align-items:center}.vehicle-price{font-size:.875rem;font-weight:500;color:#000}@media(prefers-color-scheme:dark){.vehicle-price{color:#fff}}.vehicle-price-note{font-size:.75rem;color:#6b7280}@media(prefers-color-scheme:dark){.vehicle-price-note{color:#9ca3af}}.vehicle-actions{display:flex;gap:.5rem}.vehicle-action-button{border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s ease}.vehicle-action-button.secondary{background-color:#000;color:#fff}@media(prefers-color-scheme:dark){.vehicle-action-button.secondary{border-color:#4b5563;color:#d1d5db}.vehicle-action-button.secondary:hover{background-color:#374151}}.pagination-container{margin-top:3rem;display:flex;justify-content:center}.pagination{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.5rem}@media(prefers-color-scheme:dark){.pagination{background-color:#1f2937;border-color:#374151}}.login-main{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:48px 16px;background-color:#f9fafb;transition:background-color .2s ease;padding-top:6rem;font-family:Inter,sans-serif}@media(min-width:640px){.login-main{padding-left:24px;padding-right:24px}}@media(min-width:1024px){.login-main{padding-left:32px;padding-right:32px}}@media(prefers-color-scheme:dark){.login-main{background-color:#111827}}.login-container{width:100%;max-width:24rem}.login-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #f3f4f6;overflow:hidden}@media(prefers-color-scheme:dark){.login-card{background-color:#1f2937;border-color:#374151}}.login-header{padding:24px;text-align:center}.login-title{font-size:1.25rem;font-weight:300;color:#000;margin-bottom:4px}.login-subtitle{font-size:.75rem;color:#6b7280}@media(prefers-color-scheme:dark){.login-title{color:#fff}.login-subtitle{color:#9ca3af}}.login-form-container{padding:0 24px 24px}.login-form{display:flex;flex-direction:column;gap:16px}.password-label-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.forgot-password-link{font-size:.75rem;color:#6b7280;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#000}@media(prefers-color-scheme:dark){.forgot-password-link:hover{color:#fff}}.login-form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s ease;outline:none;font-family:Inter,sans-serif}.login-form-input:focus{box-shadow:0 0 0 2px #000;outline:none}@media(prefers-color-scheme:dark){.login-form-input{border-color:#4b5563;background-color:#374151;color:#fff}.login-form-input:focus{box-shadow:0 0 0 2px #fff}}.password-input-container{position:relative}.password-input{padding-right:40px}.password-toggle-btn{position:absolute;inset:0 0 0 auto;display:flex;align-items:center;padding-right:12px;color:#9ca3af;background:transparent;border:none;cursor:pointer;transition:color .2s ease}.password-toggle-btn:hover{color:#6b7280}.password-icon{width:1rem;height:1rem}.remember-me-container{display:flex;align-items:center}.remember-checkbox{width:14px;height:14px;color:#000;border:1px solid #d1d5db;border-radius:2px}.remember-label{margin-left:8px;font-size:.75rem;color:#4b5563}@media(prefers-color-scheme:dark){.remember-label{color:#d1d5db}}.submit-btn{width:100%;background-color:#000;color:#fff;padding:10px 16px;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.registration-container{padding:16px 24px;background-color:#f9fafb;border-top:1px solid #f3f4f6;text-align:center}@media(prefers-color-scheme:dark){.registration-container{background-color:#111827;border-color:#374151}}.registration-text{font-size:.75rem;color:#6b7280}.registration-link{color:#000;font-weight:500;text-decoration:none;margin-left:4px;transition:color .2s ease}.registration-link:hover{color:#4b5563}@media(prefers-color-scheme:dark){.registration-link{color:#fff}.registration-link:hover{color:#d1d5db}}.alternative-signin{margin-top:24px}.security-notice{margin-top:24px;text-align:center}.security-content{display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.75rem}.security-icon{width:12px;height:12px;margin-right:4px}.register-main{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:48px 16px;background-color:#f9fafb;transition:background-color .2s ease;padding-top:6rem;font-family:Inter,sans-serif}@media(min-width:640px){.register-main{padding-left:24px;padding-right:24px}}@media(min-width:1024px){.register-main{padding-left:32px;padding-right:32px}}@media(prefers-color-scheme:dark){.register-main{background-color:#111827}}.register-container{width:100%;max-width:24rem}.register-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #f3f4f6;overflow:hidden}@media(prefers-color-scheme:dark){.register-card{background-color:#1f2937;border-color:#374151}}.register-header{padding:24px;text-align:center}.register-title{font-size:1.25rem;font-weight:300;color:#000;margin-bottom:4px}.register-subtitle{font-size:.75rem;color:#6b7280}@media(prefers-color-scheme:dark){.register-title{color:#fff}.register-subtitle{color:#9ca3af}}.register-form-container{padding:0 24px 24px}.register-form{display:flex;flex-direction:column;gap:16px}.register-form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s ease;outline:none;font-family:Inter,sans-serif}.register-form-input:focus{border-color:transparent;box-shadow:0 0 0 2px #000;outline:none}.register-form-input.input-error{border-color:#dc2626}.register-form-input.input-error:focus{border-color:transparent;box-shadow:0 0 0 2px #dc2626}@media(prefers-color-scheme:dark){.register-form-input{border-color:#4b5563;background-color:#374151;color:#fff}.register-form-input:focus{box-shadow:0 0 0 2px #fff}.register-form-input.input-error{border-color:#ef4444}.register-form-input.input-error:focus{box-shadow:0 0 0 2px #ef4444}}.error-message{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#dc2626;margin-top:4px;padding-left:2px}.error-icon{width:12px;height:12px;flex-shrink:0;color:#dc2626}.password-hint{font-size:.75rem;color:#6b7280;margin-top:4px;padding-left:2px}@media(prefers-color-scheme:dark){.error-message,.error-icon{color:#f87171}.password-hint{color:#9ca3af}}.form-validation-summary{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:12px;margin-bottom:8px}.validation-header{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:#991b1b;margin-bottom:8px}.validation-icon{width:14px;height:14px;flex-shrink:0;color:#dc2626}.validation-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.validation-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#991b1b}.validation-dot{width:6px;height:6px;flex-shrink:0;color:#dc2626}@media(prefers-color-scheme:dark){.form-validation-summary{background-color:#7f1d1d;border-color:#991b1b}.validation-header{color:#fca5a5}.validation-icon{color:#f87171}.validation-item{color:#fca5a5}.validation-dot{color:#f87171}}.submit-btn{width:100%;background-color:#000;color:#fff;padding:10px 16px;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn:hover:not(.submit-btn-disabled){background-color:#1f2937}.submit-btn-disabled{opacity:.5;cursor:not-allowed}.submit-btn-disabled:hover{background-color:#000}@media(prefers-color-scheme:dark){.submit-btn:hover:not(.submit-btn-disabled){background-color:#000}.submit-btn-disabled:hover{background-color:#000}}.spinner{animation:spin 1s linear infinite;width:16px;height:16px}.submit-hint{font-size:.75rem;color:#6b7280;margin-top:8px;text-align:center}@media(prefers-color-scheme:dark){.submit-hint{color:#9ca3af}}.alternative-registration{padding:16px 24px;background-color:#f9fafb;border-top:1px solid #f3f4f6}@media(prefers-color-scheme:dark){.alternative-registration{background-color:#111827;border-color:#374151}}.divider-container{position:relative}.divider-line{position:absolute;inset:0;display:flex;align-items:center}.divider-line:before{content:"";width:100%;border-top:1px solid #e5e7eb}.divider-text{position:relative;display:flex;justify-content:center;font-size:.75rem}.divider-span{padding:0 12px;background-color:#f9fafb;color:#6b7280}@media(prefers-color-scheme:dark){.divider-line:before{border-color:#4b5563}.divider-span{background-color:#111827;color:#9ca3af}}.google-signin-container{margin-top:16px;display:flex;justify-content:center}.google-signin-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;background-color:#fff;font-size:.75rem;font-weight:500;color:#374151;text-decoration:none;transition:background-color .2s ease}.google-signin-btn:hover{background-color:#f9fafb}.google-icon{height:1rem;width:1rem;margin-right:8px}@media(prefers-color-scheme:dark){.google-signin-btn{border-color:#4b5563;background-color:#1f2937;color:#d1d5db}.google-signin-btn:hover{background-color:#374151}}.login-link-container{padding:16px 24px;background-color:#f9fafb;border-top:1px solid #f3f4f6;text-align:center}@media(prefers-color-scheme:dark){.login-link-container{background-color:#111827;border-color:#374151}}.login-link-text{font-size:.75rem;color:#6b7280}.login-link{color:#000;font-weight:500;text-decoration:none;margin-left:4px;transition:color .2s ease}.login-link:hover{color:#4b5563}@media(prefers-color-scheme:dark){.login-link{color:#fff}.login-link:hover{color:#d1d5db}}.terms-notice{margin-top:24px;text-align:center}.terms-text{font-size:.75rem;color:#9ca3af}.terms-link{color:#000;text-decoration:none;margin:0 4px;transition:color .2s ease}.terms-link:hover{color:#4b5563}@media(prefers-color-scheme:dark){.terms-link{color:#fff}.terms-link:hover{color:#d1d5db}}@media(max-width:640px){.register-form-container{padding:20px}.form-validation-summary{padding:10px}}.register-form-input:focus-visible{outline:1px solid #000000;outline-offset:2px}.submit-btn:focus-visible{outline:2px solid #000000;outline-offset:2px}.register-form-input.input-error:focus-visible{outline-color:#dc2626}@media(prefers-color-scheme:dark){.register-form-input:focus-visible{outline-color:#fff}.submit-btn:focus-visible{outline-color:#fff}.register-form-input.input-error:focus-visible{outline-color:#ef4444}}.reset-main{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:48px 16px;background-color:#f9fafb;transition:background-color .2s ease;padding-top:6rem;font-family:Inter,sans-serif}@media(min-width:640px){.reset-main{padding-left:24px;padding-right:24px}}@media(min-width:1024px){.reset-main{padding-left:32px;padding-right:32px}}@media(prefers-color-scheme:dark){.reset-main{background-color:#111827}}.reset-container{width:100%;max-width:24rem}.reset-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #f3f4f6;overflow:hidden}@media(prefers-color-scheme:dark){.reset-card{background-color:#1f2937;border-color:#374151}}.reset-header{padding:24px;text-align:center}.reset-title{font-size:1.25rem;font-weight:300;color:#000;margin-bottom:4px}.reset-subtitle{font-size:.75rem;color:#6b7280}@media(prefers-color-scheme:dark){.reset-title{color:#fff}.reset-subtitle{color:#9ca3af}}.reset-form-container{padding:0 24px 24px}.reset-instructions{font-size:.75rem;color:#6b7280;text-align:center;margin-bottom:20px;line-height:1.5}@media(prefers-color-scheme:dark){.reset-instructions{color:#9ca3af}}.reset-form{display:flex;flex-direction:column;gap:16px}.form-label{display:block;font-size:.75rem;font-weight:500;color:#000;margin-bottom:4px}@media(prefers-color-scheme:dark){.form-label{color:#fff}}.reset-form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s ease;outline:none;font-family:Inter,sans-serif}.reset-form-input:focus{border-color:transparent;box-shadow:0 0 0 2px #000;outline:none}.reset-form-input::placeholder{color:#9ca3af}@media(prefers-color-scheme:dark){.reset-form-input{border-color:#4b5563;background-color:#374151;color:#fff}.reset-form-input:focus{box-shadow:0 0 0 2px #fff}.reset-form-input::placeholder{color:#6b7280}}.submit-container{padding-top:8px}.submit-btn{width:100%;background-color:#000;color:#fff;padding:10px 16px;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.submit-btn:hover{background-color:#1f2937}@media(prefers-color-scheme:dark){.submit-btn:hover{background-color:#000}}.success-message{text-align:center;padding:20px 0}.success-icon{width:64px;height:64px;background-color:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 20px;animation:successScale .5s ease-out}@keyframes successScale{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.success-title{font-size:1.25rem;font-weight:600;color:#000;margin-bottom:12px}.success-text{font-size:.875rem;color:#6b7280;margin-bottom:24px;line-height:1.5}.success-text strong{color:#000;font-weight:600}.back-to-reset-btn{background-color:transparent;color:#000;border:1px solid #d1d5db;padding:8px 16px;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-to-reset-btn:hover{background-color:#f9fafb}@media(prefers-color-scheme:dark){.success-title{color:#fff}.success-text{color:#9ca3af}.success-text strong{color:#fff}.back-to-reset-btn{color:#fff;border-color:#4b5563}.back-to-reset-btn:hover{background-color:#374151}}.back-to-login-container{padding:16px 24px;background-color:#f9fafb;border-top:1px solid #f3f4f6;text-align:center}@media(prefers-color-scheme:dark){.back-to-login-container{background-color:#111827;border-color:#374151}}.back-to-login-text{font-size:.75rem;color:#6b7280}.back-to-login-link{color:#000;font-weight:500;text-decoration:none;margin-left:4px;transition:color .2s ease}.back-to-login-link:hover{color:#4b5563}@media(prefers-color-scheme:dark){.back-to-login-link{color:#fff}.back-to-login-link:hover{color:#d1d5db}}.help-center-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#000,#111827,#000);color:#fff;padding-top:4rem}.help-center-grid-pattern{position:absolute;inset:0;opacity:.06;z-index:0;pointer-events:none}.help-center-gradient-overlay{position:absolute;inset:0;z-index:0;pointer-events:none}.help-center-gradient-fill{position:absolute;inset:0;background:linear-gradient(to bottom,#000c,#000000b3,#000000e6)}.help-center-content-wrapper{position:relative;z-index:10}.help-center-container{max-width:80rem;margin-left:auto;margin-right:auto;padding:4rem 1rem}@media(min-width:640px){.help-center-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.help-center-container{padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.help-center-container{padding-top:6rem;padding-bottom:6rem}}.help-center-text-center{text-align:center}.help-center-title{font-size:2.25rem;font-weight:600;line-height:1;letter-spacing:-.025em}@media(min-width:640px){.help-center-title{font-size:3rem}}.help-center-subtitle{margin-top:1rem;max-width:42rem;margin-left:auto;margin-right:auto;font-size:1rem;color:#d1d5db;line-height:1.5}@media(min-width:640px){.help-center-subtitle{font-size:1.125rem}}.help-center-search-container{margin-top:2rem;max-width:42rem;margin-left:auto;margin-right:auto}.help-center-search-form{width:100%}.help-center-search-wrapper{position:relative;width:100%}.help-center-search-input{width:100%;padding:1rem 1.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;font-size:1rem;transition:all .2s ease}.help-center-search-input::placeholder{color:#9ca3af}.help-center-search-input:focus{outline:none;border-color:#ffffff80;box-shadow:0 0 0 2px #ffffff1a}.help-center-search-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.5rem;cursor:pointer;color:#9ca3af;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.help-center-search-button:hover{color:#fff}.help-center-search-icon{width:1.25rem;height:1.25rem}.help-center-wave-decoration{position:absolute;bottom:0;left:0;right:0;transform:translateY(1px)}.help-center-wave-decoration svg{width:100%;height:auto}.dashboard-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.welcome-section{background:linear-gradient(to bottom right,#000,#111827,#1f2937);border-radius:1rem;padding:1rem;margin-bottom:1rem;color:#fff;position:relative;overflow:hidden}.dashboard-container{max-width:1200px;margin:0 auto;width:100%}.welcome-section{margin-bottom:1rem}@media(min-width:640px){.welcome-section{margin-bottom:1.5rem}}.welcome-header{flex-direction:column;gap:1rem}@media(min-width:768px){.welcome-header{flex-direction:row;align-items:center;justify-content:space-between}}.portfolio-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}@media(min-width:640px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}}.dash-quick-actions-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}@media(min-width:640px){.dash-quick-actions-grid{grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}}.activity-section{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.chart-container{height:250px}@media(min-width:640px){.order-item{flex-direction:row;align-items:center}}.market-item{align-items:flex-start;gap:.75rem}@media(min-width:640px){.market-item{flex-direction:row;align-items:center;justify-content:space-between}}.dashboard-wallet-card{width:100%}@media(min-width:768px){.dashboard-wallet-card{width:20rem}}.welcome-title{font-size:1.125rem}.portfolio-card-value{font-size:1rem}.section-title{font-size:1rem}@media(min-width:640px){.welcome-section{padding:1.5rem;margin-bottom:1.5rem}}.welcome-bg-pattern{position:absolute;inset:0;opacity:.1}.bg-circle{position:absolute;border-radius:50%;background-color:#fff;animation:pulse 2s infinite}.bg-circle-1{top:0;right:0;width:12rem;height:12rem;transform:translate(25%,-25%)}.bg-circle-2{bottom:0;left:0;width:6rem;height:6rem;transform:translate(-50%,50%);animation-delay:1s}.bg-circle-3{top:50%;right:25%;width:8rem;height:8rem;opacity:.2;animation-delay:.5s}@keyframes pulse{0%,to{opacity:.1}50%{opacity:.2}}.welcome-content{position:relative;z-index:10}.welcome-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.welcome-header{flex-direction:row;align-items:center;justify-content:space-between}}.welcome-text{flex:1}.welcome-title{font-size:1.125rem;font-weight:300;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}@media(min-width:640px){.welcome-title{font-size:1.25rem}}.verification-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#05966933;color:#34d399;border:1px solid rgba(5,150,105,.5)}.welcome-subtitle{font-size:.75rem;color:#d1d5db}@media(min-width:640px){.welcome-subtitle{font-size:.875rem}}.dashboard-wallet-card{width:100%;background-color:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px -12px #00000080;transition:all .3s ease}.dashboard-wallet-card:hover{background-color:#ffffff26;box-shadow:0 25px 50px -12px #000000b3}@media(min-width:1024px){.dashboard-wallet-card{width:20rem}}.wallet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.dashboard-wallet-label{font-size:.75rem;color:#d1d5db;margin-bottom:.25rem}.wallet-balance{font-size:1.5rem;font-weight:300}@media(min-width:640px){.wallet-balance{font-size:1.75rem}}.wallet-icon{width:3rem;height:3rem;background-color:#fff3;border-radius:.75rem;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .3s ease}.dashboard-wallet-card:hover .wallet-icon{transform:scale(1.1)}.wallet-icon svg{width:1.5rem;height:1.5rem;color:#fff}.wallet-actions{display:flex;gap:.5rem}.wallet-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;color:#fff;background-color:#fff3;border-radius:.5rem;text-decoration:none;transition:all .2s ease}.wallet-action-btn:hover{background-color:#ffffff4d;transform:scale(1.05)}.wallet-action-btn:active{transform:scale(.95)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}@media(min-width:640px){.portfolio-grid{gap:1rem;margin-bottom:1.5rem}}@media(min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-card{border-radius:.75rem;padding:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(229,231,235,.5);cursor:pointer;transition:all .3s ease}.portfolio-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.02)}@media(min-width:640px){.portfolio-card{padding:1rem}}.portfolio-card-green{background:linear-gradient(to bottom right,#d1fae5,#ecfdf5);border-color:#d1fae580}.portfolio-card-blue{background:linear-gradient(to bottom right,#dbeafe,#eff6ff);border-color:#dbeafe80}.portfolio-card-purple{background:linear-gradient(to bottom right,#f3e8ff,#faf5ff);border-color:#f3e8ff80}.portfolio-card-red{background:linear-gradient(to bottom right,#fee2e2,#fef2f2);border-color:#fee2e280}@media(prefers-color-scheme:dark){.portfolio-card-green{background:linear-gradient(to bottom right,#05966933,#0596691a);border-color:#0596694d}.portfolio-card-blue{background:linear-gradient(to bottom right,#2563eb33,#2563eb1a);border-color:#2563eb4d}.portfolio-card-purple{background:linear-gradient(to bottom right,#8b5cf633,#8b5cf61a);border-color:#8b5cf64d}.portfolio-card-red{background:linear-gradient(to bottom right,#ef444433,#ef44441a);border-color:#ef44444d}}:global(.dark) .portfolio-card-green{background:linear-gradient(to bottom right,#05966933,#0596691a);border-color:#0596694d}:global(.dark) .portfolio-card-blue{background:linear-gradient(to bottom right,#2563eb33,#2563eb1a);border-color:#2563eb4d}:global(.dark) .portfolio-card-purple{background:linear-gradient(to bottom right,#8b5cf633,#8b5cf61a);border-color:#8b5cf64d}:global(.dark) .portfolio-card-red{background:linear-gradient(to bottom right,#ef444433,#ef44441a);border-color:#ef44444d}.portfolio-card-content{display:flex;align-items:flex-start;justify-content:space-between}.portfolio-card-text{flex:1;min-width:0}.portfolio-card-label{font-size:.75rem;font-weight:500;color:#4b5563;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.portfolio-card-label{color:#9ca3af}}:global(.dark) .portfolio-card-label{color:#9ca3af}.portfolio-card-value{font-size:1rem;font-weight:600;color:#000;margin-bottom:.25rem}@media(min-width:640px){.portfolio-card-value{font-size:1.125rem}}@media(prefers-color-scheme:dark){.portfolio-card-value{color:#fff}}:global(.dark) .portfolio-card-value{color:#fff}.portfolio-card-change{display:flex;align-items:center;gap:.25rem}.portfolio-card-change svg{width:.75rem;height:.75rem}.change-text{font-size:.75rem;font-weight:500}.change-green{color:#059669}@media(prefers-color-scheme:dark){.change-green{color:#34d399}}:global(.dark) .change-green{color:#34d399}.portfolio-card-subtext{font-size:.75rem;color:#3b82f6;font-weight:500}@media(prefers-color-scheme:dark){.portfolio-card-subtext{color:#60a5fa}}:global(.dark) .portfolio-card-subtext{color:#60a5fa}.portfolio-card-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 2px #0000000d;transition:transform .3s ease}.portfolio-card:hover .portfolio-card-icon{transform:scale(1.1)}@media(min-width:640px){.portfolio-card-icon{width:3rem;height:3rem}}.portfolio-card-icon-green{background:linear-gradient(to bottom right,#10b981,#059669)}.portfolio-card-icon-blue{background:linear-gradient(to bottom right,#3b82f6,#2563eb)}.portfolio-card-icon-purple{background:linear-gradient(to bottom right,#8b5cf6,#7c3aed)}.portfolio-card-icon-red{background:linear-gradient(to bottom right,#ef4444,#dc2626)}@media(prefers-color-scheme:dark){.portfolio-card-icon-green{background:linear-gradient(to bottom right,#10b981,#059669)}.portfolio-card-icon-blue{background:linear-gradient(to bottom right,#3b82f6,#2563eb)}.portfolio-card-icon-purple{background:linear-gradient(to bottom right,#8b5cf6,#7c3aed)}.portfolio-card-icon-red{background:linear-gradient(to bottom right,#ef4444,#dc2626)}}:global(.dark) .portfolio-card-icon-green{background:linear-gradient(to bottom right,#10b981,#059669)}:global(.dark) .portfolio-card-icon-blue{background:linear-gradient(to bottom right,#3b82f6,#2563eb)}:global(.dark) .portfolio-card-icon-purple{background:linear-gradient(to bottom right,#8b5cf6,#7c3aed)}:global(.dark) .portfolio-card-icon-red{background:linear-gradient(to bottom right,#ef4444,#dc2626)}.portfolio-card-icon svg{width:1.25rem;height:1.25rem;color:#fff}@media(min-width:640px){.portfolio-card-icon svg{width:1.5rem;height:1.5rem}}.dash-quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}@media(min-width:768px){.dash-quick-actions-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:640px){.dash-quick-actions-grid{margin-bottom:1.5rem}}.quick-action-card{background-color:#fff;border-radius:.75rem;padding:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f3f4f6;position:relative;overflow:hidden;text-decoration:none;transition:all .3s ease;min-height:7.5rem;display:block}.quick-action-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.02)}.quick-action-card:active{transform:scale(.98)}@media(min-width:640px){.quick-action-card{padding:1rem;min-height:8.75rem}}@media(prefers-color-scheme:dark){.quick-action-card{background-color:#1f2937;border-color:#374151}}:global(.dark) .quick-action-card{background-color:#1f2937;border-color:#374151}.quick-action-bg{position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.quick-action-card:hover .quick-action-bg{opacity:1}.quick-action-card-blue .quick-action-bg{background:linear-gradient(to bottom right,#dbeafe,#eff6ff)}.quick-action-card-green .quick-action-bg{background:linear-gradient(to bottom right,#d1fae5,#ecfdf5)}.quick-action-card-purple .quick-action-bg{background:linear-gradient(to bottom right,#f3e8ff,#faf5ff)}.quick-action-card-orange .quick-action-bg{background:linear-gradient(to bottom right,#ffedd5,#fff7ed)}@media(prefers-color-scheme:dark){.quick-action-card-blue .quick-action-bg{background:linear-gradient(to bottom right,#2563eb33,#2563eb1a)}.quick-action-card-green .quick-action-bg{background:linear-gradient(to bottom right,#05966933,#0596691a)}.quick-action-card-purple .quick-action-bg{background:linear-gradient(to bottom right,#8b5cf633,#8b5cf61a)}.quick-action-card-orange .quick-action-bg{background:linear-gradient(to bottom right,#f9731633,#f973161a)}}:global(.dark) .quick-action-card-blue .quick-action-bg{background:linear-gradient(to bottom right,#2563eb33,#2563eb1a)}:global(.dark) .quick-action-card-green .quick-action-bg{background:linear-gradient(to bottom right,#05966933,#0596691a)}:global(.dark) .quick-action-card-purple .quick-action-bg{background:linear-gradient(to bottom right,#8b5cf633,#8b5cf61a)}:global(.dark) .quick-action-card-orange .quick-action-bg{background:linear-gradient(to bottom right,#f9731633,#f973161a)}.quick-action-content{position:relative;z-index:10;height:100%;display:flex;flex-direction:column}.quick-action-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;transition:all .3s ease}@media(min-width:640px){.quick-action-icon{width:3rem;height:3rem;margin-bottom:.75rem}}.quick-action-card:hover .quick-action-icon{transform:scale(1.1)}.quick-action-icon-blue{background-color:#dbeafe}.quick-action-icon-green{background-color:#d1fae5}.quick-action-icon-purple{background-color:#f3e8ff}.quick-action-icon-orange{background-color:#ffedd5}@media(prefers-color-scheme:dark){.quick-action-icon-blue{background-color:#2563eb33}.quick-action-icon-green{background-color:#05966933}.quick-action-icon-purple{background-color:#8b5cf633}.quick-action-icon-orange{background-color:#f9731633}}:global(.dark) .quick-action-icon-blue{background-color:#2563eb33}:global(.dark) .quick-action-icon-green{background-color:#05966933}:global(.dark) .quick-action-icon-purple{background-color:#8b5cf633}:global(.dark) .quick-action-icon-orange{background-color:#f9731633}.quick-action-icon svg{width:1.25rem;height:1.25rem}@media(min-width:640px){.quick-action-icon svg{width:1.5rem;height:1.5rem}}.quick-action-icon-blue svg{color:#3b82f6}.quick-action-icon-green svg{color:#10b981}.quick-action-icon-purple svg{color:#8b5cf6}.quick-action-icon-orange svg{color:#f97316}.quick-action-title{font-size:.875rem;font-weight:600;color:#000;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.quick-action-title{color:#fff}}:global(.dark) .quick-action-title{color:#fff}.quick-action-description{font-size:.75rem;color:#6b7280;margin-bottom:.5rem;flex:1}@media(prefers-color-scheme:dark){.quick-action-description{color:#9ca3af}}:global(.dark) .quick-action-description{color:#9ca3af}.quick-action-link{display:flex;align-items:center;font-size:.75rem;font-weight:500;margin-top:auto}.quick-action-link-blue{color:#3b82f6}.quick-action-link-green{color:#10b981}.quick-action-link-purple{color:#8b5cf6}.quick-action-link-orange{color:#f97316}.quick-action-link svg{width:.75rem;height:.75rem;margin-left:.25rem;transition:transform .2s ease}.quick-action-card:hover .quick-action-link svg{transform:translate(.25rem)}.activity-section{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}@media(min-width:1024px){.activity-section{grid-template-columns:2fr 1fr;margin-bottom:1.5rem}}.recent-orders,.market-overview{background-color:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f3f4f6;transition:background-color .2s ease,border-color .2s ease}@media(min-width:640px){.recent-orders,.market-overview{padding:1.25rem}}@media(prefers-color-scheme:dark){.recent-orders,.market-overview{background-color:#1f2937;border-color:#374151}}:global(.dark) .recent-orders,:global(.dark) .market-overview{background-color:#1f2937;border-color:#374151}.section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.section-title{font-size:1rem;font-weight:600;color:#000;margin-bottom:.25rem}@media(min-width:640px){.section-title{font-size:1.125rem}}:global(.dark) .section-title{color:#fff}@media(prefers-color-scheme:dark){.section-subtitle{color:#9ca3af}}:global(.dark) .section-subtitle{color:#9ca3af}.section-link{display:flex;align-items:center;font-size:.75rem;color:#000;font-weight:500;text-decoration:none;transition:color .2s ease}.section-link:hover{color:#4b5563}.section-link svg{width:.75rem;height:.75rem;margin-left:.25rem}@media(prefers-color-scheme:dark){.section-link{color:#fff}.section-link:hover{color:#d1d5db}}:global(.dark) .section-link{color:#fff}:global(.dark) .section-link:hover{color:#d1d5db}.orders-list{display:flex;flex-direction:column;gap:.5rem}@media(min-width:640px){.orders-list{gap:.75rem}}.order-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #f3f4f6;transition:all .2s ease;cursor:pointer}.order-item:hover{background-color:#f3f4f6;box-shadow:0 4px 6px -1px #0000001a}.order-item:active{transform:scale(.98)}@media(prefers-color-scheme:dark){.order-item{background-color:#37415180;border-color:#4b5563}.order-item:hover{background-color:#374151}}:global(.dark) .order-item{background-color:#37415180;border-color:#4b5563}:global(.dark) .order-item:hover{background-color:#374151}.order-image{width:3rem;height:3rem;border-radius:.5rem;overflow:hidden;background-color:#e5e7eb;flex-shrink:0}@media(min-width:640px){.order-image{width:3.5rem;height:3.5rem}}.order-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.order-item:hover .order-image img{transform:scale(1.1)}.order-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#9ca3af;color:#fff}.order-image-fallback svg{width:1.5rem;height:1.5rem}.order-details{flex:1;min-width:0}.order-title{font-size:.875rem;font-weight:600;color:#000;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:600px){.order-title{width:110px}}@media(prefers-color-scheme:dark){.order-title{color:#fff}}:global(.dark) .order-title{color:#fff}.order-subtitle{font-size:.75rem;color:#6b7280;margin-bottom:.125rem}@media(prefers-color-scheme:dark){.order-subtitle{color:#9ca3af}}:global(.dark) .order-subtitle{color:#9ca3af}.order-price{font-size:.75rem;color:#4b5563}@media(prefers-color-scheme:dark){.order-price{color:#d1d5db}}:global(.dark) .order-price{color:#d1d5db}.order-status{flex-shrink:0;margin-left:.5rem}.status-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-yellow{background-color:#fef3c7;color:#92400e}@media(prefers-color-scheme:dark){.status-yellow{background-color:#f59e0b33;color:#fbbf24}.status-green{background-color:#05966933;color:#34d399}}:global(.dark) .status-yellow{background-color:#f59e0b33;color:#fbbf24}:global(.dark) .status-green{background-color:#05966933;color:#34d399}.market-list{display:flex;flex-direction:column;gap:.5rem}@media(min-width:640px){.market-list{gap:.75rem}}.market-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:linear-gradient(to right,#d1fae5,#ecfdf5);border-radius:.5rem;border:1px solid rgba(209,250,229,.5);transition:all .2s ease}.market-item:hover{box-shadow:0 4px 6px -1px #0000001a}@media(prefers-color-scheme:dark){.market-item{background:linear-gradient(to right,#05966933,#0596691a);border-color:#0596694d}}:global(.dark) .market-item{background:linear-gradient(to right,#05966933,#0596691a);border-color:#0596694d}.market-company{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}@media(min-width:640px){.market-company{gap:.75rem}}.market-logo{width:2.5rem;height:2.5rem;border-radius:.5rem;overflow:hidden;background-color:#fff;box-shadow:0 1px 2px #0000000d;flex-shrink:0}@media(min-width:640px){.market-logo{width:3rem;height:3rem}}.market-logo img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.market-item:hover .market-logo img{transform:scale(1.1)}.market-logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#3b82f6;color:#fff;font-weight:600;font-size:.875rem}.market-info{flex:1;min-width:0}.market-name{font-size:.75rem;font-weight:600;color:#000;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.market-name{font-size:.875rem}}@media(prefers-color-scheme:dark){.market-name{color:#fff}}:global(.dark) .market-name{color:#fff}.market-symbol{font-size:.75rem;color:#6b7280}@media(prefers-color-scheme:dark){.market-symbol{color:#9ca3af}}:global(.dark) .market-symbol{color:#9ca3af}.market-price{text-align:right;flex-shrink:0;margin-left:.5rem}.price-value{font-size:.75rem;font-weight:600;color:#000;margin-bottom:.125rem}@media(min-width:640px){.price-value{font-size:.875rem}}@media(prefers-color-scheme:dark){.price-value{color:#fff}}:global(.dark) .price-value{color:#fff}.price-change{display:flex;align-items:center;justify-content:flex-end;gap:.125rem}.price-change svg{width:.75rem;height:.75rem}.price-change-text-green-600{color:#059669}@media(prefers-color-scheme:dark){.price-change-text-green-600{color:#34d399}}:global(.dark) .price-change-text-green-600{color:#34d399}.price-change span{font-size:.75rem;font-weight:600}.performance-chart{background-color:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f3f4f6;margin-bottom:1rem}@media(min-width:640px){.performance-chart{padding:1.25rem;margin-bottom:1.5rem}}@media(prefers-color-scheme:dark){.performance-chart{background-color:#1f2937;border-color:#374151}}:global(.dark) .performance-chart{background-color:#1f2937;border-color:#374151}.chart-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.chart-title{font-size:1rem;font-weight:600;color:#000;margin-bottom:.25rem}@media(min-width:640px){.chart-title{font-size:1.125rem}}:global(.dark) .chart-title{color:#fff}@media(prefers-color-scheme:dark){.chart-subtitle{color:#9ca3af}}:global(.dark) .chart-subtitle{color:#9ca3af}.chart-period-selector{display:flex;gap:.5rem}.chart-period-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:.5rem;background-color:#f3f4f6;color:#374151;border:none;cursor:pointer;transition:all .2s ease}.chart-period-btn:hover{background-color:#e5e7eb}.chart-period-btn:active{transform:scale(.95)}.chart-period-btn-active{background-color:#000;color:#fff}@media(prefers-color-scheme:dark){.chart-period-btn{background-color:#374151;color:#d1d5db}.chart-period-btn:hover{background-color:#4b5563}.chart-period-btn-active{background-color:#fff;color:#000}}:global(.dark) .chart-period-btn{background-color:#374151;color:#d1d5db}:global(.dark) .chart-period-btn:hover{background-color:#4b5563}:global(.dark) .chart-period-btn-active{background-color:#fff;color:#000}.chart-container{position:relative;height:250px}@media(min-width:768px){.chart-container{height:300px}}.chart-loading{position:absolute;inset:0;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}@media(prefers-color-scheme:dark){.chart-loading{background-color:#1f2937cc}}:global(.dark) .chart-loading{background-color:#1f2937cc}.loading-spinner{width:2rem;height:2rem;border:4px solid #f3f4f6;border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}@media(prefers-color-scheme:dark){.loading-spinner{border-color:#4b5563;border-top-color:#fff}}:global(.dark) .loading-spinner{border-color:#4b5563;border-top-color:#fff}:global(.dark) .loading-text{color:#9ca3af}.stock-chart-canvas{width:100%!important;height:100%!important;display:block}@media(max-width:639px){.welcome-title{flex-direction:column;align-items:flex-start;gap:.5rem}.portfolio-grid,.dash-quick-actions-grid{grid-template-columns:1fr 1fr}}.performance-chart{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 24px #00000014;border:1px solid #f1f5f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.performance-chart:hover{box-shadow:0 8px 32px #0000001f}.performance-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:20px}.performance-chart-header-left{flex:1;min-width:300px}.performance-chart-title{font-size:22px;font-weight:700;color:#1e293b;margin-bottom:6px;line-height:1.3;letter-spacing:-.3px}.performance-chart-subtitle{font-size:14px;color:#64748b;margin-bottom:16px;line-height:1.5;font-weight:500}.performance-chart-portfolio-summary{display:flex;gap:32px;margin-bottom:16px;padding:16px 0;border-bottom:2px solid #f8fafc}.performance-chart-summary-item{display:flex;flex-direction:column;gap:6px}.performance-chart-summary-label{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.performance-chart-summary-value{font-size:24px;font-weight:700;color:#1e293b;display:flex;align-items:baseline;gap:6px}.performance-chart-summary-value-total{color:#0f172a;font-weight:800}.performance-chart-summary-value.positive{color:#10b981}.performance-chart-summary-value.negative{color:#ef4444}.performance-chart-return-percentage{font-size:14px;font-weight:600;opacity:.9}.performance-chart-top-performers{font-size:14px;color:#475569;line-height:1.6;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:12px 16px;border-radius:10px;border:1px solid #e2e8f0}.performance-chart-performers-label{font-weight:600;color:#334155;white-space:nowrap;font-size:13px}.performance-chart-performer-item{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#fff;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease}.performance-chart-performer-item:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.performance-chart-performer-symbol{font-weight:700;letter-spacing:.5px;color:#1e293b;font-size:13px}.performance-chart-performer-change{font-weight:600;font-size:12px;padding:2px 6px;border-radius:4px}.performance-chart-performer-change.positive{color:#10b981;background:#10b9811a}.performance-chart-performer-change.negative{color:#ef4444;background:#ef44441a}.performance-chart-period-selector{display:flex;gap:4px;background:#f8fafc;padding:6px;border-radius:10px;flex-shrink:0;border:1px solid #e2e8f0}.performance-chart-period-btn{padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;min-width:48px;text-align:center;letter-spacing:.5px}.performance-chart-period-btn:hover:not(:disabled){background:#f1f5f9;color:#475569;transform:translateY(-1px)}.performance-chart-period-btn:disabled{opacity:.5;cursor:not-allowed}.performance-chart-period-btn-active{background:#fff;color:#0f172a;box-shadow:0 2px 8px #0000001a;font-weight:700;border:1px solid #e2e8f0}.performance-chart-container{position:relative;height:400px;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;flex:1;min-height:300px}.performance-chart-canvas{width:100%!important;height:100%!important;padding:20px;box-sizing:border-box}.performance-chart-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fffffff2;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px}.performance-chart-loading-spinner{width:48px;height:48px;border:3px solid #f1f5f9;border-top-color:#3b82f6;border-radius:50%;animation:performance-chart-spin 1s linear infinite}.performance-chart-loading-text{margin-top:16px;color:#64748b;font-size:15px;font-weight:600}.performance-chart-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;z-index:10;gap:20px;border-radius:12px;padding:40px}.performance-chart-error-text{color:#dc2626;font-size:15px;text-align:center;max-width:300px;line-height:1.5;font-weight:500}.performance-chart-retry-btn{padding:10px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #3b82f64d}.performance-chart-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #3b82f666}.performance-chart-empty-state{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:#94a3b8;font-size:15px;text-align:center;padding:40px;font-weight:500;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px}@keyframes performance-chart-spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.performance-chart{padding:20px}.performance-chart-header{flex-direction:column;gap:16px}.performance-chart-header-left{min-width:unset;width:100%}.performance-chart-period-selector{align-self:stretch;justify-content:center}.performance-chart-period-btn{flex:1}.performance-chart-container{height:350px}}@media(max-width:768px){.performance-chart{padding:16px}.performance-chart-title{font-size:20px}.performance-chart-portfolio-summary{flex-direction:column;gap:16px}.performance-chart-summary-value{font-size:20px}.performance-chart-top-performers{font-size:13px;padding:10px 14px}.performance-chart-performer-item{padding:3px 6px}.performance-chart-container{height:300px}}@media(max-width:480px){.performance-chart{padding:12px}.performance-chart-title{font-size:18px}.performance-chart-subtitle{font-size:13px}.performance-chart-summary-value{font-size:18px}.performance-chart-top-performers{flex-direction:column;align-items:flex-start;gap:8px}.performance-chart-performers-label{margin-bottom:4px}.performance-chart-period-selector{flex-wrap:wrap}.performance-chart-period-btn{min-width:40px;padding:6px 12px;font-size:12px}.performance-chart-container{height:280px}}@media(prefers-color-scheme:dark){.performance-chart{background:#1e293b;border-color:#334155;box-shadow:0 4px 24px #0000004d}.performance-chart-title{color:#f1f5f9}.performance-chart-subtitle{color:#94a3b8}.performance-chart-portfolio-summary{border-color:#334155}.performance-chart-summary-label{color:#94a3b8}.performance-chart-summary-value{color:#f1f5f9}.performance-chart-summary-value-total{color:#fff}.performance-chart-top-performers{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;color:#cbd5e1}.performance-chart-performers-label{color:#e2e8f0}.performance-chart-performer-item{background:#334155;border-color:#475569;color:#f1f5f9}.performance-chart-performer-symbol{color:#f1f5f9}.performance-chart-period-selector{background:#0f172a;border-color:#334155}.performance-chart-period-btn{color:#94a3b8}.performance-chart-period-btn:hover:not(:disabled){background:#1e293b;color:#cbd5e1}.performance-chart-period-btn-active{background:#334155;color:#fff;border-color:#475569}.performance-chart-container{background:#0f172a;border-color:#334155}.performance-chart-empty-state{background:linear-gradient(135deg,#1e293b,#0f172a);color:#94a3b8}}.wallet-main-content{flex:1;overflow-y:auto;padding:1.5rem;background-color:#f9fafb;transition:background-color .2s ease}@media(prefers-color-scheme:dark){.wallet-main-content{background-color:#111827}}:global(.dark) .wallet-main-content{background-color:#111827}@media(max-width:640px){.wallet-main-content{padding:1rem 0rem}}@media(max-width:768px){.wallet-main-content{padding-bottom:3rem}}.wallet-container{max-width:1200px;margin:0 auto;width:100%}.wallet-welcome-section{background:linear-gradient(to bottom right,#000,#111827,#1f2937);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}@media(max-width:640px){.wallet-welcome-section{padding:1rem;margin-bottom:1rem}}.wallet-bg-pattern{position:absolute;inset:0;opacity:.1}.bg-circle{position:absolute;border-radius:50%;background-color:#fff}.bg-circle-1{top:0;right:0;width:12rem;height:12rem;transform:translate(25%,-25%);animation:pulse-slow 3s infinite}.bg-circle-2{bottom:0;left:0;width:6rem;height:6rem;transform:translate(-50%,50%);animation:pulse-slow 3s infinite .2s}.bg-circle-3{top:50%;left:50%;width:8rem;height:8rem;transform:translate(-50%,-50%);animation:pulse-slow 3s infinite .4s}@keyframes pulse-slow{0%,to{opacity:.1}50%{opacity:.2}}.wallet-welcome-content{position:relative;z-index:10}.wallet-header-content{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.wallet-header-content{flex-direction:row;align-items:center;justify-content:space-between}}.wallet-header-text{flex:1}.wallet-header-title{font-size:1.5rem;font-weight:300;margin-bottom:.5rem}@media(max-width:768px){.wallet-header-title{font-size:1.25rem}}@media(max-width:640px){.wallet-header-title{font-size:1.125rem}}.wallet-header-subtitle{font-size:.875rem;color:#d1d5db}@media(max-width:640px){.wallet-header-subtitle{font-size:.75rem}}.wallet-card{width:100%;background-color:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;padding:1.25rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px -12px #00000080;transition:transform .3s ease}.wallet-card:hover{transform:scale(1.02)}@media(min-width:1024px){.wallet-card{width:18rem}}@media(max-width:640px){.wallet-card{padding:1rem}}.wallet-card-content{display:flex;flex-direction:column}.wallet-balance-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.wallet-balance-text{flex:1}.wallet-balance-label{font-size:.75rem;color:#d1d5db;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}@media(max-width:640px){.wallet-balance-label{font-size:.625rem}}.wallet-balance-value{font-size:1.5rem;font-weight:300}@media(max-width:768px){.wallet-balance-value{font-size:1.25rem}}@media(max-width:640px){.wallet-balance-value{font-size:1.125rem}}.wallet-icon-container{width:3rem;height:3rem;background-color:#fff3;border-radius:.75rem;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.wallet-icon-container svg{width:1.5rem;height:1.5rem;color:#fff}.wallet-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.wallet-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;font-size:.75rem;font-weight:500;color:#fff;background-color:#fff3;border-radius:.5rem;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.wallet-action-btn:hover{background-color:#ffffff4d}.wallet-action-btn svg{width:.875rem;height:.875rem}.wallet-actions-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}@media(min-width:768px){.wallet-actions-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}}@media(max-width:640px){.wallet-actions-grid{gap:.5rem;margin-bottom:.75rem}}.wallet-action-card{background-color:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f3f4f6;position:relative;overflow:hidden;text-decoration:none;transition:all .3s ease;display:block}.wallet-action-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.02)}@media(min-width:768px){.wallet-action-card{padding:1.25rem}}@media(max-width:640px){.wallet-action-card{padding:.75rem}}@media(prefers-color-scheme:dark){.wallet-action-card{background-color:#1f2937;border-color:#374151}}:global(.dark) .wallet-action-card{background-color:#1f2937;border-color:#374151}.wallet-action-bg{position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.wallet-action-card:hover .wallet-action-bg{opacity:1}.deposit-bg{background:linear-gradient(to bottom right,#d1fae5,#ecfdf5,#d1fae5)}.withdraw-bg{background:linear-gradient(to bottom right,#fee2e2,#fef2f2,#fee2e2)}@media(prefers-color-scheme:dark){.deposit-bg{background:linear-gradient(to bottom right,#05966933,#0596691a,#05966933)}.withdraw-bg{background:linear-gradient(to bottom right,#ef444433,#ef44441a,#ef444433)}}:global(.dark) .deposit-bg{background:linear-gradient(to bottom right,#05966933,#0596691a,#05966933)}:global(.dark) .withdraw-bg{background:linear-gradient(to bottom right,#ef444433,#ef44441a,#ef444433)}.action-circle{position:absolute;top:0;right:0;width:5rem;height:5rem;border-radius:50%;opacity:0;transition:opacity .3s ease}.wallet-action-card:hover .action-circle{opacity:.2}.deposit-circle{background-color:#d1fae5;transform:translate(50%,-50%)}.withdraw-circle{background-color:#fee2e2;transform:translate(50%,-50%)}@media(prefers-color-scheme:dark){.deposit-circle{background-color:#0596694d}.withdraw-circle{background-color:#ef44444d}}:global(.dark) .deposit-circle{background-color:#0596694d}:global(.dark) .withdraw-circle{background-color:#ef44444d}.wallet-action-content{position:relative;z-index:10}.wallet-action-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s ease}@media(min-width:768px){.wallet-action-icon{width:3rem;height:3rem}}@media(max-width:640px){.wallet-action-icon{width:2.5rem;height:2.5rem;margin-bottom:.75rem}}.wallet-action-card:hover .wallet-action-icon{transform:scale(1.1) rotate(3deg)}.deposit-icon{background-color:#d1fae5}.withdraw-icon{background-color:#fee2e2}@media(prefers-color-scheme:dark){.deposit-icon{background-color:#05966933}.withdraw-icon{background-color:#ef444433}}:global(.dark) .deposit-icon{background-color:#05966933}:global(.dark) .withdraw-icon{background-color:#ef444433}.wallet-action-icon svg{width:1.25rem;height:1.25rem}@media(min-width:768px){.wallet-action-icon svg{width:1.5rem;height:1.5rem}}.deposit-icon svg{color:#059669}.withdraw-icon svg{color:#dc2626}@media(prefers-color-scheme:dark){.deposit-icon svg{color:#10b981}.withdraw-icon svg{color:#ef4444}}:global(.dark) .deposit-icon svg{color:#10b981}:global(.dark) .withdraw-icon svg{color:#ef4444}.wallet-action-title{font-size:1rem;font-weight:600;color:#000;margin-bottom:.5rem}@media(min-width:768px){.wallet-action-title{font-size:1.125rem}}@media(max-width:640px){.wallet-action-title{font-size:.875rem}}@media(prefers-color-scheme:dark){.wallet-action-title{color:#fff}}:global(.dark) .wallet-action-title{color:#fff}.wallet-action-description{font-size:.75rem;color:#6b7280;margin-bottom:1rem;line-height:1.4}@media(max-width:640px){.wallet-action-description{font-size:.625rem;margin-bottom:.75rem}}@media(prefers-color-scheme:dark){.wallet-action-description{color:#9ca3af}}:global(.dark) .wallet-action-description{color:#9ca3af}.wallet-action-link{display:flex;align-items:center;font-size:.75rem;font-weight:600}@media(max-width:640px){.wallet-action-link{font-size:.625rem}}.deposit-link{color:#059669}.withdraw-link{color:#dc2626}@media(prefers-color-scheme:dark){.deposit-link{color:#10b981}.withdraw-link{color:#ef4444}}:global(.dark) .deposit-link{color:#10b981}:global(.dark) .withdraw-link{color:#ef4444}.wallet-action-link svg{width:.875rem;height:.875rem;margin-left:.375rem;transition:transform .2s ease}.wallet-action-card:hover .wallet-action-link svg{transform:translate(.25rem)}.wallet-stats-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}@media(min-width:768px){.wallet-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(max-width:640px){.wallet-stats-grid{gap:.5rem;margin-bottom:1rem}}.wallet-stat-card{background-color:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f3f4f6;transition:all .3s ease}.wallet-stat-card:hover{box-shadow:0 20px 25px -5px #0000001a}@media(min-width:768px){.wallet-stat-card{padding:1.25rem}}@media(max-width:640px){.wallet-stat-card{padding:.75rem}}@media(prefers-color-scheme:dark){.wallet-stat-card{background-color:#1f2937;border-color:#374151}}:global(.dark) .wallet-stat-card{background-color:#1f2937;border-color:#374151}.wallet-stat-content{display:flex;align-items:center;justify-content:space-between}.wallet-stat-text{flex:1}.wallet-stat-label{font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}@media(max-width:640px){.wallet-stat-label{font-size:.625rem;margin-bottom:.25rem}}@media(prefers-color-scheme:dark){.wallet-stat-label{color:#9ca3af}}:global(.dark) .wallet-stat-label{color:#9ca3af}.wallet-stat-value{font-size:1.25rem;font-weight:300;color:#000;margin-bottom:.5rem}@media(min-width:768px){.wallet-stat-value{font-size:1.5rem}}@media(max-width:640px){.wallet-stat-value{font-size:1.125rem;margin-bottom:.25rem}}@media(prefers-color-scheme:dark){.wallet-stat-value{color:#fff}}:global(.dark) .wallet-stat-value{color:#fff}.wallet-stat-change{display:flex;align-items:center;font-size:.75rem}@media(max-width:640px){.wallet-stat-change{font-size:.625rem}}.wallet-stat-change svg{width:.75rem;height:.75rem;margin-right:.25rem}.deposit-change{color:#059669}.withdrawal-change{color:#dc2626}.investment-change{color:#3b82f6}@media(prefers-color-scheme:dark){.deposit-change{color:#10b981}.withdrawal-change{color:#ef4444}.investment-change{color:#60a5fa}}:global(.dark) .deposit-change{color:#10b981}:global(.dark) .withdrawal-change{color:#ef4444}:global(.dark) .investment-change{color:#60a5fa}.wallet-stat-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}@media(min-width:768px){.wallet-stat-icon{width:3rem;height:3rem}}@media(max-width:640px){.wallet-stat-icon{width:2.5rem;height:2.5rem}}.wallet-stat-card:hover .wallet-stat-icon{transform:scale(1.1) rotate(3deg)}.deposit-stat-icon{background-color:#d1fae5}.withdrawal-stat-icon{background-color:#fee2e2}.investment-stat-icon{background-color:#dbeafe}@media(prefers-color-scheme:dark){.deposit-stat-icon{background-color:#05966933}.withdrawal-stat-icon{background-color:#ef444433}.investment-stat-icon{background-color:#2563eb33}}:global(.dark) .deposit-stat-icon{background-color:#05966933}:global(.dark) .withdrawal-stat-icon{background-color:#ef444433}:global(.dark) .investment-stat-icon{background-color:#2563eb33}.wallet-stat-icon svg{width:1.25rem;height:1.25rem}@media(min-width:768px){.wallet-stat-icon svg{width:1.5rem;height:1.5rem}}.deposit-stat-icon svg{color:#059669}.withdrawal-stat-icon svg{color:#dc2626}.investment-stat-icon svg{color:#3b82f6}@media(prefers-color-scheme:dark){.deposit-stat-icon svg{color:#10b981}.withdrawal-stat-icon svg{color:#ef4444}.investment-stat-icon svg{color:#60a5fa}}:global(.dark) .deposit-stat-icon svg{color:#10b981}:global(.dark) .withdrawal-stat-icon svg{color:#ef4444}:global(.dark) .investment-stat-icon svg{color:#60a5fa}.recent-transactions{background-color:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f3f4f6;transition:background-color .2s ease,border-color .2s ease}@media(max-width:640px){.recent-transactions{padding:1rem}}@media(prefers-color-scheme:dark){.recent-transactions{background-color:#1f2937;border-color:#374151}}:global(.dark) .recent-transactions{background-color:#1f2937;border-color:#374151}.transactions-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem}@media(max-width:640px){.transactions-header{margin-bottom:1rem}}.transactions-title{font-size:1.125rem;font-weight:300;color:#000;margin-bottom:.25rem}@media(max-width:640px){.transactions-title{font-size:1rem}}@media(prefers-color-scheme:dark){.transactions-title{color:#fff}}:global(.dark) .transactions-title{color:#fff}.transactions-subtitle{font-size:.75rem;color:#6b7280}@media(max-width:640px){.transactions-subtitle{font-size:.625rem}}@media(prefers-color-scheme:dark){.transactions-subtitle{color:#9ca3af}}:global(.dark) .transactions-subtitle{color:#9ca3af}.transactions-link{display:flex;align-items:center;font-size:.75rem;color:#000;font-weight:500;text-decoration:none;transition:color .2s ease}.transactions-link:hover{color:#4b5563}.transactions-link svg{width:.75rem;height:.75rem;margin-left:.25rem;transition:transform .2s ease}.transactions-link:hover svg{transform:translate(.25rem)}@media(max-width:640px){.transactions-link{font-size:.625rem}}@media(prefers-color-scheme:dark){.transactions-link{color:#fff}.transactions-link:hover{color:#d1d5db}}:global(.dark) .transactions-link{color:#fff}:global(.dark) .transactions-link:hover{color:#d1d5db}.transactions-list{display:flex;flex-direction:column;gap:.5rem}@media(max-width:640px){.transactions-list{gap:.375rem}}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(to right,#f9fafb,#fff);border-radius:.75rem;border:1px solid #f3f4f6;transition:all .3s ease;animation:fadeIn .3s ease-out forwards;opacity:0}@media(max-width:640px){.transaction-item{padding:.75rem;gap:.75rem}}.transaction-item:hover{background:linear-gradient(to right,#f3f4f6,#f9fafb);border-color:#e5e7eb;box-shadow:0 4px 6px -1px #0000001a}@media(prefers-color-scheme:dark){.transaction-item{background:linear-gradient(to right,#37415180,#1f2937);border-color:#4b5563}.transaction-item:hover{background:linear-gradient(to right,#374151,#1f2937);border-color:#6b7280}}:global(.dark) .transaction-item{background:linear-gradient(to right,#37415180,#1f2937);border-color:#4b5563}:global(.dark) .transaction-item:hover{background:linear-gradient(to right,#374151,#1f2937);border-color:#6b7280}@keyframes fadeIn{to{opacity:1}}.transaction-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}@media(min-width:768px){.transaction-icon{width:3rem;height:3rem}}@media(max-width:640px){.transaction-icon{width:2.5rem;height:2.5rem}}.transaction-item:hover .transaction-icon{transform:scale(1.1)}.transaction-icon-green{background-color:#d1fae5}.transaction-icon-blue{background-color:#dbeafe}.transaction-icon-red{background-color:#fee2e2}@media(prefers-color-scheme:dark){.transaction-icon-green{background-color:#05966933}.transaction-icon-blue{background-color:#2563eb33}.transaction-icon-red{background-color:#ef444433}}:global(.dark) .transaction-icon-green{background-color:#05966933}:global(.dark) .transaction-icon-blue{background-color:#2563eb33}:global(.dark) .transaction-icon-red{background-color:#ef444433}.transaction-icon svg{width:1.25rem;height:1.25rem}@media(min-width:768px){.transaction-icon svg{width:1.5rem;height:1.5rem}}.transaction-icon-green svg{color:#059669}.transaction-icon-blue svg{color:#3b82f6}.transaction-icon-red svg{color:#dc2626}@media(prefers-color-scheme:dark){.transaction-icon-green svg{color:#10b981}.transaction-icon-blue svg{color:#60a5fa}.transaction-icon-red svg{color:#ef4444}}:global(.dark) .transaction-icon-green svg{color:#10b981}:global(.dark) .transaction-icon-blue svg{color:#60a5fa}:global(.dark) .transaction-icon-red svg{color:#ef4444}.transaction-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.transaction-title{font-size:.875rem;font-weight:600;color:#000}@media(max-width:640px){.transaction-title{font-size:.75rem}}@media(prefers-color-scheme:dark){.transaction-title{color:#fff}}:global(.dark) .transaction-title{color:#fff}.transaction-status{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}@media(max-width:640px){.transaction-status{font-size:.625rem;padding:.125rem .375rem}}.status-pending{color:#92400e;background-color:#fef3c7}.status-completed{color:#065f46;background-color:#d1fae5}@media(prefers-color-scheme:dark){.status-pending{color:#fbbf24;background-color:#f59e0b33}.status-completed{color:#34d399;background-color:#05966933}}:global(.dark) .status-pending{color:#fbbf24;background-color:#f59e0b33}:global(.dark) .status-completed{color:#34d399;background-color:#05966933}.transaction-description{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}@media(max-width:640px){.transaction-description{font-size:.625rem}}@media(prefers-color-scheme:dark){.transaction-description{color:#9ca3af}}:global(.dark) .transaction-description{color:#9ca3af}.transaction-date{font-size:.75rem;color:#9ca3af}@media(max-width:640px){.transaction-date{font-size:.625rem}}@media(prefers-color-scheme:dark){.transaction-date{color:#6b7280}}:global(.dark) .transaction-date{color:#6b7280}.transaction-amount{flex-shrink:0;margin-left:.5rem}.amount-value{font-size:1rem;font-weight:600}@media(min-width:768px){.amount-value{font-size:1.125rem}}@media(max-width:640px){.amount-value{font-size:.875rem}}.amount-green{color:#059669}.amount-blue{color:#3b82f6}.amount-red{color:#dc2626}@media(prefers-color-scheme:dark){.amount-green{color:#10b981}.amount-blue{color:#60a5fa}.amount-red{color:#ef4444}}:global(.dark) .amount-green{color:#10b981}:global(.dark) .amount-blue{color:#60a5fa}:global(.dark) .amount-red{color:#ef4444}@media(max-width:767px){.wallet-header-content{flex-direction:column;align-items:stretch}.wallet-card{width:100%}.transaction-item{flex-direction:column;align-items:flex-start}.transaction-amount{margin-left:0;margin-top:.5rem;width:100%;text-align:right}}.transaction-item:nth-child(1){animation-delay:0s}.transaction-item:nth-child(2){animation-delay:.05s}.transaction-item:nth-child(3){animation-delay:.1s}.transaction-item:nth-child(4){animation-delay:.15s}.transaction-item:nth-child(5){animation-delay:.2s}.notifications-main{flex:1;overflow-y:auto;padding:24px 24px 80px;background-color:#fff;transition:background-color .2s}@media(min-width:1024px){.notifications-main{padding-bottom:24px}}.notifications-container{max-width:56rem;margin-left:auto;margin-right:auto}.notifications-header{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6;margin-bottom:24px}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.page-title{font-size:1.5rem;font-weight:300;color:#000;margin-bottom:4px}.page-subtitle{font-size:.875rem;color:#4b5563}.mark-all-read-btn{display:flex;align-items:center;padding:8px 16px;background-color:#000;color:#fff;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s;font-family:inherit}.mark-all-read-btn:hover{background-color:#1f2937}.mark-all-read-btn .check-icon{width:16px;height:16px;margin-right:8px}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-item{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}.notification-item.unread{border-left-width:4px;border-left-color:#3b82f6}.notification-content{display:flex;align-items:flex-start;gap:16px}.notification-icon-container{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon-container .icon{width:20px;height:20px}.bg-gray-100{background-color:#f3f4f6}.bg-purple-100{background-color:#f3e8ff}.bg-blue-100{background-color:#dbeafe}.green{color:#059669}.gray{color:#4b5563}.purple{color:#7c3aed}.blue{color:#2563eb}.notification-details{flex:1;min-width:0}.details-header{display:flex;align-items:flex-start;justify-content:space-between}.details-content{flex:1}.notification-title{font-size:.875rem;font-weight:500;color:#000;margin-bottom:4px}.notification-message{font-size:.875rem;color:#4b5563;margin-bottom:8px}.notification-meta{display:flex;align-items:center;gap:16px;font-size:.75rem;color:#6b7280}.new-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#dbeafe;color:#1e40af}.notification-actions{display:flex;align-items:center;gap:8px;margin-left:16px}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#9ca3af;border-radius:8px;border:none;background:none;cursor:pointer;transition:all .2s}.action-btn:hover{background-color:#f3f4f6;color:#4b5563}.delete-btn:hover{color:#dc2626;background-color:#fef2f2}.action-icon{width:16px;height:16px}.pagination-container{margin-top:24px}.pagination-mobile{display:flex;gap:8px;align-items:center;justify-content:space-between}.pagination-btn{display:inline-flex;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:500;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;text-decoration:none;transition:all .15s ease-in-out}.pagination-btn:hover{background-color:#f3f4f6;color:#374151}.pagination-btn.disabled{color:#6b7280;background-color:#fff;cursor:not-allowed;opacity:.6}@media(min-width:640px){.pagination-desktop{display:flex;flex:1;gap:8px;align-items:center;justify-content:space-between}}.pagination-text{font-size:.875rem;color:#374151;line-height:1.25rem}.pagination-text .font-medium{font-weight:500}.pagination-controls{display:flex;align-items:center}.pagination-buttons{display:inline-flex;box-shadow:0 1px 2px #0000000d;border-radius:6px;overflow:hidden}.pagination-arrow,.pagination-page{display:inline-flex;align-items:center;padding:8px;font-size:.875rem;font-weight:500;background-color:#fff;border:1px solid #d1d5db;margin-left:-1px;text-decoration:none;color:#374151;transition:all .15s ease-in-out}.pagination-arrow:hover,.pagination-page:hover{background-color:#f3f4f6;color:#374151}.pagination-arrow.disabled{color:#6b7280;background-color:#fff;cursor:not-allowed;opacity:.6}.pagination-page.active{background-color:#e5e7eb;color:#374151}.pagination-arrow:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-arrow:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.arrow-icon{display:flex;align-items:center;justify-content:center}.arrow-svg{width:20px;height:20px}.page-number{padding:0 12px}@media(prefers-color-scheme:dark){.notifications-main{background-color:#111827}.notifications-header{background-color:#1f2937;border-color:#374151}.page-title{color:#fff}.page-subtitle{color:#9ca3af}.mark-all-read-btn{background-color:#374151;color:#e5e7eb}.mark-all-read-btn:hover{background-color:#4b5563}.notification-item{background-color:#1f2937;border-color:#374151}.notification-item.unread{border-left-color:#60a5fa}.notification-title{color:#fff}.notification-message,.notification-meta{color:#9ca3af}.new-badge{background-color:#1e3a8a;color:#93c5fd}.action-btn:hover{background-color:#374151}.delete-btn:hover{background-color:#dc26261a}.bg-green-100{background-color:#064e3b}.bg-gray-100{background-color:#374151}.bg-purple-100{background-color:#4c1d95}.bg-blue-100{background-color:#1e3a8a}.green{color:#10b981}.gray{color:#9ca3af}.purple{color:#8b5cf6}.blue{color:#60a5fa}.pagination-btn,.pagination-arrow,.pagination-page{background-color:#1f2937;border-color:#4b5563;color:#e5e7eb}.pagination-btn:hover,.pagination-arrow:hover,.pagination-page:hover{background-color:#374151;color:#f3f4f6}.pagination-btn.disabled,.pagination-arrow.disabled{color:#9ca3af;background-color:#1f2937}.pagination-page.active{background-color:#374151;color:#f3f4f6}.pagination-text{color:#d1d5db}}@media(max-width:768px){.notifications-main{padding:16px 16px 80px}.notifications-header{padding:16px}.header-content{flex-direction:column;align-items:flex-start;gap:16px}.mark-all-read-btn{width:100%;justify-content:center}.notification-content{flex-direction:column;gap:12px}.details-header{flex-direction:column}.notification-actions{margin-left:0;margin-top:12px;justify-content:flex-end}}.deposit-main{flex:1;overflow-y:auto;padding:24px 24px 80px;background-color:#fff;transition:background-color .2s}@media(min-width:1024px){.deposit-main{padding-bottom:24px}}.deposit-container{max-width:42rem;margin-left:auto;margin-right:auto}.deposit-header{background:linear-gradient(135deg,#000,#111827,#1f2937);border-radius:20px;padding:24px;margin-bottom:24px;color:#fff;position:relative;overflow:hidden}.pattern-circle{position:absolute;background-color:#fff;border-radius:50%}.pattern-circle-1{top:0;right:0;width:128px;height:128px;transform:translateY(-64px) translate(64px)}.pattern-circle-2{bottom:0;left:0;width:64px;height:64px;transform:translateY(32px) translate(-32px)}.header-content{position:relative;z-index:10;display:flex;flex-direction:column;gap:16px}@media(min-width:1024px){.header-content{flex-direction:row;align-items:center;justify-content:space-between}}.header-text{flex:1;margin-bottom:16px}.deposit-page-title{font-size:1.25rem;font-weight:300;margin-bottom:4px}@media(min-width:768px){.deposit-page-title{font-size:1.5rem}}.page-subtitle{color:#d1d5db;font-size:.75rem}@media(min-width:768px){.page-subtitle{font-size:.875rem}}.balance-card{background-color:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%}@media(min-width:1024px){.balance-card{width:256px}}.balance-label{font-size:.75rem;color:#d1d5db;margin-bottom:4px}@media(min-width:768px){.balance-label{font-size:.875rem}}.balance-amount{font-size:1.125rem;font-weight:300}.balance-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.balance-icon svg{width:20px;height:20px;color:#fff}.deposit-form-container{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6;transition:background-color .2s}.deposit-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:8px}.form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px}.currency-symbol{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1.125rem;font-weight:500}.amount-input{width:100%;padding:12px 16px 12px 40px;border:2px solid #e5e7eb;background-color:#fff;color:#000;border-radius:12px;font-size:1.125rem;font-weight:500;transition:all .2s}.amount-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.amount-hint{font-size:.75rem;color:#6b7280;margin-top:8px}.payment-methods{display:flex;flex-direction:column;gap:12px}.payment-method-card{display:flex;align-items:center;padding:16px;border:2px solid #e5e7eb;background-color:#fff;border-radius:12px;cursor:pointer;transition:all .3s;opacity:0;animation:fadeInUp .5s ease forwards}.payment-method-card:hover{border-color:#86efac;background-color:#f0fdf4}.payment-method-card.selected{border-color:#10b981;background-color:#f0fdf4}.payment-method-radio{width:20px;height:20px;color:#10b981;border-color:#d1d5db;margin-right:16px}.payment-method-radio:checked{background-color:#10b981;border-color:#10b981}.payment-method-content{display:flex;align-items:center;flex:1}.payment-method-icon{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:16px;border:1px solid #e5e7eb;flex-shrink:0}@media(min-width:768px){.payment-method-icon{width:48px;height:48px}}.payment-method-image{width:100%;height:100%;object-fit:cover}.payment-method-name{font-size:.875rem;font-weight:600;color:#000;margin-bottom:4px}.payment-method-description{font-size:.75rem;color:#6b7280}.payment-method-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-left:8px;transition:transform .2s}.payment-method-card:hover .payment-method-arrow{transform:scale(1.1)}.payment-method-arrow svg{width:12px;height:12px;color:#9ca3af}@media(min-width:768px){.payment-method-arrow{width:32px;height:32px}.payment-method-arrow svg{width:16px;height:16px}}.payment-method-card:hover .payment-method-arrow svg{color:#10b981}.bank-transfer-info{background:linear-gradient(135deg,#f0fdf4,#ecfdf5,#f0fdf4);border-radius:12px;padding:16px;border:2px solid #bbf7d0;box-shadow:0 1px 2px #0000000d;transition:all .3s}.bank-transfer-header{display:flex;align-items:center;margin-bottom:16px}.bank-transfer-icon{width:40px;height:40px;background-color:#bbf7d0;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px}.bank-transfer-icon svg{width:20px;height:20px;color:#047857}.bank-transfer-title{display:block;font-size:.875rem;font-weight:600;color:#065f46}.bank-transfer-subtitle{display:block;font-size:.75rem;color:#059669}.fee-breakdown{background:linear-gradient(135deg,#f0fdf4,#ecfdf5,#f0fdf4);border-radius:12px;padding:20px;border:2px solid #bbf7d0;box-shadow:0 1px 2px #0000000d}.fee-header{display:flex;align-items:center;margin-bottom:16px}.fee-icon{width:32px;height:32px;background-color:#bbf7d0;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px}@media(min-width:768px){.fee-icon{width:40px;height:40px}}.fee-icon svg{width:16px;height:16px;color:#047857}@media(min-width:768px){.fee-icon svg{width:20px;height:20px}}.fee-title{display:block;font-size:.875rem;font-weight:600;color:#065f46}.fee-subtitle{display:block;font-size:.75rem;color:#059669}.fee-details{background-color:#fff;border-radius:8px;padding:16px}.fee-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.fee-row:last-child{border-bottom:none}.total-row{padding-top:12px}.fee-label{font-size:.875rem;color:#374151}.fee-value{font-size:.875rem;font-weight:600;color:#111827}.fee-green{color:#059669}.total-label{font-size:1rem;font-weight:600;color:#065f46}.total-value{font-size:1.125rem;font-weight:700;color:#065f46}.submit-section{padding-top:12px}@media(min-width:768px){.submit-section{padding-top:16px}}.submit-button{width:100%;background:linear-gradient(to right,#059669,#10b981);color:#fff;padding:12px 16px;border-radius:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media(min-width:768px){.submit-button{padding:16px 24px}}.submit-button:hover{background:linear-gradient(to right,#047857,#059669);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1.02)}.submit-button svg{width:16px;height:16px;margin-right:8px}@media(min-width:768px){.submit-button svg{width:20px;height:20px}}@media(prefers-color-scheme:dark){.deposit-main{background-color:#111827}.deposit-form-container{background-color:#1f2937;border-color:#374151}.amount-input{background-color:#374151;border-color:#4b5563;color:#fff}.amount-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.amount-hint{color:#9ca3af}.form-label{color:#d1d5db}.payment-method-card{background-color:#374151;border-color:#4b5563}.payment-method-card:hover,.payment-method-card.selected{border-color:#10b981;background-color:#10b9811a}.payment-method-name{color:#fff}.payment-method-description{color:#9ca3af}.payment-method-arrow svg{color:#6b7280}.payment-method-card:hover .payment-method-arrow svg{color:#10b981}.bank-transfer-info,.fee-breakdown{background:linear-gradient(135deg,#10b9811a,#10b9810d,#10b9811a);border-color:#10b9814d}.bank-transfer-icon{background-color:#10b9814d}.bank-transfer-icon svg{color:#10b981}.bank-transfer-title{color:#10b981}.bank-transfer-subtitle{color:#34d399}.fee-icon{background-color:#10b9814d}.fee-icon svg{color:#10b981}.fee-title{color:#10b981}.fee-subtitle{color:#34d399}.fee-details{background-color:#1f2937}.fee-row{border-bottom-color:#374151}.fee-label{color:#d1d5db}.fee-value{color:#fff}.fee-green{color:#34d399}.total-label,.total-value{color:#10b981}}@media(max-width:768px){.deposit-main{padding:16px 16px 80px}.deposit-header{padding:16px}.header-content{gap:12px}.balance-card{width:100%}.deposit-form-container{padding:12px}.deposit-form{gap:16px}}.sidebar{position:fixed;inset:0;z-index:9999;width:18rem;background-color:#000;box-shadow:0 25px 50px -12px #00000080;transform:translate(-100%);transition:transform .3s ease-in-out;border-right:1px solid #374151;overflow:hidden}@media(prefers-color-scheme:dark){.sidebar{background-color:#111827}}.sidebar-open{transform:translate(0)}@media(min-width:1024px){.sidebar{transform:translate(0)}}.sidebar-overlay{position:fixed;inset:0;z-index:9998;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(min-width:1024px){.sidebar-overlay{display:none}}.sidebar-inner{display:flex;flex-direction:column;height:100%}.sidebar-logo{display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1.5rem;border-bottom:1px solid #374151}.logo-container{display:flex;align-items:center}.logo-img{margin-right:.75rem;filter:brightness(0) invert(1)}.sidebar-toggle-btn{display:none;color:#9ca3af;padding:.375rem;border-radius:.375rem;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.sidebar-toggle-btn:hover{color:#fff;background-color:#374151}.sidebar-toggle-btn svg{width:1rem;height:1rem}@media(max-width:1023px){.sidebar-toggle-btn{display:block}}.user-profile-section{padding:1rem 1.5rem;border-bottom:1px solid #374151;background:linear-gradient(to bottom right,#1f2937,#000)}.user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.avatar-container{position:relative}.avatar-wrapper{width:3.5rem;height:3.5rem;background:linear-gradient(to bottom right,#60a5fa,#3b82f6);border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;border:2px solid rgba(59,130,246,.2)}.user-avatar{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.avatar-fallback{display:none;width:100%;height:100%;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;background:linear-gradient(to bottom right,#60a5fa,#3b82f6)}.kyc-badge{position:absolute;bottom:-.25rem;right:-.25rem;width:1.25rem;height:1.25rem;background-color:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #000000;box-shadow:0 4px 6px -1px #0000001a}.kyc-badge svg{width:.625rem;height:.625rem;color:#fff}.user-details{flex:1;min-width:0}.user-name{font-size:.875rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:.75rem;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verification-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#05966933;color:#34d399;border:1px solid rgba(5,150,105,.5);margin-top:.25rem}.verification-badge svg{width:.75rem;height:.75rem;margin-right:.25rem}.sidebar-quick-actions{display:flex;gap:.5rem;margin-top:.75rem}.quick-action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.375rem .75rem;background-color:#1f293780;border-radius:.5rem;transition:all .2s ease;border:1px solid rgba(55,65,81,.5);text-decoration:none}.quick-action-btn:hover{background-color:#37415180;border-color:#9ca3af80}.quick-action-btn svg{width:.875rem;height:.875rem;color:#9ca3af;margin-right:.375rem;transition:all .2s ease}.quick-action-btn:hover svg{color:#fff}.quick-action-btn span{font-size:.75rem;color:#d1d5db;transition:color .2s ease}.quick-action-btn:hover span{color:#fff}.wallet-preview{padding:.75rem 1rem;border-bottom:1px solid #374151;background:linear-gradient(to right,#1f293780,#00000080)}.wallet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.wallet-title{font-size:.75rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.wallet-link{color:#60a5fa;transition:color .2s ease}.wallet-link:hover{color:#93c5fd}.wallet-link svg{width:.75rem;height:.75rem;display:inline}.wallet-stats{display:flex;flex-direction:column;gap:.375rem}.wallet-stat{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:.75rem;color:#9ca3af}.stat-value{font-size:.875rem;font-weight:600;color:#fff}.stat-value.profit{color:#34d399}.sidebar-navigation{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.nav-section{display:flex;flex-direction:column;gap:.125rem}.sidebar-section-title{padding:0 .75rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.nav-item{position:relative;display:flex;align-items:center;padding:.625rem .75rem;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:all .3s ease;text-decoration:none;color:#d1d5db;background:transparent;border:none;cursor:pointer}.nav-item:hover,.nav-item-active{color:#fff;background-color:#37415180}.nav-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:.25rem;height:0;background-color:#fff;border-radius:0 .125rem .125rem 0;transition:all .3s ease}.nav-item:hover .nav-indicator{height:1rem}.nav-item-active .nav-indicator{height:1.5rem}.nav-icon{margin-right:.75rem;transition:transform .3s ease}.nav-icon svg{width:1rem;height:1rem;color:#9ca3af}.nav-item:hover .nav-icon svg{color:#fff;transform:scale(1.1)}.nav-item-active .nav-icon svg{color:#fff;transform:scale(1.1)}.nav-text{position:relative}.nav-section:has(.sidebar-section-title:contains("Support")){border-top:1px solid #374151;padding-top:.5rem;margin-top:.5rem}.logout-section{padding:1rem;border-top:1px solid #374151;background-color:#1f293733}.logout-form{width:100%}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:#f87171;background-color:#b91c1c1a;border:1px solid rgba(185,28,28,.3);border-radius:.5rem;transition:all .3s ease;cursor:pointer}.logout-btn:hover{color:#fca5a5;background-color:#b91c1c33;border-color:#f8717180}.logout-btn svg{width:1rem;height:1rem;margin-right:.5rem;transition:transform .3s ease}.logout-btn:hover svg{transform:translate(.25rem)}.mobile-sidebar-toggle{position:fixed;top:1rem;left:1rem;z-index:50;display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#000;color:#fff;border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;transition:all .2s ease}.mobile-sidebar-toggle:hover{background-color:#1f2937}.mobile-sidebar-toggle svg{width:1.25rem;height:1.25rem}@media(max-width:1023px){.mobile-sidebar-toggle{display:flex}}.sidebar-navigation::-webkit-scrollbar{width:4px}.sidebar-navigation::-webkit-scrollbar-track{background:transparent}.sidebar-navigation::-webkit-scrollbar-thumb{background:#4b5563;border-radius:2px}.sidebar-navigation::-webkit-scrollbar-thumb:hover{background:#6b7280}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}.header{background-color:#fff;border-bottom:1px solid #e5e7eb;transition:background-color .2s ease,border-color .2s ease}@media(prefers-color-scheme:dark){.header{background-color:#1f2937;border-color:#374151}}:global(.dark) .header{background-color:#1f2937;border-color:#374151}.header-container{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:3.75rem}.header-left{display:flex;align-items:center}.mobile-menu-btn{display:none;color:#6b7280;padding:.375rem;border-radius:.375rem;background:transparent;border:none;cursor:pointer;transition:all .2s ease;margin-right:.75rem}.mobile-menu-btn:hover{color:#374151;background-color:#f3f4f6}@media(prefers-color-scheme:dark){.mobile-menu-btn{color:#9ca3af}.mobile-menu-btn:hover{color:#d1d5db;background-color:#374151}}:global(.dark) .mobile-menu-btn{color:#9ca3af}:global(.dark) .mobile-menu-btn:hover{color:#d1d5db;background-color:#374151}.mobile-menu-btn svg{width:1.25rem;height:1.25rem}@media(max-width:1023px){.mobile-menu-btn{display:block}}.page-title{font-weight:300;font-size:1.125rem;color:#000}@media(prefers-color-scheme:dark){.page-title{color:#fff}}:global(.dark) .page-title{color:#fff}.header-right{display:flex;align-items:center;gap:.75rem}.dark-mode-container{position:relative}.dark-mode-toggle-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;color:#374151;background:transparent;border:none;cursor:pointer;transition:all .2s ease;outline:none}.dark-mode-toggle-btn:hover{background-color:#f3f4f6}.dark-mode-toggle-btn:focus{box-shadow:0 0 0 1px #9ca3af33}@media(prefers-color-scheme:dark){.dark-mode-toggle-btn{color:#d1d5db}.dark-mode-toggle-btn:hover{background-color:#374151}.dark-mode-toggle-btn:focus{box-shadow:0 0 0 1px #374151b3}}:global(.dark) .dark-mode-toggle-btn{color:#d1d5db}:global(.dark) .dark-mode-toggle-btn:hover{background-color:#374151}:global(.dark) .dark-mode-toggle-btn:focus{box-shadow:0 0 0 1px #374151b3}.dark-mode-toggle-btn svg{width:1.25rem;height:1.25rem}.dark-mode-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;width:12rem;background-color:#fff;border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a;border:1px solid #e5e7eb;z-index:50;overflow:hidden;animation:dropdownFadeIn .1s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-color-scheme:dark){.dark-mode-dropdown{background-color:#1f2937;border-color:#374151}}:global(.dark) .dark-mode-dropdown{background-color:#1f2937;border-color:#374151}.dark-mode-option{width:100%;display:flex;align-items:center;padding:.625rem 1rem;font-size:.875rem;text-align:left;color:#374151;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease}.dark-mode-option:hover{background-color:#f9fafb}.dark-mode-option-active{background-color:#f3f4f6}@media(prefers-color-scheme:dark){.dark-mode-option{color:#d1d5db}.dark-mode-option:hover{background-color:#374151}.dark-mode-option-active{background-color:#4b5563}}:global(.dark) .dark-mode-option{color:#d1d5db}:global(.dark) .dark-mode-option:hover{background-color:#374151}:global(.dark) .dark-mode-option-active{background-color:#4b5563}.dark-mode-option svg{width:1rem;height:1rem;margin-right:.75rem}.dark-mode-option svg:first-child{color:#f59e0b}.dark-mode-option:nth-child(2) svg:first-child{color:#3b82f6}.dark-mode-option:nth-child(3) svg:first-child{color:#6366f1}.dark-mode-option-text{flex:1}.dark-mode-check{margin-left:auto}.dark-mode-check svg{color:#000;margin-right:0}@media(prefers-color-scheme:dark){.dark-mode-check svg{color:#fff}}:global(.dark) .dark-mode-check svg{color:#fff}.notifications-container{position:relative;display:none}.notifications-toggle-btn{position:relative;padding:.5rem;color:#6b7280;border-radius:.375rem;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.notifications-toggle-btn:hover{color:#374151;background-color:#f3f4f6}@media(prefers-color-scheme:dark){.notifications-toggle-btn{color:#9ca3af}.notifications-toggle-btn:hover{color:#d1d5db;background-color:#374151}}:global(.dark) .notifications-toggle-btn{color:#9ca3af}:global(.dark) .notifications-toggle-btn:hover{color:#d1d5db;background-color:#374151}.notifications-toggle-btn svg{width:1.25rem;height:1.25rem}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;background-color:#ef4444;color:#fff;font-size:.75rem;border-radius:50%;height:1rem;width:1rem;display:flex;align-items:center;justify-content:center}.notifications-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;width:20rem;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a;border:1px solid #e5e7eb;z-index:50;animation:dropdownFadeIn .1s ease-out}@media(prefers-color-scheme:dark){.notifications-dropdown{background-color:#1f2937;border-color:#374151}}:global(.dark) .notifications-dropdown{background-color:#1f2937;border-color:#374151}.notifications-header{padding:.75rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}@media(prefers-color-scheme:dark){.notifications-header{border-color:#374151}}:global(.dark) .notifications-header{border-color:#374151}.notifications-title{font-size:.875rem;font-weight:500;color:#000}@media(prefers-color-scheme:dark){.notifications-title{color:#fff}}:global(.dark) .notifications-title{color:#fff}.notifications-mark-read{font-size:.75rem;color:#6b7280;background:transparent;border:none;cursor:pointer;transition:color .2s ease}.notifications-mark-read:hover{color:#374151}@media(prefers-color-scheme:dark){.notifications-mark-read{color:#9ca3af}.notifications-mark-read:hover{color:#d1d5db}}:global(.dark) .notifications-mark-read{color:#9ca3af}:global(.dark) .notifications-mark-read:hover{color:#d1d5db}.notifications-list{max-height:100vh;overflow-y:auto}.header-notification-item{padding:.75rem;border-bottom:1px solid #f3f4f6;display:flex;align-items:flex-start;transition:background-color .2s ease}.header-notification-item:hover{background-color:#f9fafb}@media(prefers-color-scheme:dark){.header-notification-item{border-color:#374151}.header-notification-item:hover{background-color:#374151}}:global(.dark) .header-notification-item{border-color:#374151}:global(.dark) .header-notification-item:hover{background-color:#374151}.notification-icon-container{margin-right:.75rem;flex-shrink:0}.notification-icon{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-icon-green{background-color:#10b981}.notification-icon-gray{background-color:#6b7280}.notification-icon-purple{background-color:#8b5cf6}.notification-icon svg{width:.75rem;height:.75rem;color:#fff}.notification-content{flex:1;min-width:0}.notification-title{font-size:.75rem;font-weight:500;color:#000;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.notification-title{color:#fff}}:global(.dark) .notification-title{color:#fff}.notification-message{font-size:.75rem;color:#6b7280;line-height:1.4;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.notification-message{color:#9ca3af}}:global(.dark) .notification-message{color:#9ca3af}.notification-time{font-size:.75rem;color:#9ca3af}.notifications-footer{padding:.75rem;border-top:1px solid #e5e7eb}@media(prefers-color-scheme:dark){.notifications-footer{border-color:#374151}}:global(.dark) .notifications-footer{border-color:#374151}.notifications-view-all{font-size:.75rem;color:#000;font-weight:500;text-decoration:none;transition:color .2s ease}.notifications-view-all:hover{color:#374151}@media(prefers-color-scheme:dark){.notifications-view-all{color:#fff}.notifications-view-all:hover{color:#d1d5db}}:global(.dark) .notifications-view-all{color:#fff}:global(.dark) .notifications-view-all:hover{color:#d1d5db}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(prefers-color-scheme:dark){.notifications-list::-webkit-scrollbar-thumb{background:#4b5563}.notifications-list::-webkit-scrollbar-thumb:hover{background:#6b7280}}:global(.dark) .notifications-list::-webkit-scrollbar-thumb{background:#4b5563}:global(.dark) .notifications-list::-webkit-scrollbar-thumb:hover{background:#6b7280}.info-alert{background-color:#eff6ff;border-left:4px solid #3b82f6;color:#1d4ed8;padding:12px 16px;margin:12px 24px 0;border-radius:0 6px 6px 0;position:relative;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.info-alert:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.05) 100%);pointer-events:none}.alert-content{display:flex;align-items:center;position:relative;z-index:1}.alert-icon{width:16px;height:16px;margin-right:8px;flex-shrink:0;color:#3b82f6}.alert-message{font-size:.875rem;line-height:1.25rem;flex:1}.close-button{margin-left:auto;background:none;border:none;padding:4px;cursor:pointer;color:#3b82f6;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#1d4ed8;background-color:#3b82f61a}.close-button:active{transform:scale(.95)}.close-icon{width:12px;height:12px}.info-alert.success{background-color:#f0fdf4;border-left-color:#10b981;color:#047857}.info-alert.success .alert-icon,.info-alert.success .close-button{color:#10b981}.info-alert.success .close-button:hover{color:#047857;background-color:#10b9811a}.info-alert.warning{background-color:#fef3c7;border-left-color:#f59e0b;color:#92400e}.info-alert.warning .alert-icon,.info-alert.warning .close-button{color:#f59e0b}.info-alert.warning .close-button:hover{color:#92400e;background-color:#f59e0b1a}.info-alert.error{background-color:#fef2f2;border-left-color:#ef4444;color:#991b1b}.info-alert.error .alert-icon,.info-alert.error .close-button{color:#ef4444}.info-alert.error .close-button:hover{color:#991b1b;background-color:#ef44441a}.info-alert.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-10px)}}@media(max-width:640px){.info-alert{margin:12px 16px 0;padding:10px 12px}.alert-content{flex-wrap:wrap}.alert-message{margin-right:8px;margin-bottom:4px}.close-button{margin-left:0;align-self:flex-start}}@media(prefers-color-scheme:dark){.info-alert{background-color:#3b82f61a;color:#93c5fd;border-left-color:#3b82f6}.info-alert .alert-icon,.info-alert .close-button{color:#60a5fa}.info-alert .close-button:hover{color:#93c5fd;background-color:#3b82f633}.info-alert.success{background-color:#10b9811a;border-left-color:#10b981;color:#34d399}.info-alert.success .alert-icon,.info-alert.success .close-button{color:#10b981}.info-alert.success .close-button:hover{color:#34d399;background-color:#10b98133}.info-alert.warning{background-color:#f59e0b1a;border-left-color:#f59e0b;color:#fbbf24}.info-alert.warning .alert-icon,.info-alert.warning .close-button{color:#f59e0b}.info-alert.warning .close-button:hover{color:#fbbf24;background-color:#f59e0b33}.info-alert.error{background-color:#ef44441a;border-left-color:#ef4444;color:#fca5a5}.info-alert.error .alert-icon,.info-alert.error .close-button{color:#ef4444}.info-alert.error .close-button:hover{color:#fca5a5;background-color:#ef444433}}.deposit-details-main{flex:1;overflow-y:auto;padding:24px 24px 80px;background-color:#fff;transition:background-color .2s}@media(min-width:1024px){.deposit-details-main{padding-bottom:24px}}.deposit-details-container{max-width:42rem;margin-left:auto;margin-right:auto}.deposit-details-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}.crypto-section-title{font-size:1.125rem;font-weight:600;margin-bottom:16px;color:#111827}.deposit-info-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}.info-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.info-row:last-child{border-bottom:none;padding-bottom:0}.crypto-info-label{font-size:.875rem;color:#6b7280}.crypto-info-value{font-size:.875rem;font-weight:500;color:#111827}.crypto-info-value.with-icon{display:flex;align-items:center;gap:8px}.payment-method-icon{width:24px;height:24px;border-radius:50%;object-fit:cover}.wallet-address-section{margin-bottom:24px}.section-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:8px}.address-container{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.wallet-address{font-size:.75rem;color:#374151;word-break:break-all;font-family:SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;flex:1;margin-right:12px}.copy-button{font-size:.75rem;padding:4px 8px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;flex-shrink:0;white-space:nowrap;font-family:inherit}.copy-button:hover{background-color:#1f2937}.copy-button:active{transform:scale(.98)}.qr-code-section{margin-bottom:24px}.qr-code-container{display:flex;align-items:center;justify-content:center}.qr-code-image{width:160px;height:160px;object-fit:contain;border:1px solid #e5e7eb;border-radius:8px;padding:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.transaction-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151}.transaction-input{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;font-size:.875rem;color:#111827;transition:all .2s;font-family:Inter,sans-serif}.transaction-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000001a}.transaction-input::placeholder{color:#9ca3af}.submit-section{padding-top:8px}.submit-button{width:100%;background-color:#000;color:#fff;padding:12px 24px;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s}@media(prefers-color-scheme:dark){.deposit-details-main{background-color:#111827}.deposit-details-card{background-color:#1f2937;border-color:#374151}.crypto-section-title{color:#f9fafb}.crypto-info-label{color:#d1d5db}.crypto-info-value{color:#f9fafb}.section-label,.form-label{color:#d1d5db}.address-container{background-color:#374151;border-color:#4b5563}.wallet-address{color:#d1d5db}.copy-button{background-color:#374151;color:#f9fafb}.copy-button:hover{background-color:#4b5563}.qr-code-image{background-color:#374151;border-color:#4b5563}.transaction-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.transaction-input:focus{border-color:#f9fafb;box-shadow:0 0 0 2px #f9fafb1a}.transaction-input::placeholder{color:#9ca3af}.submit-button{background-color:#374151;color:#f9fafb}.submit-button:hover{background-color:#4b5563}}@media(max-width:768px){.deposit-details-main{padding:16px 16px 80px}.deposit-details-card{padding:16px}.qr-code-image{width:140px;height:140px}.address-container{flex-direction:column;align-items:stretch;gap:8px}.wallet-address{margin-right:0;margin-bottom:8px}.copy-button{align-self:flex-end}}@keyframes copyFeedback{0%{background-color:#000}50%{background-color:#059669}to{background-color:#000}}.copy-button.copied{animation:copyFeedback 1.5s ease}.deposit-details-page{display:flex;flex-direction:column;gap:20px}.important-notice{background:linear-gradient(135deg,#ffecd2,#fcb69f);border-left:4px solid #f0932b;border-radius:8px;padding:20px;margin-bottom:30px;display:flex;align-items:flex-start;gap:15px}.notice-icon{font-size:24px;flex-shrink:0}.notice-content h3{margin:0 0 10px;color:#d35400;font-size:16px}.notice-content p{margin:5px 0;color:#666;font-size:14px}.notice-content strong{color:#e67e22}.file-upload-container{margin-top:8px}.file-upload-label{display:flex;align-items:center;gap:12px;padding:15px;border:2px dashed #ddd;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .3s ease}.file-upload-label:hover{border-color:#3498db;background:#f0f7ff}.upload-icon{font-size:20px;color:#666}.upload-text{flex:1;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-button{padding:8px 16px;background:#3498db;color:#fff;border-radius:6px;font-size:14px;font-weight:500}.file-preview{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:12px 16px;background:#e8f4fd;border-radius:6px;border-left:4px solid #3498db}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2c3e50;font-weight:500}.remove-file{background:none;border:none;color:#e74c3c;font-size:20px;cursor:pointer;padding:0 8px;line-height:1}.remove-file:hover{color:#c0392b}.upload-progress{margin:20px 0}.progress-bar{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:3px;transition:width .3s ease}.progress-text{display:block;text-align:center;font-size:14px;color:#666}.form-hint{display:block;margin-top:6px;color:#7f8c8d;font-size:12px}.required{color:#e74c3c}.submit-button:disabled{opacity:.7;cursor:not-allowed}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}.verification-note{text-align:center;color:#7f8c8d;font-size:14px;margin-top:15px;line-height:1.5}@media(max-width:768px){.important-notice{flex-direction:column;gap:10px}.file-upload-label{flex-direction:column;text-align:center;gap:10px}.upload-text{text-align:center}}:root{--bg-white: #ffffff;--bg-gray-900: #111827;--bg-gray-800: #1f2937;--bg-gray-700: #374151;--bg-gray-600: #4b5563;--bg-gray-200: #e5e7eb;--bg-gray-100: #f3f4f6;--text-black: #000000;--text-white: #ffffff;--text-gray-300: #d1d5db;--text-gray-400: #9ca3af;--text-gray-500: #6b7280;--text-gray-600: #4b5563;--text-gray-700: #374151;--border-gray-200: #e5e7eb;--border-gray-600: #4b5563;--border-gray-700: #374151;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.dark{--bg-white: #111827;--bg-gray-900: #f9fafb;--bg-gray-800: #1f2937;--bg-gray-700: #374151;--bg-gray-600: #4b5563;--bg-gray-200: #374151;--bg-gray-100: #1f2937;--text-black: #ffffff;--text-white: #000000;--text-gray-300: #374151;--text-gray-400: #9ca3af;--text-gray-500: #d1d5db;--text-gray-600: #9ca3af;--text-gray-700: #e5e7eb;--border-gray-200: #374151;--border-gray-600: #4b5563;--border-gray-700: #6b7280}.withdraw-container{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 5rem;background-color:var(--bg-white);transition:background-color .2s}@media(min-width:1024px){.withdraw-container{padding-bottom:1.5rem}}.max-w-2xl{max-width:42rem;margin-left:auto;margin-right:auto}.header-gradient{background:linear-gradient(135deg,#000000 0%,var(--bg-gray-900) 50%,var(--bg-gray-800) 100%);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.pattern-circle-1{position:absolute;top:0;right:0;width:8rem;height:8rem;background-color:#fff;border-radius:9999px;transform:translateY(-4rem) translate(4rem)}.pattern-circle-2{position:absolute;bottom:0;left:0;width:4rem;height:4rem;background-color:#fff;border-radius:9999px;transform:translateY(2rem) translate(-2rem)}.header-title{font-size:1rem;font-weight:300;margin-bottom:.25rem}@media(min-width:768px){.header-title{font-size:1.25rem}}.header-subtitle{color:var(--text-gray-300);font-size:.75rem}@media(min-width:768px){.header-subtitle{font-size:.875rem}}.balance-card{background-color:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-xl);width:100%}@media(min-width:1024px){.balance-card{width:16rem}}.balance-content{display:flex;align-items:center;justify-content:space-between}.balance-label{font-size:.625rem;color:var(--text-gray-300);margin-bottom:.25rem}@media(min-width:768px){.balance-label{font-size:.75rem}}.balance-amount{font-size:1rem;font-weight:300}@media(min-width:768px){.balance-amount{font-size:1.125rem}}.balance-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.balance-icon{width:2.5rem;height:2.5rem}}.wallet-icon{width:1rem;height:1rem;color:#fff}@media(min-width:768px){.wallet-icon{width:1.25rem;height:1.25rem}}.withdrawal-form-container{background-color:var(--bg-white);border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border-gray-200);transition:background-color .2s}.withdrawal-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{margin-bottom:1.5rem}.form-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-gray-700);margin-bottom:.5rem}@media(min-width:768px){.form-label{font-size:.875rem}}.amount-input-container{position:relative}.currency-symbol{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-gray-500);font-size:1.125rem;font-weight:500}.amount-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid var(--border-gray-200);background-color:var(--bg-white);color:var(--text-black);border-radius:.75rem;font-size:1.125rem;font-weight:500;transition:all .2s}.amount-input:focus{outline:none;border-color:var(--red-500);box-shadow:0 0 0 2px #ef44441a}.input-hint{font-size:.75rem;color:var(--text-gray-500);margin-top:.5rem}.payment-methods-grid{display:flex;flex-direction:column;gap:.75rem}.payment-method-card{display:flex;align-items:center;padding:1rem;border:2px solid var(--border-gray-200);background-color:var(--bg-white);border-radius:.75rem;cursor:pointer;transition:all .3s;animation:fadeInUp .5s ease-out forwards;opacity:0}.payment-method-card:hover{border-color:var(--red-300);background-color:var(--red-50)}.payment-method-card.selected{border-color:var(--red-500);background-color:var(--red-50)}.payment-method-radio{width:1.25rem;height:1.25rem;color:var(--red-600);border-color:var(--border-gray-300)}.payment-method-radio:focus{outline:none;box-shadow:0 0 0 2px #ef44441a}.payment-method-content{display:flex;align-items:center;flex:1;margin-left:1rem}.payment-icon{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0;transition:transform .3s}@media(min-width:768px){.payment-icon{width:3rem;height:3rem}}.payment-method-card:hover .payment-icon{transform:scale(1.1)}.icon{width:1.25rem;height:1.25rem;color:var(--text-gray-600)}@media(min-width:768px){.icon{width:1.5rem;height:1.5rem}}.payment-logo{width:2.5rem;height:2.5rem;border-radius:9999px;overflow:hidden;margin-right:1rem;flex-shrink:0;border:1px solid var(--border-gray-200)}@media(min-width:768px){.payment-logo{width:3rem;height:3rem}}.payment-logo img{width:100%;height:100%;object-fit:cover}.payment-method-info{flex:1;min-width:0}.payment-method-name{font-weight:600;color:var(--text-black);font-size:.75rem;margin-bottom:.25rem}@media(min-width:768px){.payment-method-name{font-size:.875rem}}.payment-method-description{font-size:.625rem;color:var(--text-gray-600)}@media(min-width:768px){.payment-method-description{font-size:.75rem}}.payment-arrow{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;transition:transform .2s;margin-left:.5rem}@media(min-width:768px){.payment-arrow{width:2rem;height:2rem}}.payment-method-card:hover .payment-arrow{transform:scale(1.1)}.arrow-icon{width:.75rem;height:.75rem;color:var(--text-gray-400)}@media(min-width:768px){.arrow-icon{width:1rem;height:1rem}}.payment-method-card:hover .arrow-icon{color:var(--red-600)}.bank-transfer-fields{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:linear-gradient(135deg,var(--green-50) 0%,var(--green-100) 50%,var(--green-100) 100%);border-radius:.75rem;border:2px solid var(--green-200);box-shadow:0 1px 2px #0000000d;transition:all .3s}.bank-transfer-header{display:flex;align-items:center;margin-bottom:1rem}.bank-transfer-icon{width:2.5rem;height:2.5rem;background-color:var(--green-200);border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-right:.75rem}@media(min-width:768px){.bank-transfer-icon{width:2.5rem;height:2.5rem}}.building-icon{width:1.25rem;height:1.25rem;color:var(--green-700)}.bank-transfer-title{font-size:.875rem;font-weight:600;color:var(--green-800);display:block}.bank-transfer-subtitle{font-size:.75rem;color:var(--green-600)}.bank-form-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.bank-form-grid{grid-template-columns:repeat(2,1fr)}}.form-field{margin-bottom:1rem}.field-label{display:block;font-size:.625rem;font-weight:500;color:var(--text-gray-700);margin-bottom:.5rem}@media(min-width:768px){.field-label{font-size:.75rem}}.bank-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-gray-200);background-color:var(--bg-white);color:var(--text-black);border-radius:.5rem;font-family:monospace;font-size:.875rem;transition:all .2s;font-family:inherit}.bank-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #0000001a}.bank-textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border-gray-300);background-color:var(--bg-white);color:var(--text-black);border-radius:.5rem;transition:all .2s}.bank-textarea:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #0000001a}.field-hint{font-size:.75rem;color:var(--text-gray-500);margin-top:.25rem}.crypto-destination{margin-top:1.5rem}.wallet-input{width:100%;border:1px solid var(--border-gray-200);background-color:var(--bg-white);color:var(--text-black);border-radius:.5rem;padding:.5rem .75rem;transition:all .2s;height:45px;font-family:inherit}.wallet-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #0000001a}.fee-breakdown{background:linear-gradient(135deg,var(--red-50) 0%,var(--red-100) 50%,var(--red-100) 100%);border-radius:.75rem;padding:1.25rem;border:2px solid var(--red-200);box-shadow:0 1px 2px #0000000d}.fee-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.fee-icon{width:2.5rem;height:2.5rem;background-color:var(--red-200);border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-right:.75rem}.calculator-icon{width:1.25rem;height:1.25rem;color:var(--red-700)}.fee-title{font-size:.875rem;font-weight:600;color:var(--red-800);display:block}.fee-subtitle{font-size:.75rem;color:var(--red-600)}.fee-details{background-color:var(--bg-white);border-radius:.5rem;padding:1rem}.fee-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-gray-200)}.fee-row.total{border-bottom:none;padding-top:.5rem}.fee-label{font-size:.75rem;color:var(--text-gray-700)}.fee-value{font-size:.875rem;font-weight:600;color:var(--text-gray-900)}.processing-fee{color:var(--red-600)}.net-amount{font-size:1.125rem;font-weight:700;color:var(--red-900)}.submit-section{padding-top:.75rem}@media(min-width:768px){.submit-section{padding-top:1rem}}.submit-button{width:100%;background:linear-gradient(to right,var(--red-600),var(--red-600));color:#fff;padding:.75rem 1rem;border-radius:.75rem;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);border:none;cursor:pointer}@media(min-width:768px){.submit-button{padding:1rem 1.5rem}}.submit-button:hover{background:linear-gradient(to right,var(--red-700),var(--red-700));box-shadow:var(--shadow-xl);transform:scale(1.02)}.submit-button:active{transform:scale(.98)}@media(min-width:768px){.button-icon{width:1.25rem;height:1.25rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dark .payment-method-card{background-color:var(--bg-gray-700);border-color:var(--border-gray-600)}.dark .payment-method-card:hover{border-color:var(--red-600);background-color:#7f1d1d33}.dark .payment-method-card.selected{background-color:#7f1d1d33}.dark .payment-icon{background:linear-gradient(135deg,var(--bg-gray-600),var(--bg-gray-700))}.dark .icon{color:var(--text-gray-400)}.dark .payment-method-name{color:var(--text-white)}.dark .payment-method-description{color:var(--text-gray-400)}.dark .arrow-icon{color:var(--text-gray-500)}.dark .payment-method-card:hover .arrow-icon{color:var(--red-400)}.dark .bank-transfer-fields{background:linear-gradient(135deg,#15803d33,#16653433,#14532d33);border-color:#1665344d}.dark .bank-transfer-icon{background-color:#16653480}.dark .building-icon{color:var(--green-400)}.dark .bank-transfer-title{color:var(--green-300)}.dark .bank-transfer-subtitle{color:var(--green-400)}.dark .bank-input,.dark .bank-textarea,.dark .wallet-input{background-color:var(--bg-gray-700);color:var(--text-white);border-color:var(--border-gray-600)}.dark .bank-input:focus,.dark .bank-textarea:focus,.dark .wallet-input:focus{box-shadow:0 0 0 2px #ffffff1a}.dark .fee-breakdown{background:linear-gradient(135deg,#7f1d1d33,#991b1b33,#b91c1c33);border-color:#991b1b4d}.dark .fee-icon{background-color:#991b1b80}.dark .calculator-icon{color:var(--red-400)}.dark .fee-title{color:var(--red-300)}.dark .fee-subtitle{color:var(--red-400)}.dark .fee-details{background-color:var(--bg-gray-800)}.dark .fee-row{border-color:var(--border-gray-700)}.dark .fee-label{color:var(--text-gray-300)}.dark .fee-value{color:var(--text-white)}.dark .processing-fee,.dark .net-amount{color:var(--red-400)}.hidden{display:none}@media(max-width:640px){.withdraw-container{padding:1rem 1rem 4rem}.header-gradient{padding:1rem}.withdrawal-form-container,.bank-transfer-fields,.fee-breakdown{padding:.75rem}}:root{--bg-white: #ffffff;--bg-gray-900: #111827;--bg-gray-800: #1f2937;--bg-gray-700: #374151;--bg-gray-600: #4b5563;--bg-gray-200: #e5e7eb;--bg-gray-100: #f3f4f6;--bg-gray-50: #f9fafb;--text-black: #000000;--text-white: #ffffff;--text-gray-300: #d1d5db;--text-gray-400: #9ca3af;--text-gray-500: #6b7280;--text-gray-600: #4b5563;--text-gray-700: #374151;--border-gray-100: #f3f4f6;--border-gray-200: #e5e7eb;--border-gray-300: #d1d5db;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-600: #2563eb;--blue-800: #1e40af;--green-100: #d1fae5;--green-800: #065f46;--yellow-100: #fef3c7;--yellow-800: #92400e;--red-100: #fee2e2;--red-800: #991b1b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.investment-container{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 5rem;background-color:var(--bg-white);transition:background-color .2s}@media(min-width:1024px){.investment-container{padding-bottom:1.5rem}}.investment-header{background:linear-gradient(135deg,#000000 0%,var(--bg-gray-900) 50%,var(--bg-gray-800) 100%);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.investments-header-content{position:relative;z-index:10}.trending-icon{width:1.25rem;height:1.25rem;color:#fff}.filters-container{background-color:var(--bg-white);border-radius:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray-100);margin-bottom:1.5rem}.filters-header{padding:1rem}.filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:none;border:none;cursor:pointer}.toggle-content{display:flex;align-items:center}.filter-icon{width:1rem;height:1rem;color:var(--text-gray-600);margin-right:.5rem}.toggle-text{font-size:.875rem;font-weight:500;color:var(--text-black)}.chevron-icon{width:1rem;height:1rem;color:var(--text-gray-600);transition:transform .2s}.chevron-icon.rotated{transform:rotate(180deg)}.filters-content{border-top:1px solid var(--border-gray-100)}.filters-form{padding:1.5rem}.filters-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.filters-grid{grid-template-columns:repeat(4,1fr)}}.search-field{grid-column:span 1}@media(min-width:768px){.search-field{grid-column:span 2}}.field-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-gray-700);margin-bottom:.5rem}.search-input-container{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--text-gray-400)}.investment-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-gray-300);border-radius:.5rem;font-size:.875rem;transition:all .2s;background-color:var(--bg-white);color:var(--text-black);font-family:inherit}.investment-search-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #0000001a}.filter-field{grid-column:span 1}.investment-filter-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-gray-300);border-radius:.5rem;font-size:.875rem;background-color:var(--bg-white);color:var(--text-black);transition:all .2s;font-family:Inter,sans-serif}.investment-filter-select:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #0000001a}.filter-buttons{grid-column:span 1}@media(min-width:768px){.filter-buttons{grid-column:span 4;display:flex;gap:.75rem}}.apply-button,.clear-button{display:flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:all .2s;cursor:pointer;border:none}.apply-button{background-color:var(--text-black);color:#fff}.apply-button:hover{background-color:var(--bg-gray-800)}.clear-button{background-color:var(--bg-white);color:var(--text-black);border:1px solid var(--border-gray-300)}.clear-button:hover{background-color:var(--bg-gray-50)}.button-icon{width:1rem;height:1rem;margin-right:.5rem}.featured-section{margin-bottom:2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title{font-size:1.125rem;font-weight:300;color:var(--text-black)}.view-all-link{font-size:.75rem;color:var(--text-black);font-weight:500;transition:color .2s;display:flex;align-items:center}.view-all-link:hover{color:var(--text-gray-600)}.arrow-icon{width:.75rem;height:.75rem;margin-left:.25rem}.featured-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.featured-grid{grid-template-columns:repeat(3,1fr)}}.featured-card{background-color:var(--bg-white);border-radius:.75rem;padding:1.25rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray-100);transition:all .3s;position:relative;overflow:hidden}.featured-card:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.card-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--blue-50) 0%,var(--blue-100) 100%);opacity:0;transition:opacity .3s}.featured-card:hover .card-gradient{opacity:1}.card-content{position:relative;z-index:10}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.card-title{flex:1}.plan-name{font-size:1.125rem;font-weight:500;color:var(--text-black);margin-bottom:.25rem}.plan-category{font-size:.875rem;color:var(--text-gray-600)}.risk-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.risk-green{background-color:var(--green-100);color:var(--green-800)}.risk-yellow{background-color:var(--yellow-100);color:var(--yellow-800)}.risk-red{background-color:var(--red-100);color:var(--red-800)}.plan-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between}.detail-label{font-size:.875rem;color:var(--text-gray-500)}.detail-value{font-size:.875rem;font-weight:500;color:var(--text-black)}.return-positive{color:#10b981}.card-actions{display:flex;align-items:center;justify-content:space-between}.view-link{display:flex;align-items:center;font-size:.75rem;color:var(--blue-600);font-weight:500;transition:color .2s}.view-link:hover{color:var(--blue-800)}.action-arrow{width:.75rem;height:.75rem;margin-left:.25rem;transition:transform .2s}.featured-card:hover .action-arrow{transform:translate(.25rem)}.invest-button{padding:.25rem .75rem;background-color:var(--text-black);color:#fff;font-size:.75rem;font-weight:500;border-radius:.5rem;transition:background-color .2s;text-decoration:none}.invest-button:hover{background-color:var(--bg-gray-800)}.all-plans-section{background-color:var(--bg-white);border-radius:.75rem;padding:1.25rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray-100)}.plan-count{font-size:.75rem;color:var(--text-gray-500)}.plans-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.plans-grid{grid-template-columns:repeat(3,1fr)}}.plan-card{background-color:var(--bg-gray-50);border-radius:.5rem;padding:1rem;transition:all .3s}.plan-card:hover{background-color:var(--bg-gray-100)}.plan-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.plan-card-title{flex:1}.plan-name-small{font-size:.875rem;font-weight:500;color:var(--text-black);margin-bottom:.25rem}.plan-category-small{font-size:.75rem;color:var(--text-gray-600)}.risk-badge-small{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.plan-card-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.plan-detail-row{display:flex;justify-content:space-between}.plan-detail-label{font-size:.75rem;color:var(--text-gray-500)}.plan-detail-value{font-size:.75rem;font-weight:500;color:var(--text-black)}.plan-card-actions{display:flex;align-items:center;justify-content:space-between}.view-link-small{font-size:.75rem;color:var(--blue-600);transition:color .2s;text-decoration:none}.view-link-small:hover{color:var(--blue-800)}.invest-button-small{padding:.25rem .5rem;background-color:var(--text-black);color:#fff;font-size:.75rem;font-weight:500;border-radius:.25rem;transition:background-color .2s;text-decoration:none}.invest-button-small:hover{background-color:var(--bg-gray-800)}.pagination{margin-top:1.5rem}.pagination-mobile{display:flex;gap:.5rem;align-items:center;justify-content:space-between}@media(min-width:640px){.pagination-mobile{display:none}}.pagination-button{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;background-color:var(--bg-white);color:var(--text-black);border:1px solid var(--border-gray-300);border-radius:.375rem;transition:all .2s;cursor:pointer}.pagination-button:not(.disabled):hover{background-color:var(--bg-gray-50)}.pagination-button.disabled{color:var(--text-gray-500);cursor:not-allowed;background-color:var(--bg-white)}.pagination-desktop{display:none}@media(min-width:640px){.pagination-desktop{display:flex;align-items:center;justify-content:space-between}}.pagination-info{flex:1}.pagination-text{font-size:.875rem;color:var(--text-gray-700)}.pagination-controls{flex:1;display:flex;justify-content:flex-end}.pagination-buttons{display:inline-flex;box-shadow:0 1px 2px #0000000d;border-radius:.375rem}.pagination-nav,.pagination-page{display:inline-flex;align-items:center;padding:.5rem;font-size:.875rem;font-weight:500;background-color:var(--bg-white);border:1px solid var(--border-gray-300);color:var(--text-gray-700);transition:all .2s;cursor:pointer}.pagination-nav{padding:.5rem .75rem}.pagination-nav:first-child{border-radius:.375rem 0 0 .375rem}.pagination-nav:last-child{border-radius:0 .375rem .375rem 0}.pagination-page{padding:.5rem 1rem;margin-left:-1px}.pagination-page.active{background-color:var(--bg-gray-200);color:var(--text-gray-700);cursor:default}.pagination-nav:not(.disabled):hover,.pagination-page:not(.active):hover{background-color:var(--bg-gray-100)}.pagination-nav.disabled{color:var(--text-gray-500);cursor:not-allowed;background-color:var(--bg-white)}.nav-icon{width:1.25rem;height:1.25rem}.dark .investment-search-input,.dark .investment-filter-select{background-color:var(--bg-gray-800);color:var(--text-gray-300);border-color:var(--border-gray-600)}.dark .investment-search-input:focus,.dark .investment-filter-select:focus{box-shadow:0 0 0 2px #ffffff1a}.dark .apply-button{background-color:var(--text-white);color:var(--text-black)}.dark .apply-button:hover{background-color:var(--bg-gray-300)}.dark .clear-button{background-color:var(--bg-gray-800);color:var(--text-gray-300);border-color:var(--border-gray-600)}.dark .clear-button:hover{background-color:var(--bg-gray-700)}.dark .featured-card,.dark .all-plans-section{background-color:var(--bg-gray-800);border-color:var(--border-gray-700)}.dark .card-gradient{background:linear-gradient(135deg,#1e40af33,#2563eb33)}.dark .plan-card{background-color:var(--bg-gray-700)}.dark .plan-card:hover{background-color:var(--bg-gray-600)}.dark .plan-name,.dark .plan-name-small,.dark .detail-value,.dark .plan-detail-value,.dark .section-title,.dark .toggle-text{color:var(--text-white)}.dark .plan-category,.dark .plan-category-small,.dark .detail-label,.dark .plan-detail-label,.dark .plan-count,.dark .pagination-text{color:var(--text-gray-400)}.dark .pagination-button,.dark .pagination-nav,.dark .pagination-page{background-color:var(--bg-gray-800);color:var(--text-gray-300);border-color:var(--border-gray-600)}.dark .pagination-button:not(.disabled):hover,.dark .pagination-nav:not(.disabled):hover,.dark .pagination-page:not(.active):hover{background-color:var(--bg-gray-900)}.dark .pagination-page.active{background-color:var(--bg-gray-700);color:var(--text-gray-300)}@media(max-width:640px){.investment-container{padding:1rem 1rem 4rem}.investment-header,.featured-card,.all-plans-section,.filters-form{padding:1rem}}:root{--bg-white: #ffffff;--bg-gray-900: #111827;--bg-gray-800: #1f2937;--bg-gray-700: #374151;--bg-gray-600: #4b5563;--bg-gray-200: #e5e7eb;--bg-gray-100: #f3f4f6;--bg-gray-50: #f9fafb;--text-black: #000000;--text-white: #ffffff;--text-gray-300: #d1d5db;--text-gray-400: #9ca3af;--text-gray-500: #6b7280;--text-gray-600: #4b5563;--text-gray-700: #374151;--border-gray-100: #f3f4f6;--border-gray-200: #e5e7eb;--border-gray-300: #d1d5db;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--green-50: #f0fdf4;--green-100: #d1fae5;--green-200: #bbf7d0;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--yellow-50: #fefce8;--yellow-100: #fef3c7;--yellow-200: #fde68a;--yellow-800: #92400e;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.investment-details-container{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 5rem;background-color:var(--bg-white);transition:background-color .2s}@media(min-width:1024px){.investment-details-container{padding-bottom:1.5rem}}.max-w-7xl{max-width:80rem;margin-left:auto;margin-right:auto}.details-header{background:linear-gradient(135deg,#000000 0%,var(--bg-gray-900) 50%,var(--bg-gray-800) 100%);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.large-circle{position:absolute;top:0;right:0;width:12rem;height:12rem;background-color:#fff;border-radius:9999px;transform:translateY(-6rem) translate(6rem)}.small-circle{position:absolute;bottom:0;left:0;width:6rem;height:6rem;background-color:#fff;border-radius:9999px;transform:translateY(3rem) translate(-3rem)}.header-flex{display:flex;flex-direction:column;align-items:flex-start}@media(min-width:1024px){.header-flex{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}}.header-text{margin-bottom:1rem;flex:1}@media(min-width:1024px){.header-text{margin-bottom:0}}.header-subtitle{color:var(--text-gray-300);font-size:.875rem}.stats-card{background-color:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%}.stats-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.stats-label{font-size:.75rem;color:var(--text-gray-300);margin-bottom:.25rem}.stats-icon .icon{width:1.25rem;height:1.25rem;color:#fff}.stat-label{color:var(--text-gray-300)}.change-positive{color:var(--green-400)}@media(min-width:1024px){.details-grid{grid-template-columns:2fr 1fr}}.main-content{display:flex;flex-direction:column;gap:1.5rem}.content-card{background-color:var(--bg-white);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray-100)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1.125rem;font-weight:300;color:var(--text-black)}.risk-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.risk-high{background-color:var(--red-100);color:var(--red-800)}.risk-medium{background-color:var(--yellow-100);color:var(--yellow-800)}.risk-low{background-color:var(--green-100);color:var(--green-800)}.stats-grid-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.stats-grid-overview{grid-template-columns:repeat(4,1fr)}}.stat-item-overview{text-align:center}.stat-label-overview{font-size:.75rem;color:var(--text-gray-500);margin-bottom:.25rem}.stat-value-overview{font-size:1.125rem;font-weight:500;color:var(--text-black)}.description{margin-top:1.5rem}.description-text{color:var(--text-gray-600);line-height:1.5}.period-buttons{display:flex;gap:.5rem}.period-button{padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:.25rem;border:none;cursor:pointer;transition:all .2s}.period-button.active{background-color:var(--text-black);color:#fff}.period-button:not(.active){background-color:var(--bg-gray-100);color:var(--text-gray-600)}.period-button:not(.active):hover{background-color:var(--bg-gray-200)}.chart-container{position:relative;height:256px;width:100%}.holdings-list{display:flex;flex-direction:column;gap:.75rem}.holding-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--bg-gray-50);border-radius:.5rem}.holding-header{display:flex;align-items:center;gap:.75rem}.holding-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.holding-icon .icon{width:1rem;height:1rem}.icon-blue{color:var(--blue-500)}.icon-green{color:var(--green-500)}.icon-purple{color:var(--purple-500)}.icon-white{color:#fff}.icon-black{color:var(--text-black)}.icon-green-light{color:var(--green-400)}.icon-red-light{color:var(--red-500)}.holding-info{display:flex;flex-direction:column}.holding-sector{font-size:.875rem;font-weight:500;color:var(--text-black)}.holding-companies{font-size:.75rem;color:var(--text-gray-500)}.holding-stats{text-align:right}.holding-percentage{font-size:.875rem;font-weight:500;color:var(--text-black)}.holding-value{font-size:.75rem;color:var(--text-gray-500)}.investment-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background-color:var(--bg-white);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray-100)}.sidebar-title{font-size:1.125rem;font-weight:300;color:var(--text-black);margin-bottom:1rem}.holdings-card{background-color:var(--blue-50);border-radius:.5rem;padding:.75rem;border:1px solid var(--blue-200);margin-bottom:1rem}.holdings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.holdings-label{font-size:.75rem;font-weight:500;color:var(--blue-800)}.holdings-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.holdings-icon .icon{width:1rem;height:1rem;color:var(--blue-600)}.holdings-details{display:flex;flex-direction:column;gap:.25rem}.holding-detail{display:flex;justify-content:space-between}.detail-label{font-size:.75rem;color:var(--blue-700)}.detail-value{font-size:.75rem;font-weight:500;color:var(--blue-800)}.invest-action-buttons{display:flex;flex-direction:column;gap:.75rem}.invest-action-button{display:flex;align-items:center;justify-content:center;padding:.75rem;font-size:.875rem;font-weight:500;border-radius:.5rem;text-decoration:none;transition:all .2s;border:none;cursor:pointer}.invest-action-button .icon{width:1rem;height:1rem;margin-right:.5rem;color:#fff}.invest-action-button.primary{background-color:var(--text-black);color:#fff}.invest-action-button.primary:hover{background-color:var(--bg-gray-800)}.invest-action-button.secondary{background-color:var(--bg-white);color:var(--text-black);border:1px solid var(--border-gray-300)}.invest-action-button.secondary:hover{background-color:var(--bg-gray-50)}.details-list{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;justify-content:space-between}.activity-list{display:flex;flex-direction:column;gap:.5rem}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:var(--bg-gray-50);border-radius:.5rem}.activity-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.activity-icon .icon{width:1rem;height:1rem}.activity-info{flex:1;min-width:0}.activity-type{font-size:.75rem;font-weight:500;color:var(--text-black)}.activity-date{font-size:.75rem;color:var(--text-gray-500)}.amount-value{font-size:.75rem;font-weight:500;color:var(--text-black)}.dark .content-card,.dark .sidebar-card{background-color:var(--bg-gray-800);border-color:var(--border-gray-700)}.dark .card-title,.dark .sidebar-title,.dark .stat-value-overview,.dark .holding-sector,.dark .holding-percentage,.dark .activity-type,.dark .amount-value{color:var(--text-white)}.dark .stat-label-overview,.dark .description-text,.dark .holding-companies,.dark .holding-value,.dark .detail-label,.dark .activity-date{color:var(--text-gray-400)}.dark .period-button.active{background-color:var(--text-white);color:var(--text-black)}.dark .period-button:not(.active){background-color:var(--bg-gray-700);color:var(--text-gray-300)}.dark .period-button:not(.active):hover{background-color:var(--bg-gray-600)}.dark .holding-item,.dark .activity-item{background-color:var(--bg-gray-700)}.dark .holdings-card{background-color:var(--blue-50);border-color:var(--blue-200)}.dark .holdings-label,.dark .detail-label{color:var(--blue-300)}.dark .detail-value{color:var(--blue-200)}.dark .invest-action-button.secondary{background-color:var(--bg-gray-800);color:var(--text-white);border-color:var(--border-gray-600)}.dark .invest-action-button.secondary:hover{background-color:var(--bg-gray-700)}@media(max-width:640px){.investment-details-container{padding:1rem 1rem 4rem}.details-header,.content-card,.sidebar-card{padding:1rem}.stats-grid-overview{grid-template-columns:repeat(2,1fr)}.chart-container{height:200px}}@media(max-width:1024px){.details-grid{grid-template-columns:1fr}}:root{--bg-white: #ffffff;--bg-gray-900: #111827;--bg-gray-800: #1f2937;--bg-gray-700: #374151;--bg-gray-600: #4b5563;--bg-gray-200: #e5e7eb;--bg-gray-100: #f3f4f6;--bg-gray-50: #f9fafb;--text-black: #000000;--text-white: #ffffff;--text-gray-300: #d1d5db;--text-gray-400: #9ca3af;--text-gray-500: #6b7280;--text-gray-600: #4b5563;--text-gray-700: #374151;--border-gray-100: #f3f4f6;--border-gray-200: #e5e7eb;--border-gray-300: #d1d5db;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--green-50: #f0fdf4;--green-100: #d1fae5;--green-200: #bbf7d0;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.dark{--bg-white: #111827;--bg-gray-900: #f9fafb;--bg-gray-800: #1f2937;--bg-gray-700: #374151;--bg-gray-600: #4b5563;--bg-gray-200: #374151;--bg-gray-100: #1f2937;--bg-gray-50: #111827;--text-black: #ffffff;--text-white: #000000;--text-gray-300: #374151;--text-gray-400: #9ca3af;--text-gray-500: #d1d5db;--text-gray-600: #9ca3af;--text-gray-700: #e5e7eb;--border-gray-100: #1f2937;--border-gray-200: #374151;--border-gray-300: #4b5563;--blue-50: rgba(30, 64, 175, .2);--blue-100: rgba(30, 64, 175, .3);--blue-200: rgba(30, 64, 175, .4);--green-50: rgba(22, 101, 52, .2);--green-100: rgba(22, 101, 52, .3);--green-200: rgba(22, 101, 52, .4);--red-50: rgba(153, 27, 27, .2);--red-100: rgba(153, 27, 27, .3);--red-200: rgba(153, 27, 27, .4)}.buy-investment-container{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 5rem;background-color:var(--bg-white);transition:background-color .2s;min-height:100vh}@media(min-width:1024px){.buy-investment-container{padding-bottom:1.5rem}}.buy-investment-wrapper{max-width:42rem;margin-left:auto;margin-right:auto;width:100%}.buy-header-gradient{background:linear-gradient(135deg,#000000 0%,var(--bg-gray-900) 50%,var(--bg-gray-800) 100%);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.buy-header-pattern{position:absolute;inset:0;opacity:.1}.buy-pattern-circle{position:absolute;background-color:#fff;border-radius:9999px}.buy-pattern-circle-1{top:0;right:0;width:8rem;height:8rem;transform:translateY(-4rem) translate(4rem)}.buy-pattern-circle-2{bottom:0;left:0;width:4rem;height:4rem;transform:translateY(2rem) translate(-2rem)}.buy-header-content{position:relative;z-index:10}.buy-header-flex{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}@media(min-width:1024px){.buy-header-flex{flex-direction:row;align-items:center;justify-content:space-between}}.buy-header-text{flex:1}.buy-header-title{font-size:1.25rem;font-weight:300;margin-bottom:.25rem;line-height:1.3}@media(min-width:640px){.buy-header-title{font-size:1.5rem}}.buy-header-subtitle{color:var(--text-gray-300);font-size:.875rem;line-height:1.4}.buy-plan-stats-card{background-color:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%}@media(min-width:1024px){.buy-plan-stats-card{width:16rem}}.buy-plan-stats-content{display:flex;align-items:center;justify-content:space-between}.buy-plan-stats-label{font-size:.75rem;color:var(--text-gray-300);margin-bottom:.25rem}.buy-plan-stats-value{font-size:1.125rem;font-weight:300;line-height:1.3}.buy-plan-stats-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.buy-plan-stats-icon .buy-icon{width:1.25rem;height:1.25rem;color:#fff}.buy-form-container{background-color:var(--bg-white);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray-100);width:100%}.buy-loading{display:flex;flex-direction:column;align-items:center}@media(min-width:640px){.buy-form-container{padding:1.5rem}}.buy-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-section{margin-bottom:.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-gray-700);margin-bottom:.5rem;line-height:1.4}.currency-symbol{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-gray-500);font-size:.875rem}.amount-input{width:100%;padding:.75rem 1rem .75rem 1.75rem;border:1px solid var(--border-gray-300);border-radius:.5rem;font-size:.875rem;background-color:var(--bg-white);color:var(--text-black);transition:all .2s}.amount-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #0000001a}.input-hint{font-size:.75rem;color:var(--text-gray-500);margin-top:.25rem;line-height:1.4}.info-card{border-radius:.5rem;padding:1rem;border:1px solid;width:100%}.info-card-blue{background:linear-gradient(135deg,var(--blue-50) 0%,var(--blue-100) 100%);border-color:var(--blue-200)}.info-card-green{background:linear-gradient(135deg,var(--green-50) 0%,var(--green-100) 100%);border-color:var(--green-200)}.info-card-gray{background:linear-gradient(135deg,var(--bg-gray-50) 0%,var(--bg-gray-100) 100%);border-color:var(--border-gray-200)}.info-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.info-card-title{font-size:.75rem;font-weight:500;line-height:1.3}.info-card-blue .info-card-title{color:var(--blue-800)}.info-card-green .info-card-title{color:var(--green-800)}.info-card-gray .info-card-title{color:var(--text-gray-800)}.info-card-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-card-icon .buy-icon{width:1rem;height:1rem}.info-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-label{font-size:.75rem;line-height:1.3;margin-bottom:.125rem}.info-card-blue .info-label{color:var(--blue-700)}.info-card-green .info-label{color:var(--green-700)}.info-card-gray .info-label{color:var(--text-gray-700)}.info-value{font-size:.875rem;font-weight:500;line-height:1.3}.info-card-blue .info-value{color:var(--blue-800)}.info-card-green .info-value{color:var(--green-800)}.info-card-gray .info-value{color:var(--text-gray-800)}.return-positive{color:var(--green-600)}.info-card-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;align-items:center;justify-content:space-between}.detail-label{font-size:.75rem;line-height:1.3}.info-card-blue .detail-label{color:var(--blue-700)}.info-card-green .detail-label{color:var(--green-700)}.info-card-gray .detail-label{color:var(--text-gray-700)}.detail-value{font-size:.75rem;font-weight:500;line-height:1.3}.info-card-blue .detail-value{color:var(--blue-800)}.info-card-green .detail-value{color:var(--green-800)}.info-card-gray .detail-value{color:var(--text-gray-800)}.detail-row.total-row{border-top:1px solid;padding-top:.5rem;margin-top:.25rem}.info-card-blue .detail-row.total-row{border-color:var(--blue-300)}.info-card-green .detail-row.total-row{border-color:var(--green-300)}.detail-label-total{font-size:.75rem;font-weight:600;line-height:1.3}.info-card-blue .detail-label-total{color:var(--blue-800)}.info-card-green .detail-label-total{color:var(--green-800)}.detail-value-total{font-size:.75rem;font-weight:700;line-height:1.3}.info-card-blue .detail-value-total{color:var(--blue-900)}.info-card-green .detail-value-total{color:var(--green-900)}.submit-section{padding-top:1rem}.submit-button{width:100%;background-color:var(--text-black);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:.875rem}@media(min-width:640px){.submit-button{padding:1rem 1.5rem;font-size:1rem}}.submit-button:hover:not(.disabled){background-color:var(--bg-gray-800)}.submit-button.disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-gray-400)}.submit-button .buy-icon{width:1rem;height:1rem;margin-right:.5rem}@media(min-width:640px){.submit-button .buy-icon{width:1.25rem;height:1.25rem}}.dark .buy-form-container{background-color:var(--bg-gray-800);border-color:var(--border-gray-700)}.dark .form-label{color:var(--text-gray-300)}.dark .amount-input{background-color:var(--bg-gray-700);color:var(--text-white);border-color:var(--border-gray-600)}.dark .amount-input:focus{box-shadow:0 0 0 2px #ffffff1a}.dark .input-hint{color:var(--text-gray-400)}.dark .info-card-blue{background:linear-gradient(135deg,var(--blue-50) 0%,var(--blue-100) 100%)}.dark .info-card-green{background:linear-gradient(135deg,var(--green-50) 0%,var(--green-100) 100%)}.dark .info-card-gray{background:linear-gradient(135deg,var(--bg-gray-700) 0%,var(--bg-gray-600) 100%)}.dark .info-card-title{color:var(--text-white)}.dark .info-label,.dark .detail-label{color:var(--text-gray-300)}.dark .info-value,.dark .detail-value{color:var(--text-white)}.dark .detail-row.total-row{border-color:var(--border-gray-600)}@media(max-width:639px){.buy-investment-container{padding:1rem 1rem 4rem}.buy-header-gradient{padding:1rem;border-radius:.75rem}.buy-form-container{padding:1rem}.info-card{padding:.75rem}.info-card-grid{grid-template-columns:1fr;gap:.75rem}.buy-plan-stats-card{width:100%}}@media(min-width:640px)and (max-width:1023px){.buy-investment-container{padding:1.25rem}.buy-investment-wrapper{max-width:48rem}.buy-form{gap:2rem}.info-card-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:1024px){.buy-investment-container{padding:1.5rem}.buy-form{gap:2rem}}@media(prefers-reduced-motion:reduce){.buy-investment-container,.submit-button,.amount-input{transition:none}}@media(hover:none)and (pointer:coarse){.submit-button,.amount-input{min-height:44px}.info-card,.buy-plan-stats-card{padding:1.25rem}}.buy-icon{width:1rem;height:1rem}.text-white .buy-icon{color:#fff}.text-blue-600 .buy-icon{color:var(--blue-600)}.text-green-600 .buy-icon{color:var(--green-600)}.text-gray-600 .buy-icon{color:var(--text-gray-600)}.dark .text-blue-600 .buy-icon{color:var(--blue-400)}.dark .text-green-600 .buy-icon{color:var(--green-400)}.dark .text-gray-600 .buy-icon{color:var(--text-gray-400)}:root{--bg-white: #ffffff;--bg-gray-900: #111827;--bg-gray-800: #1f2937;--bg-gray-700: #374151;--bg-gray-600: #4b5563;--bg-gray-200: #e5e7eb;--bg-gray-100: #f3f4f6;--bg-gray-50: #f9fafb;--text-black: #000000;--text-white: #ffffff;--text-gray-300: #d1d5db;--text-gray-400: #9ca3af;--text-gray-500: #6b7280;--text-gray-600: #4b5563;--text-gray-700: #374151;--border-gray-100: #f3f4f6;--border-gray-200: #e5e7eb;--border-gray-300: #d1d5db;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--green-50: #f0fdf4;--green-100: #d1fae5;--green-200: #bbf7d0;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.dark{--bg-white: #111827;--bg-gray-900: #f9fafb;--bg-gray-800: #1f2937;--bg-gray-700: #374151;--bg-gray-600: #4b5563;--bg-gray-200: #374151;--bg-gray-100: #1f2937;--bg-gray-50: #111827;--text-black: #ffffff;--text-white: #000000;--text-gray-300: #374151;--text-gray-400: #9ca3af;--text-gray-500: #d1d5db;--text-gray-600: #9ca3af;--text-gray-700: #e5e7eb;--border-gray-100: #1f2937;--border-gray-200: #374151;--border-gray-300: #4b5563}.stock-marketplace-container{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 5rem;background-color:var(--bg-white);transition:background-color .2s;min-height:100vh}@media(min-width:1024px){.stock-marketplace-container{padding-bottom:1.5rem}}.stock-marketplace-wrapper{max-width:80rem;margin-left:auto;margin-right:auto;width:100%}.stock-header-gradient{background:linear-gradient(135deg,#000000 0%,var(--bg-gray-900) 50%,var(--bg-gray-800) 100%);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.stock-header-pattern{position:absolute;inset:0;opacity:.1}.stock-pattern-circle{position:absolute;background-color:#fff;border-radius:9999px}.stock-pattern-circle-1{top:0;right:0;width:12rem;height:12rem;transform:translateY(-6rem) translate(6rem)}.stock-pattern-circle-2{bottom:0;left:0;width:6rem;height:6rem;transform:translateY(3rem) translate(-3rem)}.stock-header-content{position:relative;z-index:10}.stock-header-flex{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}@media(min-width:1024px){.stock-header-flex{flex-direction:row;align-items:center;justify-content:space-between}}.stock-header-text{flex:1}.stock-header-title-row{display:flex;align-items:center;margin-bottom:.25rem;gap:.75rem}.stock-header-title{font-size:1.25rem;font-weight:300;line-height:1.3}@media(min-width:640px){.stock-header-title{font-size:1.5rem}}.stock-real-time-indicator{display:flex;align-items:center}.stock-live-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:var(--green-800);color:var(--green-300)}.stock-live-badge .stock-icon{width:.75rem;height:.75rem;margin-right:.25rem}.stock-header-subtitle{color:var(--text-gray-300);font-size:.875rem;line-height:1.4;margin-bottom:.25rem}.stock-header-update{font-size:.75rem;color:var(--text-gray-400);line-height:1.4}.stock-update-time{font-weight:500}.stock-stats-card{background-color:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg);width:100%}@media(min-width:1024px){.stock-stats-card{width:20rem}}.stock-stats-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.stock-stats-label{font-size:.75rem;color:var(--text-gray-300);margin-bottom:.25rem}.stock-stats-value{font-size:1.125rem;font-weight:300;line-height:1.3}.stock-stats-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stock-stats-icon .stock-icon{width:1.25rem;height:1.25rem;color:#fff}.stock-stats-grid{display:flex;gap:1rem;font-size:.75rem}.stock-stat-item{flex:1;text-align:center}.stock-stat-label{color:var(--text-gray-300);margin-bottom:.125rem}.stock-stat-value{color:#fff;font-weight:500}.stock-market-overview{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.stock-market-overview{grid-template-columns:repeat(3,1fr)}}.stock-market-card{display:block;background-color:var(--bg-white);border-radius:.75rem;padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray-100);transition:all .2s;text-decoration:none}.stock-market-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stock-market-card-gainers:hover{border-color:var(--green-200)}.stock-market-card-losers:hover{border-color:var(--red-200)}.stock-market-card-most-active:hover{border-color:var(--blue-200)}.stock-market-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.stock-market-card-label{font-size:.75rem;color:var(--text-gray-500);margin-bottom:.25rem;line-height:1.3}.stock-market-card-value{font-size:1.125rem;font-weight:300;line-height:1.3;margin-bottom:.25rem}.stock-green{color:var(--green-600)}.stock-red{color:var(--red-600)}.stock-blue{color:var(--text-black)}.stock-market-card-hint{font-size:.75rem;color:var(--text-gray-400);line-height:1.4}.stock-market-card-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s}.stock-market-card:hover .stock-market-card-icon{transform:scale(1.1)}.stock-market-card-icon .stock-icon{width:1rem;height:1rem}.stock-filters-container{background-color:var(--bg-white);border-radius:.75rem;padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray-100);margin-bottom:1.5rem}.stock-filters-form{width:100%}.stock-filters-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.stock-filters-grid{grid-template-columns:repeat(5,1fr)}}.stock-filter-group{display:flex;flex-direction:column}.stock-filter-label{font-size:.75rem;font-weight:500;color:var(--text-gray-700);margin-bottom:.25rem;line-height:1.3}.stock-filter-input,.stock-filter-select{width:100%;padding:.5rem .75rem;border:1px solid var(--border-gray-300);border-radius:.5rem;font-size:.75rem;background-color:var(--bg-white);color:var(--text-black);transition:all .2s;font-family:inherit}.stock-filter-input:focus,.stock-filter-select:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #0000001a}.stock-filter-actions{display:flex;gap:.5rem;align-items:flex-end}.stock-search-button,.stock-clear-button{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.75rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;height:fit-content;font-family:inherit}.stock-search-button{background-color:var(--text-black);color:#fff}.stock-search-button:hover{background-color:var(--bg-gray-800)}.stock-clear-button{background-color:var(--bg-white);color:var(--text-black);border:1px solid var(--border-gray-300)}.stock-clear-button:hover{background-color:var(--bg-gray-50)}.stock-search-button .stock-icon,.stock-clear-button .stock-icon{width:.75rem;height:.75rem;margin-right:.25rem}.stock-featured-container{background-color:var(--bg-white);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray-100);margin-bottom:1.5rem}.stock-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stock-section-title{font-size:1.125rem;font-weight:300;color:var(--text-black);margin-bottom:.25rem;line-height:1.4}.stock-section-subtitle{font-size:.75rem;color:var(--text-gray-500);line-height:1.4}.stock-featured-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.stock-featured-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stock-featured-grid{grid-template-columns:repeat(3,1fr)}}.stock-featured-card{background-color:var(--bg-gray-50);border-radius:.5rem;padding:1rem;transition:all .3s}.stock-featured-card:hover{background-color:var(--bg-gray-100)}.stock-featured-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.stock-featured-symbol{font-size:.875rem;font-weight:500;color:var(--text-black);margin-bottom:.125rem;line-height:1.3}.stock-featured-name{font-size:.75rem;color:var(--text-gray-500);line-height:1.4}.stock-featured-prices{text-align:right}.stock-featured-price{font-size:.875rem;font-weight:500;color:var(--text-black);line-height:1.3;margin-bottom:.125rem}.stock-featured-change{font-size:.75rem;line-height:1.4}.text-red-600{color:var(--red-600)}.stock-featured-actions{display:flex;align-items:center;justify-content:space-between}.stock-view-link{font-size:.75rem;color:var(--blue-600);transition:color .2s;text-decoration:none}.stock-view-link:hover{color:var(--blue-800)}.stock-list-container{background-color:var(--bg-white);border-radius:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray-100);overflow:hidden}.stock-list-header{padding:1.5rem 1.5rem 0}.stock-list-title{font-size:1.125rem;font-weight:300;color:var(--text-black);margin-bottom:.25rem;line-height:1.4}.stock-list-subtitle{font-size:.75rem;color:var(--text-gray-500);line-height:1.4}.stock-table-container{overflow-x:auto}.stock-table{width:100%;border-collapse:collapse}.stock-table-head{background-color:var(--bg-gray-50)}.stock-table-header{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:var(--text-gray-500);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.stock-table-body{background-color:var(--bg-white)}.stock-table-row{transition:background-color .2s;border-bottom:1px solid var(--border-gray-100)}.stock-table-row:hover{background-color:var(--bg-gray-50)}.stock-table-cell{padding:1rem 1.5rem;font-size:.875rem;color:var(--text-gray-700);white-space:nowrap}.stock-cell-stock{min-width:200px}.stock-info{display:flex;align-items:center;gap:.75rem}.stock-market-logo{width:2rem;height:2rem;flex-shrink:0}.stock-logo-image{width:100%;height:100%;object-fit:cover;border-radius:.375rem}.stock-details{min-width:0}.stock-symbol{font-size:.875rem;font-weight:500;color:var(--text-black);line-height:1.3;margin-bottom:.125rem}.stock-name{font-size:.75rem;color:var(--text-gray-500);line-height:1.4}.stock-price,.stock-volume,.stock-market-cap{font-size:.875rem;color:var(--text-black);line-height:1.3}.stock-change-amount,.stock-change-percent{font-size:.875rem;line-height:1.3}.stock-change-percent{font-size:.75rem;margin-top:.125rem}.stock-actions{display:flex;gap:.5rem}.stock-action-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;background:none;border:none;cursor:pointer;transition:all .2s;padding:0}.stock-action-view:hover{background-color:var(--blue-50)}.stock-action-buy:hover{background-color:var(--green-50)}.stock-action-watchlist:hover{background-color:var(--purple-50)}.stock-action-remove:hover{background-color:var(--red-50)}.stock-action-btn .stock-icon{width:1rem;height:1rem}.dark .stock-market-card,.dark .stock-filters-container,.dark .stock-featured-container,.dark .stock-list-container{background-color:var(--bg-gray-800);border-color:var(--border-gray-700)}.dark .stock-featured-card,.dark .stock-table-head{background-color:var(--bg-gray-700)}.dark .stock-featured-card:hover,.dark .stock-table-row:hover{background-color:var(--bg-gray-600)}.dark .stock-filter-label,.dark .stock-section-title,.dark .stock-list-title,.dark .stock-symbol,.dark .stock-price,.dark .stock-volume,.dark .stock-market-cap{color:var(--text-white)}.dark .stock-header-subtitle,.dark .stock-header-update,.dark .stock-market-card-label,.dark .stock-market-card-hint,.dark .stock-section-subtitle,.dark .stock-list-subtitle,.dark .stock-featured-name,.dark .stock-name{color:var(--text-gray-400)}.dark .stock-filter-input,.dark .stock-filter-select{background-color:var(--bg-gray-700);color:var(--text-white);border-color:var(--border-gray-600)}.dark .stock-filter-input:focus,.dark .stock-filter-select:focus{box-shadow:0 0 0 2px #ffffff1a}.dark .stock-clear-button{background-color:var(--bg-gray-800);color:var(--text-white);border-color:var(--border-gray-600)}.dark .stock-clear-button:hover{background-color:var(--bg-gray-700)}.dark .stock-table-header{color:var(--text-gray-400)}.dark .stock-table-row{border-color:var(--border-gray-700)}@media(max-width:639px){.stock-marketplace-container{padding:1rem 1rem 4rem}.stock-header-gradient{padding:1rem;border-radius:.75rem}.stock-filters-container,.stock-featured-container,.stock-list-container{padding:1rem}.stock-list-header{padding:1rem 1rem 0}.stock-table-cell{padding:.75rem 1rem}.stock-filters-grid{grid-template-columns:1fr}.stock-filter-actions{flex-direction:column;align-items:stretch}.stock-market-overview{grid-template-columns:1fr}}@media(min-width:640px)and (max-width:1023px){.stock-marketplace-container{padding:1.25rem}.stock-filters-grid{grid-template-columns:repeat(2,1fr)}.stock-filter-actions{grid-column:span 2;flex-direction:row}.stock-featured-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stock-marketplace-container{padding:1.5rem}.stock-filters-grid{grid-template-columns:repeat(5,1fr)}.stock-featured-grid{grid-template-columns:repeat(3,1fr)}}.stock-icon{width:1rem;height:1rem}.text-white .stock-icon{color:#fff}.text-blue-600 .stock-icon{color:var(--blue-600)}.text-green-600 .stock-icon{color:var(--green-600)}.text-red-600 .stock-icon{color:var(--red-600)}.text-purple-600 .stock-icon{color:var(--purple-600)}.text-green-300 .stock-icon{color:var(--green-300)}.dark .text-blue-600 .stock-icon{color:var(--blue-400)}.dark .text-green-600 .stock-icon{color:var(--green-400)}.dark .text-red-600 .stock-icon{color:var(--red-400)}.dark .text-purple-600 .stock-icon{color:var(--purple-400)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stock-live-badge{animation:pulse 2s infinite}@media(hover:none)and (pointer:coarse){.stock-action-btn,.stock-market-card{min-height:44px;min-width:44px}.stock-filter-input,.stock-filter-select{min-height:44px}}.view-all-stocks{display:flex;align-items:center;justify-content:space-between}.view-all-stocks .watchlist-btn{width:200px}:root{--bg-white: #ffffff;--bg-gray-900: #111827;--bg-gray-800: #1f2937;--bg-gray-700: #374151;--bg-gray-600: #4b5563;--bg-gray-200: #e5e7eb;--bg-gray-100: #f3f4f6;--bg-gray-50: #f9fafb;--text-black: #000000;--text-white: #ffffff;--text-gray-300: #d1d5db;--text-gray-400: #9ca3af;--text-gray-500: #6b7280;--text-gray-600: #4b5563;--text-gray-700: #374151;--border-gray-100: #f3f4f6;--border-gray-200: #e5e7eb;--border-gray-300: #d1d5db;--green-50: #f0fdf4;--green-100: #d1fae5;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.dark{--bg-white: #111827;--bg-gray-900: #f9fafb;--bg-gray-800: #1f2937;--bg-gray-700: #374151;--bg-gray-600: #4b5563;--bg-gray-200: #374151;--bg-gray-100: #1f2937;--bg-gray-50: #111827;--text-black: #ffffff;--text-white: #000000;--text-gray-300: #374151;--text-gray-400: #9ca3af;--text-gray-500: #d1d5db;--text-gray-600: #9ca3af;--text-gray-700: #e5e7eb;--border-gray-100: #1f2937;--border-gray-200: #374151;--border-gray-300: #4b5563;--green-50: rgba(22, 101, 52, .2);--green-100: rgba(22, 101, 52, .3);--green-200: rgba(22, 101, 52, .4);--green-300: rgba(34, 197, 94, .6);--green-400: rgba(34, 197, 94, .7);--green-500: rgba(34, 197, 94, .8);--green-600: rgba(22, 163, 74, .9);--green-700: rgba(21, 128, 61, .9);--green-800: rgba(22, 101, 52, .9);--green-900: rgba(20, 83, 45, .9)}.gainers-container{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 5rem;background-color:var(--bg-white);transition:background-color .2s;min-height:100vh}@media(min-width:1024px){.gainers-container{padding-bottom:1.5rem}}.gainers-wrapper{max-width:80rem;margin-left:auto;margin-right:auto;width:100%}.gainers-header-gradient{background:linear-gradient(135deg,var(--green-600) 0%,var(--green-700) 50%,var(--green-800) 100%);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.gainers-header-pattern{position:absolute;inset:0;opacity:.1}.gainers-pattern-circle{position:absolute;background-color:#fff;border-radius:9999px}.gainers-pattern-circle-1{top:0;right:0;width:12rem;height:12rem;transform:translateY(-6rem) translate(6rem)}.gainers-pattern-circle-2{bottom:0;left:0;width:6rem;height:6rem;transform:translateY(3rem) translate(-3rem)}.gainers-header-content{position:relative;z-index:10}.gainers-header-flex{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}@media(min-width:1024px){.gainers-header-flex{flex-direction:row;align-items:center;justify-content:space-between}}.gainers-header-text{flex:1}.gainers-header-title{font-size:1.25rem;font-weight:300;margin-bottom:.25rem;line-height:1.3}@media(min-width:640px){.gainers-header-title{font-size:1.5rem}}.gainers-header-subtitle{color:var(--green-200);font-size:.875rem;line-height:1.4}.gainers-stats-card{background-color:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg);width:100%}@media(min-width:1024px){.gainers-stats-card{width:20rem}}.gainers-stats-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.gainers-stats-label{font-size:.75rem;color:var(--green-200);margin-bottom:.25rem}.gainers-stats-value{font-size:1.125rem;font-weight:300;line-height:1.3}.gainers-stats-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gainers-stats-icon .gainers-icon{width:1.25rem;height:1.25rem;color:#fff}.gainers-stats-grid{display:flex;gap:1rem;font-size:.75rem}.gainers-stat-item{flex:1;text-align:center}.gainers-stat-label{color:var(--green-200);margin-bottom:.125rem}.gainers-stat-value{color:#fff;font-weight:500}.gainers-list-container{background-color:var(--bg-white);border-radius:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-gray-100);overflow:hidden}.gainers-list-header{padding:1.5rem 1.5rem 0}.gainers-list-title{font-size:1.125rem;font-weight:300;color:var(--text-black);margin-bottom:.25rem;line-height:1.4}.gainers-list-subtitle{font-size:.75rem;color:var(--text-gray-500);line-height:1.4}.gainers-table-container{overflow-x:auto}.gainers-table{width:100%;border-collapse:collapse}.gainers-table-head{background-color:var(--bg-gray-50)}.gainers-table-header{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:var(--text-gray-500);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.gainers-table-body{background-color:var(--bg-white)}.gainers-table-row{transition:background-color .2s;border-bottom:1px solid var(--border-gray-100)}.gainers-table-row:hover{background-color:var(--bg-gray-50)}.gainers-table-cell{padding:1rem 1.5rem;font-size:.875rem;color:var(--text-gray-700);white-space:nowrap;vertical-align:middle}.gainers-cell-rank{width:60px;min-width:60px}.gainers-rank-container{display:flex;align-items:center;justify-content:flex-start}.gainers-rank-badge{width:1.5rem;height:1.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.5rem}.gainers-rank-1{background-color:var(--green-100)}.gainers-rank-2{background-color:var(--green-100);opacity:.8}.gainers-rank-3{background-color:var(--green-100);opacity:.6}.gainers-rank-number{font-size:.75rem;font-weight:500;color:var(--green-800)}.gainers-rank-text{font-size:.875rem;font-weight:500;color:var(--text-gray-500)}.gainers-cell-stock{min-width:200px}.gainers-stock-info{display:flex;align-items:center;gap:.75rem}.gainers-stock-logo{width:2rem;height:2rem;flex-shrink:0}.gainers-logo-image{width:100%;height:100%;object-fit:cover;border-radius:.375rem}.gainers-stock-details{min-width:0}.gainers-stock-symbol{font-size:.875rem;font-weight:500;color:var(--text-black);line-height:1.3;margin-bottom:.125rem}.gainers-stock-name{font-size:.75rem;color:var(--text-gray-500);line-height:1.4}.gainers-stock-price{font-size:.875rem;color:var(--text-black);line-height:1.3}.gainers-change-container{display:flex;flex-direction:column;gap:.125rem}.gainers-change-amount{font-size:.875rem;line-height:1.3}.gainers-change-percent{font-size:.75rem;line-height:1.4}.text-green-600{color:var(--green-600)}.gainers-stock-volume,.gainers-market-cap{font-size:.875rem;color:var(--text-black);line-height:1.3}.gainers-actions{display:flex;gap:.75rem}.gainers-action-link{font-size:.75rem;font-weight:500;text-decoration:none;transition:color .2s}.gainers-action-view{color:var(--blue-600)}.gainers-action-view:hover{color:var(--blue-800)}.gainers-action-buy{color:var(--green-600)}.gainers-action-buy:hover{color:var(--green-800)}.dark .gainers-list-container{background-color:var(--bg-gray-800);border-color:var(--border-gray-700)}.dark .gainers-table-head,.dark .gainers-table-row:hover{background-color:var(--bg-gray-700)}.dark .gainers-list-title,.dark .gainers-stock-symbol,.dark .gainers-stock-price,.dark .gainers-stock-volume,.dark .gainers-market-cap{color:var(--text-white)}.dark .gainers-list-subtitle,.dark .gainers-rank-text,.dark .gainers-stock-name,.dark .gainers-table-header{color:var(--text-gray-400)}.dark .gainers-table-row{border-color:var(--border-gray-700)}.dark .gainers-rank-1,.dark .gainers-rank-2,.dark .gainers-rank-3{background-color:#22c55e33}.dark .gainers-rank-number{color:var(--green-300)}.dark .gainers-action-view{color:var(--blue-400)}.dark .gainers-action-view:hover{color:var(--blue-300)}.dark .gainers-action-buy{color:var(--green-400)}.dark .gainers-action-buy:hover{color:var(--green-300)}@media(max-width:639px){.gainers-container{padding:1rem 1rem 4rem}.gainers-header-gradient{padding:1rem;border-radius:.75rem}.gainers-list-header{padding:1rem 1rem 0}.gainers-table-cell{padding:.75rem 1rem}.gainers-cell-stock{min-width:150px}.gainers-actions{flex-direction:column;gap:.25rem}.gainers-stats-card{width:100%}}@media(min-width:640px)and (max-width:1023px){.gainers-container{padding:1.25rem}.gainers-table-cell{padding:.875rem 1.25rem}.gainers-cell-stock{min-width:180px}}@media(min-width:1024px){.gainers-container{padding:1.5rem}.gainers-table-cell{padding:1rem 1.5rem}.gainers-cell-stock{min-width:200px}}.gainers-icon{width:1rem;height:1rem}.text-white .gainers-icon{color:#fff}@keyframes pulseRank{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gainers-rank-1{animation:pulseRank 2s infinite}.gainers-table-row{transition:all .2s ease}.gainers-table-row:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}@media(hover:none)and (pointer:coarse){.gainers-action-link{padding:.5rem .75rem;border-radius:.375rem;background-color:var(--bg-gray-100)}.gainers-action-view{background-color:var(--blue-50)}.gainers-action-buy{background-color:var(--green-50)}.dark .gainers-action-view{background-color:#3b82f61a}.dark .gainers-action-buy{background-color:#22c55e1a}}@media print{.gainers-container{padding:0;background-color:#fff}.gainers-header-gradient{background:linear-gradient(135deg,#4ade80,#22c55e,#16a34a);-webkit-print-color-adjust:exact;print-color-adjust:exact}.gainers-stats-card{background-color:#ffffffe6;-webkit-print-color-adjust:exact;print-color-adjust:exact}.gainers-table-row{break-inside:avoid}.gainers-actions{display:none}}@media(prefers-reduced-motion:reduce){.gainers-rank-1,.gainers-table-row{animation:none;transition:none}}@media(prefers-contrast:high){.gainers-header-gradient{background:linear-gradient(135deg,#16a34a,#15803d,#166534)}.gainers-rank-badge{border:2px solid currentColor}.gainers-action-link{text-decoration:underline}}.main-container{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 5rem;background-color:#fff;transition:background-color .2s ease}@media(min-width:1024px){.main-container{padding-bottom:1.5rem}}@media(prefers-color-scheme:dark){.main-container{background-color:#111827}}.header-gradient{background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.header-subtitle{color:#fecaca;font-size:.875rem}.stats-card{background-color:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media(min-width:1024px){.stats-card{width:20rem}}.stats-label{font-size:.75rem;color:#fecaca;margin-bottom:.25rem}.trending-down-icon{width:1.25rem;height:1.25rem;color:#fff}.stat-label{color:#fecaca}.losers-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6;overflow:hidden}@media(prefers-color-scheme:dark){.losers-card{background-color:#1f2937;border-color:#374151}}.losers-table{width:100%;border-collapse:collapse}.rank-badge{width:1.5rem;height:1.5rem;background-color:#fee2e2;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-right:.5rem}.rank-number{font-size:.75rem;font-weight:500;color:#991b1b}.change-percent{font-size:.75rem;color:#dc2626}.stock-volume,.market-cap{font-size:.875rem;color:#000}@media(prefers-color-scheme:dark){.stock-volume,.market-cap{color:#fff}}@media(prefers-color-scheme:dark){.header-subtitle,.stats-label,.stat-label{color:#fca5a5}}.most-active-container{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 5rem;background-color:#fff;transition:background-color .2s ease}@media(min-width:1024px){.most-active-container{padding-bottom:1.5rem}}@media(prefers-color-scheme:dark){.most-active-container{background-color:#111827}}.container{max-width:80rem;margin:0 auto}.header-gradient-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8,#1e40af);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.header-subtitle-blue{color:#bfdbfe;font-size:.875rem}.stats-card-blue{background-color:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media(min-width:1024px){.stats-card-blue{width:20rem}}.stats-label-blue{font-size:.75rem;color:#bfdbfe;margin-bottom:.25rem}.activity-icon{width:1.25rem;height:1.25rem;color:#fff}.stat-label-blue{color:#bfdbfe}.active-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6;overflow:hidden}@media(prefers-color-scheme:dark){.active-card{background-color:#1f2937;border-color:#374151}}.card-header{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6}@media(prefers-color-scheme:dark){.card-header{border-bottom-color:#374151}}.card-title{font-size:1.125rem;font-weight:300;color:#000;margin-bottom:.25rem}.card-subtitle{font-size:.75rem;color:#6b7280}.active-table{width:100%;border-collapse:collapse}.table-header{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background-color:#f9fafb}@media(prefers-color-scheme:dark){.table-header{background-color:#374151;color:#9ca3af}}.table-cell{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6}@media(prefers-color-scheme:dark){.table-cell{border-bottom-color:#374151}}.rank-container{display:flex;align-items:center}.rank-badge-blue{width:1.5rem;height:1.5rem;background-color:#dbeafe;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-right:.5rem}.rank-number-blue{font-size:.75rem;font-weight:500;color:#1e40af}.rank-text{font-size:.75rem;font-weight:500;color:#6b7280}@media(prefers-color-scheme:dark){.rank-text{color:#9ca3af}}.logo-container{flex-shrink:0;width:2rem;height:2rem;border-radius:.5rem;overflow:hidden}.stock-logo{width:100%;height:100%;object-fit:cover}.stock-details{margin-left:.75rem}.stock-symbol{font-size:.875rem;font-weight:500;color:#000}@media(prefers-color-scheme:dark){.stock-symbol{color:#fff}}.stock-name{font-size:.75rem;color:#6b7280}.stock-price{font-size:.875rem;color:#000}@media(prefers-color-scheme:dark){.stock-price{color:#fff}}.change-positive{font-size:.875rem;color:#16a34a}.change-negative{font-size:.875rem;color:#dc2626}.change-percent-positive{font-size:.75rem;color:#16a34a}.change-percent-negative{font-size:.75rem;color:#dc2626}.stock-volume-bold{font-size:.875rem;color:#000;font-weight:500}@media(prefers-color-scheme:dark){.stock-volume-bold{color:#fff}}.market-cap{font-size:.875rem;color:#000}@media(prefers-color-scheme:dark){.market-cap{color:#fff}}.action-link{font-size:.75rem;transition:color .2s ease}.view-link{color:#2563eb}.view-link:hover{color:#1e40af}.buy-link{color:#16a34a}.buy-link:hover{color:#166534}.pagination-container{padding:1rem 1.5rem;border-top:1px solid #f3f4f6}@media(prefers-color-scheme:dark){.pagination-container{border-top-color:#374151}}@media(prefers-color-scheme:dark){.header-subtitle-blue,.stats-label-blue,.stat-label-blue{color:#93c5fd}}.buy-stock-container{flex:1;overflow-y:auto;background-color:#fff;padding-bottom:5rem;transition:background-color .2s ease}@media(min-width:1024px){.buy-stock-container{padding-bottom:1.5rem}}@media(prefers-color-scheme:dark){.buy-stock-container{background-color:#111827}}.container-narrow{max-width:56rem;margin:0 auto}.buystock-header-title{margin-bottom:1rem}@media(min-width:1024px){.buystock-header-title{margin-bottom:0;flex:1}}.buy-header-heading{font-size:1.25rem!important;font-weight:300!important;margin-bottom:.25rem!important}.header-subtitle-dark{color:#d1d5db;font-size:.875rem}.stats-label-dark{font-size:.75rem;color:#d1d5db;margin-bottom:.25rem}.stock-icon{width:2rem;height:2rem;border-radius:.25rem}.price-change-text-green-600{font-size:.75rem;color:#10b981}.price-change-text-red-600{font-size:.75rem;color:#ef4444}.chart-widget{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6;margin-bottom:1.5rem}@media(prefers-color-scheme:dark){.chart-widget{background-color:#1f2937;border-color:#374151}}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.chart-title{font-size:1.125rem;font-weight:500;color:#111827}.chart-period-btn{padding:.25rem .75rem;font-size:.75rem;border-radius:.5rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s ease}.chart-period-btn.active{background-color:#000;color:#fff;border-color:#000}.chart-period-btn:hover{background-color:#f3f4f6}.chart-period-btn.active:hover{background-color:#1f2937}.stock-chart{width:100%!important;height:100%!important}.buy-form-container{background-color:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}@media(prefers-color-scheme:dark){.buy-form-container{background-color:#1f2937;border-color:#374151}}.buy-form{display:flex;flex-direction:column;gap:1.5rem}.input-container{position:relative}.quantity-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease}.quantity-input:focus{outline:none}@media(prefers-color-scheme:dark){.quantity-input{background-color:#374151;border-color:#4b5563;color:#fff}}.input-hint{font-size:.75rem;color:#6b7280;margin-top:.25rem}.info-card{border-radius:.5rem;padding:1rem;border:1px solid}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.card-title{font-size:.75rem;font-weight:500}.stock-info-card{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.stock-info-card .card-title{color:#1e40af}.info-icon{width:1.5rem;height:1.5rem;border-radius:.25rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item{display:flex;flex-direction:column}.info-label{font-size:.75rem;color:#1e40af;margin-bottom:.25rem}.info-value{font-size:.875rem;font-weight:500;color:#1e3a8a}.change-positive{color:#16a34a;font-size:.875rem;font-weight:500}.change-negative{color:#dc2626;font-size:.875rem;font-weight:500}.analyst-card{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#d8b4fe}.analyst-card .card-title{color:#7c3aed}.analyst-icon{width:1rem;height:1rem;color:#7c3aed}.analyst-content{display:flex;flex-direction:column;gap:.5rem}.analyst-row{display:flex;align-items:center;justify-content:space-between}.analyst-label{font-size:.75rem;color:#7c3aed}.analyst-consensus{font-size:.875rem;font-weight:500}.analyst-consensus.buy{color:#2563eb}.analyst-consensus.hold{color:#f59e0b}.analyst-consensus.sell{color:#dc2626}.analyst-rating{font-size:.875rem;font-weight:500;color:#7c3aed}.progress-bar-container{width:100%;height:.5rem;background-color:#d8b4fe;border-radius:9999px;overflow:hidden}.progress-bar{height:100%;background-color:#7c3aed;border-radius:9999px;transition:width .3s ease}.recommendations-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;font-size:.75rem;color:#7c3aed;margin-top:.5rem}.recommendation-item{text-align:center}.recommendation-label{font-weight:500;margin-bottom:.25rem}.recommendation-value{color:#7c3aed}.calculation-card{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#86efac}.calculation-card .card-title{color:#065f46}.calculator-icon{width:1rem;height:1rem;color:#065f46}.calculation-content{display:flex;flex-direction:column;gap:.5rem}.calculation-row{display:flex;justify-content:space-between;align-items:center}.calculation-label{font-size:.875rem;color:#065f46}.calculation-value{font-size:.875rem;font-weight:500;color:#065f46}.calculation-divider{border:none;height:1px;background-color:#86efac;margin:.5rem 0}.calculation-label-total{font-size:.875rem;font-weight:500;color:#065f46}.calculation-value-total{font-size:.875rem;font-weight:700;color:#065f46}.wallet-icon{width:1rem;height:1rem;color:#374151}.wallet-content{display:flex;flex-direction:column;gap:.25rem}.wallet-row{display:flex;justify-content:space-between;align-items:center}.wallet-label{font-size:.875rem;color:#374151}.wallet-value{font-size:.875rem;font-weight:500;color:#374151}.wallet-positive{color:#16a34a}.wallet-negative{color:#dc2626}.submit-btn{width:100%;background-color:#000;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.submit-btn:hover:not(:disabled){background-color:#1f2937}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.cart-icon{width:1rem;height:1rem;margin-right:.5rem}@media(prefers-color-scheme:dark){.header-subtitle-dark,.stats-label-dark{color:#9ca3af}.chart-title{color:#fff}.chart-period-btn{background-color:#374151;border-color:#4b5563;color:#d1d5db}.chart-period-btn.active{background-color:#fff;color:#000;border-color:#fff}.chart-period-btn:hover{background-color:#4b5563}.chart-period-btn.active:hover{background-color:#e5e7eb}.form-label{color:#e5e7eb}.submit-btn{background-color:#fff;color:#000}.submit-btn:hover:not(:disabled){background-color:#e5e7eb}}@media(max-width:640px){.info-grid,.recommendations-grid{grid-template-columns:repeat(2,1fr)}.chart-container{height:12rem}}@media(max-width:480px){.chart-header{flex-direction:column;align-items:flex-start;gap:.5rem}.chart-controls{width:100%;justify-content:space-between}.chart-period-btn{flex:1;text-align:center}}.chart-container{position:relative;width:100%;height:16rem}.chart-container canvas{width:100%!important;height:100%!important}.input-container{position:relative;margin-bottom:8px}.quantity-input{width:100%;padding:12px 16px;font-size:16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#111827;transition:all .2s ease}.quantity-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.quantity-buttons{display:flex;gap:8px;margin-top:8px}.quantity-btn{flex:1;padding:10px 16px;background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.quantity-btn:hover{background:#e5e7eb;color:#374151;border-color:#9ca3af}.quantity-btn:active{background:#d1d5db;transform:translateY(1px)}.quantity-btn:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.input-hint{font-size:12px;color:#6b7280;margin-top:4px}.stock-details-container{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 5rem;background-color:#fff;transition:background-color .2s ease}@media(min-width:1024px){.stock-details-container{padding-bottom:1.5rem}}@media(prefers-color-scheme:dark){.stock-details-container{background-color:#111827}}.header-subtitle{color:#d1d5db;font-size:.875rem;margin-bottom:.25rem}.header-category{color:#9ca3af;font-size:.75rem;margin-top:.125rem}@media(min-width:1024px){.stats-card-dark{width:20rem}}.stats-price{font-size:1.125rem;font-weight:300}.bar-chart-icon{width:1.25rem;height:1.25rem;color:#fff}.stat-label{color:#d1d5db;margin-bottom:.125rem}.stat-value{font-weight:500;color:#fff}.text-negative{color:#ef4444}.text-positive{color:#10b981}.overview-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.overview-grid{grid-template-columns:repeat(4,1fr)}}.overview-card{background-color:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}@media(prefers-color-scheme:dark){.overview-card{background-color:#1f2937;border-color:#374151}}.card-header{display:flex;align-items:center;justify-content:space-between}.card-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.card-label{color:#9ca3af}}.card-value{font-size:1.125rem;font-weight:300;color:#111827}@media(prefers-color-scheme:dark){.card-value{color:#fff}}.card-percent{font-size:.75rem}.card-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.dollar-icon{width:1rem;height:1rem;color:#3b82f6}.trending-icon{width:1rem;height:1rem}.trending-icon.negative{color:#ef4444}.trending-icon.positive{color:#10b981;transform:rotate(180deg)}.activity-icon{width:1rem;height:1rem;color:#10b981}.pie-chart-icon{width:1rem;height:1rem;color:#8b5cf6}.main-content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.main-content-grid{grid-template-columns:2fr 1fr}}.left-column{display:flex;flex-direction:column;gap:1.5rem}.stock-details-chart-container{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}@media(prefers-color-scheme:dark){.stock-details-chart-container{background-color:#1f2937;border-color:#374151}}.chart-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}@media(min-width:640px){.chart-header{flex-direction:row;align-items:center;justify-content:space-between}}.chart-title{font-size:1.125rem;font-weight:300;color:#111827;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.chart-title{color:#fff}}.chart-subtitle{font-size:.75rem;color:#6b7280}.chart-controls{display:flex;gap:.5rem}.chart-period-btn{padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:#6b7280;background:none;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.chart-period-btn:hover{color:#111827}.chart-period-btn.active{background-color:#111827;color:#fff}@media(prefers-color-scheme:dark){.chart-period-btn{color:#9ca3af}.chart-period-btn:hover{color:#fff}.chart-period-btn.active{background-color:#fff;color:#111827}}.chart-wrapper{position:relative;height:16rem;width:100%}.chart-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9fafb;border-radius:.5rem}@media(prefers-color-scheme:dark){.chart-loading{background-color:#374151}}.loading-spinner{display:block;animation:spin 1s linear infinite;border-radius:9999px;height:2rem;width:2rem;border-bottom:2px solid #111827;margin:auto;margin-bottom:.5rem}@media(prefers-color-scheme:dark){.loading-spinner{border-bottom-color:#fff}}.loading-text{font-size:.75rem;color:#6b7280}@media(prefers-color-scheme:dark){.loading-text{color:#9ca3af}}.chart-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fef2f2;border-radius:.5rem;padding:1rem}@media(prefers-color-scheme:dark){.chart-error{background-color:#7f1d1d}}.error-title{font-size:.875rem;font-weight:500;color:#dc2626;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.error-title{color:#fca5a5}}.error-subtitle{font-size:.75rem;color:#dc2626}@media(prefers-color-scheme:dark){.error-subtitle{color:#fca5a5}}.stock-chart-canvas{width:100%!important;height:100%!important}.details-container{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}@media(prefers-color-scheme:dark){.details-container{background-color:#1f2937;border-color:#374151}}.stock-details-header{margin-bottom:1rem}.details-title{font-size:1.125rem;font-weight:300;color:#111827;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.details-title{color:#fff}}.details-subtitle{font-size:.75rem;color:#6b7280}.details-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.details-grid{grid-template-columns:repeat(2,1fr)}}.metrics-section,.company-section{display:flex;flex-direction:column}.section-title{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.75rem}.metrics-list,.company-list{display:flex;flex-direction:column;gap:.75rem}.metric-item,.company-item{display:flex;align-items:center;justify-content:space-between}.metric-label,.company-label{font-size:.75rem;color:#6b7280}@media(prefers-color-scheme:dark){.metric-label,.company-label{color:#9ca3af}}.metric-value,.company-value{font-size:.75rem;font-weight:500;color:#111827}@media(prefers-color-scheme:dark){.metric-value,.company-value{color:#fff}}.news-container{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}@media(prefers-color-scheme:dark){.news-container{background-color:#1f2937;border-color:#374151}}.news-header{margin-bottom:1rem}.news-title{font-size:1.125rem;font-weight:300;color:#111827;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.news-title{color:#fff}}.news-subtitle{font-size:.75rem;color:#6b7280}.news-list{display:flex;flex-direction:column;gap:1rem}.news-item{display:flex;gap:.75rem;padding:1rem;border-radius:.5rem;border:1px solid #f3f4f6;text-decoration:none;transition:background-color .2s ease}.news-item:hover{background-color:#f9fafb}@media(prefers-color-scheme:dark){.news-item{border-color:#374151}.news-item:hover{background-color:#374151}}.news-image-container{flex-shrink:0;width:4rem;height:4rem}.news-image{width:100%;height:100%;object-fit:cover;border-radius:.25rem}.news-content{flex:1;min-width:0;display:flex;flex-direction:column}.news-headline{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.25rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}@media(prefers-color-scheme:dark){.news-headline{color:#fff}}.news-description{font-size:.75rem;color:#6b7280;margin-bottom:.5rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.news-meta{display:flex;align-items:center;justify-content:space-between;font-size:.6875rem}.news-source{color:#6b7280}.news-sentiment{font-weight:500}.news-sentiment.very-positive{color:#10b981}.news-sentiment.neutral{color:#6b7280}.right-column{display:flex;flex-direction:column;gap:1.5rem}.action-container,.watchlist-container,.activity-container{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}@media(prefers-color-scheme:dark){.action-container,.watchlist-container,.activity-container{background-color:#1f2937;border-color:#374151}}.action-header,.watchlist-header,.activity-header{margin-bottom:1rem}.action-title,.watchlist-title,.activity-title{font-size:1.125rem;font-weight:300;color:#111827;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.action-title,.watchlist-title,.activity-title{color:#fff}}.action-subtitle,.watchlist-subtitle,.activity-subtitle{font-size:.75rem;color:#6b7280}.action-buttons{display:flex;flex-direction:column;gap:.75rem}.action-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s ease;text-decoration:none}.buy-btn{background-color:#16a34a;color:#fff}.buy-btn:hover{background-color:#15803d;color:#fff}.plus-icon{width:1rem;height:1rem;margin-right:.5rem}.watchlist-form{display:flex;flex-direction:column;gap:1rem}.form-label{font-size:.75rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-input,.form-select{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#111827}.form-input:focus,.form-select:focus{outline:none;border-color:transparent}@media(prefers-color-scheme:dark){.form-input,.form-select{background-color:#374151;border-color:#4b5563;color:#fff}}.watchlist-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;background-color:#2563eb;color:#fff;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s ease}.watchlist-btn:hover{background-color:#1d4ed8}.eye-icon{width:1rem;height:1rem;margin-right:.5rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem}@media(prefers-color-scheme:dark){.activity-item{background-color:#374151}}.activity-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.plus-small-icon{width:.75rem;height:.75rem;color:#10b981}.minus-small-icon{width:.75rem;height:.75rem;color:#ef4444}.activity-details{flex:1;min-width:0}.activity-type{font-size:.75rem;font-weight:500;color:#111827;margin-bottom:.125rem}@media(prefers-color-scheme:dark){.activity-type{color:#fff}}.activity-date{font-size:.75rem;color:#6b7280}.activity-amount{text-align:right}.activity-value{font-size:.75rem;font-weight:500;color:#111827}@media(prefers-color-scheme:dark){.activity-value{color:#fff}}@media(max-width:768px){.header-flex{align-items:flex-start}.stats-card-dark{width:100%}.chart-controls{flex-wrap:wrap}.news-item{flex-direction:column}.news-image-container{width:100%;height:8rem}}.purchase-history-container{flex:1;overflow-y:auto;background-color:#fff;padding-bottom:5rem;transition:background-color .2s ease}@media(min-width:1024px){.purchase-history-container{padding:1.5rem}}@media(prefers-color-scheme:dark){.purchase-history-container{background-color:#111827}}.purchase-header-heading{font-size:1.25rem;font-weight:300;margin-bottom:.25rem}.stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.receipt-icon{width:1.25rem;height:1.25rem;color:#fff}.stats-grid{display:flex;gap:1rem;font-size:.75rem}.stat-item{flex:1;text-align:center}.history-table-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6;overflow:hidden}@media(prefers-color-scheme:dark){.history-table-container{background-color:#1f2937;border-color:#374151}}.table-header{padding:1.5rem;border-bottom:1px solid #f3f4f6}@media(prefers-color-scheme:dark){.table-header{border-bottom-color:#374151}}.table-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.table-title{color:#fff}}.table-subtitle{font-size:.875rem;color:#6b7280}.table-wrapper{overflow-x:auto}.history-table{width:100%;border-collapse:collapse}.table-heading{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background-color:#f9fafb;white-space:nowrap}@media(prefers-color-scheme:dark){.table-heading{background-color:#374151;color:#9ca3af}}.table-row{transition:background-color .2s ease}@media(prefers-color-scheme:dark){.table-row:hover{background-color:#374151}}.purchase-table-cell{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;white-space:nowrap}@media(prefers-color-scheme:dark){.purchase-table-cell{border-bottom-color:#374151}}.purchase-info{display:flex;align-items:center}.purchase-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-right:.75rem}.car-icon{width:1.25rem;height:1.25rem;color:#fff}.purchase-details{display:flex;flex-direction:column}.purchase-number{font-size:.875rem;font-weight:500;color:#111827}@media(prefers-color-scheme:dark){.purchase-number{color:#fff}}.payment-method{font-size:.75rem;color:#6b7280}.vehicle-info{display:flex;align-items:center}.vehicle-icon{width:2.5rem;height:2.5rem;background-color:#f3f4f6;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-right:.75rem}@media(prefers-color-scheme:dark){.vehicle-icon{background-color:#374151}}.car-small-icon{width:1rem;height:1rem;color:#6b7280}@media(prefers-color-scheme:dark){.car-small-icon{color:#9ca3af}}.vehicle-details{display:flex;flex-direction:column}.vehicle-title{font-size:.875rem;font-weight:500;color:#111827;white-space:normal}@media(prefers-color-scheme:dark){.vehicle-title{color:#fff}}.vehicle-price{font-size:.75rem;color:#6b7280}.amount{font-size:.875rem;font-weight:500;color:#111827}@media(prefers-color-scheme:dark){.amount{color:#fff}}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.completed{background-color:#d1fae5;color:#065f46}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.cancelled{background-color:#fee2e2;color:#991b1b}.status-badge.unknown{background-color:#f3f4f6;color:#374151}@media(prefers-color-scheme:dark){.status-badge.completed{background-color:#064e3b;color:#a7f3d0}.status-badge.pending{background-color:#78350f;color:#fcd34d}.status-badge.cancelled{background-color:#7f1d1d;color:#fca5a5}.status-badge.unknown{background-color:#374151;color:#d1d5db}}.date-info{display:flex;flex-direction:column}.date{font-size:.875rem;font-weight:500;color:#111827}@media(prefers-color-scheme:dark){.date{color:#fff}}.time{font-size:.75rem;color:#6b7280}.purchase-action-buttons{display:flex;gap:.5rem}.action-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease;background:none;border:none;cursor:pointer}.download-button{color:#2563eb}.download-button:hover{background-color:#eff6ff;color:#1d4ed8}@media(prefers-color-scheme:dark){.download-button{color:#60a5fa}.download-button:hover{background-color:#1e3a8a;color:#93c5fd}}.view-button{color:#6b7280}.view-button:hover{background-color:#f3f4f6;color:#374151}@media(prefers-color-scheme:dark){.view-button{color:#9ca3af}.view-button:hover{background-color:#374151;color:#e5e7eb}}.download-icon,.eye-icon{width:1rem;height:1rem}.modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal-content{width:100%;max-width:42rem;background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;overflow:hidden}@media(prefers-color-scheme:dark){.modal-content{background-color:#1f2937;border-color:#374151}}.modal-header{background:linear-gradient(135deg,#000,#111827,#000);color:#fff;padding:1.25rem 1.5rem}.modal-header-content{display:flex;align-items:flex-start;justify-content:space-between}.modal-subtitle{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;margin-bottom:.25rem}.modal-title{font-size:1.5rem;font-weight:300}.modal-body{padding:1.5rem}.modal-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media(min-width:768px){.modal-grid{grid-template-columns:repeat(2,1fr)}}.modal-section{display:flex;flex-direction:column}.section-title{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.5rem}.details-list{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{color:#6b7280}@media(prefers-color-scheme:dark){.detail-label{color:#9ca3af}}.detail-value{font-weight:500;color:#111827}@media(prefers-color-scheme:dark){.detail-value{color:#fff}}.vehicle-display{display:flex;align-items:center;gap:.75rem}.vehicle-icon-large{width:3.5rem;height:3.5rem;flex-shrink:0}.vehicle-image{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.car-large-icon{width:100%;height:100%;color:#6b7280}.vehicle-info-large{flex:1;min-width:0}.vehicle-title-large{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.vehicle-title-large{color:#fff}}.vehicle-price-large{font-size:.75rem;color:#6b7280}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media(prefers-color-scheme:dark){.modal-actions{border-top-color:#374151}}.modal-button{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.75rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease}.invoice-button{background-color:#000;color:#fff}.invoice-button:hover{background-color:#1f2937}.close-button{background-color:#fff;color:#000;border:1px solid #e5e7eb}.close-button:hover{background-color:#f9fafb}@media(prefers-color-scheme:dark){.invoice-button{background-color:#fff;color:#000}.invoice-button:hover{background-color:#e5e7eb}.close-button{background-color:#374151;color:#fff;border-color:#4b5563}.close-button:hover{background-color:#4b5563}}.invoice-icon{width:1rem;height:1rem;margin-right:.25rem}@media(max-width:640px){.purchase-info,.vehicle-info{flex-direction:column;align-items:flex-start;gap:.25rem}.purchase-icon,.vehicle-icon{margin-right:0;margin-bottom:.25rem}.modal-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-button{width:100%;justify-content:center}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#3b82f6;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:32px;background:#ef44441a;border-radius:12px;border:1px solid rgba(239,68,68,.2)}.error-icon{color:#ef4444;margin-bottom:16px}.retry-button{margin-top:16px;padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.retry-button:hover{background:#2563eb}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:32px}.empty-icon{color:#9ca3af;margin-bottom:16px}.browse-button{margin-top:16px;padding:10px 24px;background:#3b82f6;color:#fff;border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s}.browse-button:hover{background:#2563eb}.table-actions{display:flex;gap:8px;align-items:center}.refresh-button{padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.refresh-button:hover{background:#fff3;transform:rotate(45deg)}.vehicle-thumbnail{width:40px;height:40px;border-radius:6px;object-fit:cover}.vehicle-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:6px}.profile-settings-container{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 5rem;background-color:#fff;transition:background-color .2s ease}@media(min-width:1024px){.profile-settings-container{padding-bottom:1.5rem}}@media(prefers-color-scheme:dark){.profile-settings-container{background-color:#111827}}.bg-circle-1{top:0;right:0;width:12rem;height:12rem;transform:translateY(-6rem) translate(6rem)}.bg-circle-2{bottom:0;left:0;width:6rem;height:6rem;transform:translateY(3rem) translate(-3rem)}.preview-card{background-color:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media(min-width:1024px){.preview-card{width:16rem}}.preview-content{display:flex;align-items:center;justify-content:space-between}.preview-label{font-size:.75rem;color:#d1d5db;margin-bottom:.5rem}.profile-image-preview{width:4rem;height:4rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-image{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.preview-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.user-icon{width:1.25rem;height:1.25rem;color:#fff}.profile-form-container{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}@media(prefers-color-scheme:dark){.profile-form-container{background-color:#1f2937;border-color:#374151}}.profile-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.section-title{font-size:1.125rem;font-weight:300;color:#111827;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.section-title{color:#fff}}.section-subtitle{font-size:.75rem;color:#6b7280}.section-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.user-section-icon{width:1rem;height:1rem;color:#3b82f6}.image-section-icon{width:1rem;height:1rem;color:#8b5cf6}.shield-section-icon{width:1rem;height:1rem;color:#10b981}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}@media(prefers-color-scheme:dark){.form-label{color:#d1d5db}}.form-input{width:100%;padding:.75rem 1rem;font-size:1rem;border-radius:.5rem;background-color:#fff;color:#111827;transition:all .2s ease;font-family:inherit}.form-input:focus{border:1px solid #d1d5db}.form-input.error{border-color:#ef4444;color:#ef4444}@media(prefers-color-scheme:dark){.form-input{background-color:#374151;border-color:#4b5563;color:#fff}.form-input:focus{color:#fff}.form-input.error{border-color:#f87171;color:#f87171}}.form-error{font-size:.75rem;color:#ef4444;margin-top:.25rem}@media(prefers-color-scheme:dark){.form-error{color:#fca5a5}}.image-upload-section{display:flex;flex-direction:column;gap:1rem}.image-upload-container{display:flex;align-items:center;gap:1rem}.image-preview-container{width:5rem;height:5rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.image-preview{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.image-upload-controls{flex:1;display:flex;flex-direction:column;gap:.25rem}.file-input{display:none}.upload-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:all .2s ease;width:fit-content;font-family:inherit}.upload-button:hover{background-color:#f9fafb}@media(prefers-color-scheme:dark){.upload-button{color:#fff;background-color:#374151;border-color:#4b5563}.upload-button:hover{background-color:#4b5563}}.upload-hint{font-size:.75rem;color:#6b7280}.form-footer{display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media(min-width:768px){.form-footer{flex-direction:row;align-items:center;justify-content:space-between}}@media(prefers-color-scheme:dark){.form-footer{border-top-color:#374151}}.footer-left{display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px){.footer-left{flex-direction:row;align-items:center;gap:1rem}}.last-updated{font-size:.875rem;color:#6b7280}.delete-account-button{font-size:.875rem;color:#ef4444;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease;width:fit-content;font-family:inherit}.delete-account-button:hover{background-color:#fef2f2;color:#dc2626}@media(prefers-color-scheme:dark){.delete-account-button{color:#fca5a5}.delete-account-button:hover{background-color:#7f1d1d;color:#fecaca}}.submit-button{display:flex;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;background-color:#000;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease;width:fit-content}.submit-button:hover{background-color:#1f2937}@media(prefers-color-scheme:dark){.submit-button{background-color:#fff;color:#000}.submit-button:hover{background-color:#e5e7eb}}.save-icon{width:1rem;height:1rem;margin-right:.5rem}@media(max-width:640px){.image-upload-container{flex-direction:column;align-items:flex-start}.upload-button{width:100%}.submit-button{width:100%;justify-content:center}}.form-input:disabled,.upload-button:disabled,.submit-button:disabled{opacity:.5;cursor:not-allowed}.submit-button:disabled:hover{background-color:#000}@media(prefers-color-scheme:dark){.submit-button:disabled:hover{background-color:#fff}}.kyc-verification-container{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 5rem;background-color:#fff;transition:background-color .2s ease}@media(min-width:1024px){.kyc-verification-container{padding-bottom:1.5rem}}@media(prefers-color-scheme:dark){.kyc-verification-container{background-color:#111827}}.container-wide{max-width:80rem;margin:0 auto}.header-gradient-dark{background:linear-gradient(135deg,#000,#111827,#1f2937);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.bg-pattern{position:absolute;inset:0;opacity:.1}.bg-circle{position:absolute;background-color:#fff;border-radius:9999px}.bg-circle-1{top:0;right:0;width:8rem;height:8rem;transform:translateY(-4rem) translate(4rem)}.bg-circle-2{bottom:0;left:0;width:4rem;height:4rem;transform:translateY(2rem) translate(-2rem)}.header-title{margin-bottom:1rem}@media(min-width:1024px){.header-title{margin-bottom:0;flex:1}}.header-heading{font-size:1.25rem;font-weight:300;margin-bottom:.25rem}.stats-card-dark{background-color:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media(min-width:1024px){.stats-card-dark{width:16rem}}.stats-header{display:flex;align-items:center;justify-content:space-between}.shield-check-icon{width:1.25rem;height:1.25rem;color:#fff}.status-container{border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid}.status-content{display:flex;align-items:flex-start}.status-icon-container{margin-right:1rem;flex-shrink:0}.status-icon-wrapper{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}.status-icon{width:1.5rem;height:1.5rem}.status-details{flex:1}.status-title{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.status-message{font-size:.875rem;margin-bottom:.25rem}.status-date{font-size:.75rem;opacity:.8}.bg-green-50{background-color:#f0fdf4}@media(prefers-color-scheme:dark){.dark\:bg-green-900\/10{background-color:#14532d1a}}.border-green-200{border-color:#bbf7d0}@media(prefers-color-scheme:dark){.dark\:border-green-800{border-color:#166534}}.text-green-800{color:#166534}@media(prefers-color-scheme:dark){.dark\:text-green-200{color:#bbf7d0}}@media(prefers-color-scheme:dark){.dark\:text-green-400{color:#4ade80}}.bg-yellow-50{background-color:#fefce8}@media(prefers-color-scheme:dark){.dark\:bg-yellow-900\/10{background-color:#713f121a}}.border-yellow-200{border-color:#fde68a}@media(prefers-color-scheme:dark){.dark\:border-yellow-800{border-color:#92400e}}.text-yellow-800{color:#92400e}@media(prefers-color-scheme:dark){.dark\:text-yellow-200{color:#fde68a}}@media(prefers-color-scheme:dark){.dark\:text-yellow-400{color:#facc15}}.text-yellow-600{color:#ca8a04}.bg-red-50{background-color:#fef2f2}@media(prefers-color-scheme:dark){.dark\:bg-red-900\/10{background-color:#7f1d1d1a}}.border-red-200{border-color:#fecaca}@media(prefers-color-scheme:dark){.dark\:border-red-800{border-color:#991b1b}}@media(prefers-color-scheme:dark){.dark\:text-red-200{color:#fecaca}}@media(prefers-color-scheme:dark){.dark\:text-red-400{color:#f87171}}.bg-blue-50{background-color:#eff6ff}@media(prefers-color-scheme:dark){.dark\:bg-blue-900\/10{background-color:#1e3a8a1a}}.border-blue-200{border-color:#bfdbfe}@media(prefers-color-scheme:dark){.dark\:border-blue-800{border-color:#1e40af}}.text-blue-800{color:#1e40af}@media(prefers-color-scheme:dark){.dark\:text-blue-200{color:#bfdbfe}}@media(prefers-color-scheme:dark){.dark\:text-blue-400{color:#60a5fa}}.demo-controls{background-color:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}@media(prefers-color-scheme:dark){.demo-controls{background-color:#1f2937;border-color:#374151}}.demo-title{font-size:1.125rem;font-weight:500;color:#111827;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.demo-title{color:#fff}}.demo-subtitle{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.status-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.status-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s ease;font-family:inherit}.status-button:hover{background-color:#f9fafb}.status-button.active{border-color:transparent;color:#fff}.status-button.active.approved{background-color:#16a34a}.status-button.active.pending{background-color:#ca8a04}.status-button.active.rejected{background-color:#dc2626}.status-button.active.not-submitted{background-color:#2563eb}@media(prefers-color-scheme:dark){.status-button{background-color:#374151;border-color:#4b5563;color:#d1d5db}.status-button:hover{background-color:#4b5563}}.additional-info{margin-top:2rem}.info-title{font-size:1.25rem;font-weight:500;color:#111827;margin-bottom:1.5rem}@media(prefers-color-scheme:dark){.info-title{color:#fff}}.info-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.info-grid{grid-template-columns:repeat(3,1fr)}.info-card,.buy-form-container{padding:1.5rem}}.info-card{background-color:#fff;border-radius:.75rem;padding:1rem;border:1px solid #e5e7eb;transition:all .2s ease}.info-card:hover{border-color:#000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media(prefers-color-scheme:dark){.info-card{background-color:#1f2937;border-color:#374151}.info-card:hover{border-color:#fff}}.info-icon{width:3rem;height:3rem;background-color:#f3f4f6;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}@media(prefers-color-scheme:dark){.info-icon{background-color:#374151}}.card-icon{width:1.5rem;height:1.5rem;color:#111827}@media(prefers-color-scheme:dark){.card-icon{color:#fff}}.card-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.5rem}@media(prefers-color-scheme:dark){.card-title{color:#fff}}.card-description{font-size:.875rem;color:#6b7280;line-height:1.5}.verification-steps{margin-top:2rem}.steps-title{font-size:1.25rem;font-weight:500;color:#111827;margin-bottom:1.5rem}@media(prefers-color-scheme:dark){.steps-title{color:#fff}}.steps-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.step{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb}@media(prefers-color-scheme:dark){.step{background-color:#1f2937;border-color:#374151}}.step-number{width:2.5rem;height:2.5rem;background-color:#000;color:#fff;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;flex-shrink:0}.step-content{flex:1}.step-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.5rem}@media(prefers-color-scheme:dark){.step-title{color:#fff}}.step-description{font-size:.875rem;color:#6b7280;line-height:1.5}.start-verification-button{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;background-color:#000;color:#fff;border:none;border-radius:.75rem;cursor:pointer;transition:background-color .2s ease}.start-verification-button:hover{background-color:#1f2937}@media(prefers-color-scheme:dark){.start-verification-button{background-color:#fff;color:#000}.start-verification-button:hover{background-color:#e5e7eb}}@media(max-width:640px){.status-content{flex-direction:column;align-items:center;text-align:center}.status-icon-container{margin-right:0;margin-bottom:1rem}.step{flex-direction:column;align-items:center;text-align:center}.status-buttons{justify-content:center}}.portfolio-main{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 5rem;background-color:#fff}@media(min-width:1024px){.portfolio-main{padding-bottom:1.5rem}}.portfolio-container{max-width:80rem;margin-left:auto;margin-right:auto}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.portfolio-grid{grid-template-columns:repeat(4,1fr)}}.portfolio-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}.portfolio-card-content{display:flex;align-items:center;justify-content:space-between}.portfolio-card-label{font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.25rem}.portfolio-card-value{font-size:1.5rem;font-weight:700;color:#111827}.portfolio-card-percentage{font-size:.875rem;color:#059669}.portfolio-icon-container{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.from-blue-500{background:linear-gradient(to bottom right,#3b82f6,#2563eb)}.from-green-500{background:linear-gradient(to bottom right,#10b981,#059669)}.from-purple-500{background:linear-gradient(to bottom right,#8b5cf6,#7c3aed)}.portfolio-icon{width:1.5rem;height:1.5rem;color:#fff}.portfolio-section{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6;margin-bottom:2rem}.portfolio-section-header{padding:1.5rem;border-bottom:1px solid #f3f4f6}.portfolio-section-title{font-size:1.125rem;font-weight:600;color:#111827}.portfolio-section-subtitle{font-size:.875rem;color:#4b5563;margin-top:.25rem}.portfolio-section-footer{padding:1.5rem;border-top:1px solid #f3f4f6}.table-container{overflow-x:auto}.portfolio-table{width:100%}.table-header{background-color:#f9fafb}.table-header-cell{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.table-body{background-color:#fff}.table-row{transition:background-color .2s}.table-row:hover{background-color:#f9fafb}.table-cell{padding:1rem 1.5rem;white-space:nowrap;font-size:.875rem;color:#111827}.stock-info{display:flex;align-items:center}.stock-logo{width:2rem;height:2rem;border-radius:9999px;margin-right:.75rem}.stock-symbol{font-size:.875rem;font-weight:500;color:#111827}.stock-name{font-size:.875rem;color:#6b7280}.current-price{display:flex;flex-direction:column;align-items:center}.price-value{font-size:.875rem;font-weight:500;color:#111827}.price-change{font-size:.75rem}.text-green-600{color:#059669}.gain-loss{display:flex;flex-direction:column}.gain-loss-value{font-size:.875rem;font-weight:500}.gain-loss-percent{font-size:.75rem}.action-buttons{display:flex;gap:.5rem}.action-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s}.action-button-buy{color:#2563eb}.action-button-buy:hover{color:#1e40af;background-color:#eff6ff}.action-button-sell{color:#dc2626}.action-button-sell:hover{color:#b91c1c;background-color:#fef2f2}.action-button svg{width:1rem;height:1rem}.transaction-stock{display:flex;align-items:center}.transaction-logo{width:1.5rem;height:1.5rem;border-radius:9999px;margin-right:.5rem}.transaction-symbol{font-size:.875rem;font-weight:500;color:#111827}.transaction-type,.transaction-status{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.bg-green-100{background-color:#d1fae5}.text-green-800{color:#065f46}.bg-red-100{background-color:#fee2e2}.text-red-800{color:#991b1b}.view-all-link{color:#2563eb;font-size:.875rem;font-weight:500;transition:color .2s}.view-all-link:hover{color:#1e40af}.investment-dashboard{flex:1;overflow-y:auto;padding:1rem .5rem 5rem;background-color:#fff}@media(min-width:1024px){.investment-dashboard{padding-bottom:1.5rem}}.dashboard-container{max-width:80rem;margin-left:auto;margin-right:auto}.dashboard-header{background:linear-gradient(to bottom right,#000,#111827,#1f2937);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.header-pattern{position:absolute;inset:0;opacity:.1}.pattern-circle{position:absolute;background-color:#fff;border-radius:9999px}.pattern-circle-1{top:0;right:0;width:12rem;height:12rem;transform:translateY(-6rem) translate(6rem)}.pattern-circle-2{bottom:0;left:0;width:6rem;height:6rem;transform:translateY(3rem) translate(-3rem)}.header-flex{display:flex;flex-direction:column}@media(min-width:1024px){.header-flex{flex-direction:row;align-items:center;justify-content:space-between}}.header-text{margin-bottom:1rem}@media(min-width:1024px){.header-text{margin-bottom:0;flex:1}}.header-title{font-size:1.25rem;font-weight:300;margin-bottom:.25rem}.header-subtitle{color:#d1d5db;font-size:.875rem}.investment-stats-card{background-color:#fff;background-opacity:.15;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 15px -3px #0000001a}@media(min-width:1024px){.investment-stats-card{width:20rem}}.stats-card-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.stats-main{flex:1}.stats-label{font-size:.75rem;color:#d1d5db;margin-bottom:.25rem}.stats-value{font-size:1.125rem;font-weight:300}.stats-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.stats-details{display:flex;gap:1rem;font-size:.75rem}.stat-detail{flex:1;text-align:center}.stat-label{color:#d1d5db}.stat-value{color:#fff;font-weight:500}.portfolio-overview{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.portfolio-overview{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.portfolio-overview{grid-template-columns:repeat(4,1fr)}}.portfolio-card{background-color:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}.portfolio-card-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.portfolio-card-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.portfolio-card-value{font-size:1.125rem;font-weight:300;color:#111827}.portfolio-card-percentage{font-size:.75rem}.portfolio-card-hint{font-size:.75rem;color:#6b7280}.portfolio-card-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.asset-breakdown{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media(min-width:1024px){.asset-breakdown{grid-template-columns:repeat(2,1fr)}}.asset-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}.asset-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.asset-card-title{font-size:1.125rem;font-weight:300;color:#111827;margin-bottom:.25rem}.asset-card-subtitle{font-size:.75rem;color:#6b7280}.asset-card-link{font-size:.75rem;color:#2563eb;font-weight:500;transition:color .2s}.asset-card-link:hover{color:#1e40af}.holding-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;margin-bottom:.75rem}.investment-holding-info{display:flex;align-items:center;gap:.75rem}.holding-icon{width:2rem;height:2rem;background-color:#f3f4f6;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.holding-name{font-size:.875rem;font-weight:500;color:#111827}.holding-details{font-size:.75rem;color:#6b7280}.holding-values{text-align:right}.holding-value{font-size:.875rem;font-weight:500;color:#111827}.holding-change{font-size:.75rem}.recent-activity{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media(min-width:1024px){.recent-activity{grid-template-columns:repeat(2,1fr)}}.activity-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}.activity-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.activity-card-title{font-size:1.125rem;font-weight:300;color:#111827;margin-bottom:.25rem}.activity-card-subtitle{font-size:.75rem;color:#6b7280}.activity-card-link{font-size:.75rem;color:#2563eb;font-weight:500;transition:color .2s}.activity-card-link:hover{color:#1e40af}.investment-transaction-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;margin-bottom:.75rem}.investment-transaction-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.transaction-details{flex:1;min-width:0}.transaction-name{font-size:.75rem;font-weight:500;color:#111827}.transaction-info{font-size:.75rem;color:#6b7280}.investment-transaction-amount{text-align:right}.transaction-value{font-size:.75rem;font-weight:500;color:#111827}.automatic-plans{margin-bottom:1.5rem}.plans-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6}.plans-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.plans-card-title{font-size:1.125rem;font-weight:300;color:#111827;margin-bottom:.25rem}.plans-card-subtitle{font-size:.75rem;color:#6b7280}.plans-card-link{font-size:.75rem;color:#2563eb;font-weight:500;transition:color .2s}.plans-card-link:hover{color:#1e40af}.plan-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;margin-bottom:.75rem}.plan-info{display:flex;align-items:center;gap:.75rem}.plan-icon{width:2rem;height:2rem;background-color:#f3f4f6;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.plan-name{font-size:.875rem;font-weight:500;color:#111827}.plan-details{font-size:.75rem;color:#6b7280}.plan-status{text-align:right}.status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-active{background-color:#dcfce7;color:#166534}.add-plan{text-align:center;padding-top:.5rem}.add-plan-button{color:#2563eb;font-size:.875rem;font-weight:500;transition:color .2s;background:none;border:none;cursor:pointer}.add-plan-button:hover{color:#1e40af}.empty-state{text-align:center;padding:1rem 0}.empty-text{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.empty-link{color:#2563eb;font-size:.875rem;transition:color .2s}.empty-link:hover{color:#1e40af}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:16rem}.loading-spinner{width:3rem;height:3rem;border:2px solid #e5e7eb;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container{text-align:center;padding:3rem 0}.error-icon{font-size:3rem;color:#dc2626;margin-bottom:1rem}.error-container h3{font-size:1.125rem;font-weight:500;color:#111827;margin-bottom:.5rem}.error-container p{color:#6b7280;margin-bottom:1rem}.retry-button{padding:.5rem 1rem;background-color:#2563eb;color:#fff;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#1d4ed8}.text-green-600{color:#16a34a}.text-red-600{color:#dc2626}.text-green-400{color:#4ade80}.text-red-400{color:#f87171}.text-blue-600{color:#2563eb}.text-white{color:#fff}.text-green-500{color:#22c55e}.text-red-500{color:#ef4444}.text-gray-900{color:#111827}.text-gray-500{color:#6b7280}.text-gray-300{color:#d1d5db}.text-black{color:#111827}.inline{display:inline}.ml-1{margin-left:.25rem}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.sell-investment-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem 1rem}.sell-investment-wrapper{max-width:800px;margin:0 auto}.sell-header-gradient{background:linear-gradient(135deg,#f56565,#ed8936);border-radius:1.5rem;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.sell-header-pattern{position:absolute;inset:0;opacity:.1}.sell-pattern-circle{position:absolute;border-radius:50%;background:#fff}.sell-pattern-circle-1{width:300px;height:300px;top:-150px;right:-100px}.sell-pattern-circle-2{width:200px;height:200px;bottom:-100px;left:-50px}.sell-header-content{position:relative;z-index:10}.sell-header-flex{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem}.sell-header-text{flex:1;min-width:300px}.back-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;margin-bottom:1rem;transition:all .2s ease}.back-button:hover{background:#ffffff4d}.sell-header-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.sell-header-subtitle{font-size:1rem;color:#ffffffe6;margin:0}.sell-plan-stats-card{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1.5rem;min-width:250px}.sell-plan-stats-content{display:flex;justify-content:space-between;align-items:flex-start}.sell-plan-stats-label{font-size:.875rem;color:#fffc;margin:0 0 .25rem}.sell-plan-stats-value{font-size:2rem;font-weight:700;color:#fff;margin:0}.sell-plan-stats-icon{margin-left:1rem}.sell-form-container{background:#fff;border-radius:1.5rem;padding:1rem;box-shadow:0 10px 25px #0000000d}.sell-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.sell-type-buttons{display:flex;gap:.5rem}.sell-type-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease}.sell-type-button.active{background:linear-gradient(135deg,#f56565,#ed8936);border-color:#f56565;color:#fff}.amount-input-wrapper{position:relative}.currency-symbol{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;font-weight:600;color:#374151}.amount-input{width:100%;padding:1rem 1rem 1rem 2.5rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1.5rem;font-weight:600;color:#111827;transition:all .2s ease}.amount-input:focus{outline:none;border-color:#f56565;box-shadow:0 0 0 3px #f565651a}.amount-input.input-error{border-color:#ef4444}.error-text{font-size:.875rem;color:#ef4444;margin:0}.input-hint{font-size:.75rem;color:#6b7280;margin:0}.quick-sell-buttons{display:flex;gap:.5rem;margin-top:.5rem}.quick-sell-button{flex:1;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-sell-button:hover{background:#f9fafb;border-color:#9ca3af}.info-card{border-radius:1rem;padding:1.5rem;border:1px solid #e5e7eb}.info-card-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.info-card-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.info-card-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#e9d5ff}.info-card-yellow{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde68a}.info-card-gray{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#e5e7eb}.info-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.info-card-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.info-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:#6b7280;margin:0}.info-value{font-size:.875rem;font-weight:600;color:#111827;margin:0}.return-positive{color:#059669}.return-negative{color:#dc2626}.info-card-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:.875rem;color:#4b5563}.detail-value{font-size:.875rem;font-weight:600;color:#111827}.total-row{padding-top:.75rem;border-top:2px solid #e5e7eb}.detail-label-total,.detail-value-total{font-size:1rem;font-weight:700;color:#111827}.net-row{padding-top:.75rem;border-top:2px solid #e5e7eb;margin-top:.75rem}.detail-label-net,.detail-value-net{font-size:1.125rem;font-weight:700;color:#059669}.warning-message{font-size:.875rem;color:#92400e;margin:0}.warning-hint{font-size:.75rem;color:#d97706;margin:.25rem 0 0}.submit-section{margin-top:1rem}.submit-button{width:100%;padding:1rem;background:linear-gradient(135deg,#f56565,#ed8936);border:none;border-radius:.75rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.submit-button:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 10px 20px #f5656533}.submit-button.disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.6}.sell-loading,.sell-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #f56565;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media(max-width:640px){.sell-header-flex{flex-direction:column}.sell-plan-stats-card{width:100%}.sell-type-buttons{flex-direction:column}.info-card-grid{grid-template-columns:1fr}}.car-details-page{min-height:100vh;background-color:#fff}.container{max-width:1280px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{padding:0 1.5rem}}@media(min-width:1024px){.container{padding:0 2rem}}.hero-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#000,#1f2937,#000);color:#fff}.hero-grid{position:absolute;inset:0;opacity:.06;z-index:0;pointer-events:none}.hero-background{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-image{height:100%;width:100%;object-fit:cover;opacity:.2}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,#000c,#000000b3,#000000e6)}.hero-content{position:relative;z-index:10;margin-top:80px}.hero-container{max-width:80rem;margin:0 auto;padding:4rem 1rem;text-align:center}@media(min-width:640px){.hero-container{padding:4rem 1.5rem}}@media(min-width:1024px){.hero-container{padding:6rem 2rem}}.car-hero-title{font-size:2.25rem;font-weight:600;line-height:1}@media(min-width:640px){.car-hero-title{font-size:3rem}}.hero-description{margin-top:1rem;max-width:42rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.5;color:#d1d5db}@media(min-width:640px){.hero-description{font-size:1.125rem}}.hero-stats{margin-top:2.5rem;display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:640px){.hero-stats{grid-template-columns:repeat(3,1fr)}}.stat-card{border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:1rem}.stat-label{font-size:.75rem;color:#d1d5db}.stat-value{margin-top:.25rem;font-size:1.5rem;font-weight:300;color:#fff}.stat-unit{font-size:1.125rem}.hero-actions{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem;justify-content:center}@media(min-width:640px){.hero-actions{flex-direction:row}}.status-badge{display:inline-flex;align-items:center;border-radius:.375rem;background-color:#4b5563;padding:.75rem 2rem;font-size:.875rem;font-weight:500;color:#fff}.learn-more-btn{display:inline-flex;align-items:center;border-radius:.375rem;border:1px solid rgba(255,255,255,.2);padding:.75rem 2rem;font-size:.875rem;font-weight:500;color:#fff;background:transparent;cursor:pointer;transition:background-color .2s}.learn-more-btn:hover{background-color:#ffffff1a}.hero-wave{position:absolute;bottom:0;left:0;right:0;transform:translateY(1px)}.order-section{padding:4rem 0;background-color:#fff}.order-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}@media(min-width:1024px){.order-grid{grid-template-columns:1fr 1fr}}.image-section{order:2}@media(min-width:1024px){.image-section{order:1}}.sticky-image{position:sticky;top:6rem}.main-image-container{aspect-ratio:16/10;margin-bottom:1.5rem;border-radius:.75rem;overflow:hidden;border:1px solid #e5e7eb}.main-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.order-form-section{order:1}@media(min-width:1024px){.order-form-section{order:2}}.order-form{max-width:32rem;margin:0 auto;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d}@media(min-width:1024px){.order-form{margin:0}}.form-header{text-align:center;margin-bottom:2rem}@media(min-width:1024px){.form-header{text-align:left}}.form-header h2{font-size:1.875rem;font-weight:300;color:#000;margin-bottom:.5rem}@media(min-width:1024px){.form-header h2{font-size:2.25rem}}.form-header p{color:#6b7280;font-weight:300}.payment-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}.payment-tab{flex:1;padding:.75rem;font-size:.875rem;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;background:none;border:none;cursor:pointer;transition:all .2s}.payment-tab:hover{color:#000;border-bottom-color:#d1d5db}.payment-tab.active{color:#000;border-bottom-color:#000}.price-display{text-align:center;margin-bottom:1.5rem}.price-amount{font-size:2.25rem;font-weight:300;color:#000;margin-bottom:.25rem}.price-period{font-size:1.25rem;color:#6b7280}.price-details{font-size:.875rem;color:#6b7280;font-weight:300}.vehicle-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.vehicle-option{border:1px solid #e5e7eb;background-color:#f9fafb;padding:1rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.vehicle-option:hover{border-color:#9ca3af}.vehicle-option.selected{border-color:#000;background-color:#f9fafb}.vehicle-option-content{display:flex;justify-content:space-between;align-items:center}.option-name{font-weight:500;color:#000}.option-price{color:#374151}.features-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;transition:background-color .2s;cursor:pointer;margin-bottom:1.5rem}.features-btn:hover{background-color:#f3f4f6}.features-content{display:flex;align-items:center;gap:1rem}.feature-thumbnail{width:3rem;height:2rem;object-fit:cover}.features-btn span{font-weight:500;color:#000}.chevron-icon{width:1.25rem;height:1.25rem;color:#6b7280}.gas-savings{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.gas-savings input{width:1rem;height:1rem;color:#000;border-color:#d1d5db}.gas-savings label{font-size:.875rem;color:#6b7280}.action-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;font-size:.875rem;color:#6b7280;margin-bottom:2rem}@media(min-width:1024px){.action-links{justify-content:flex-start}}.action-link{color:#6b7280;text-decoration:underline;transition:color .2s}.action-link:hover{color:#000}.order-actions{display:flex;flex-direction:column;gap:1.5rem}.owned-vehicle{background-color:#ecfdf5;border:1px solid #a7f3d0;padding:2rem;border-radius:.5rem}.owned-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.check-icon{width:1.5rem;height:1.5rem;color:#059669}.owned-header span{color:#065f46;font-weight:500;font-size:1.125rem}.owned-vehicle p{color:#047857;font-size:.875rem;font-weight:300;text-align:center}.history-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:#000;color:#fff;border-radius:.375rem;transition:background-color .2s;text-decoration:none}.history-btn:hover{background-color:#1f2937}.folder-icon{width:1rem;height:1rem;margin-right:.5rem}.secure-notice{font-size:.75rem;color:#6b7280;text-align:center;font-weight:300}.features-section{padding:4rem 0;background-color:#f9fafb}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:1.875rem;font-weight:300;color:#000;margin-bottom:.75rem}@media(min-width:1024px){.section-header h2{font-size:2.25rem}}.section-header p{color:#6b7280;max-width:42rem;margin:0 auto;font-weight:300}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background-color:#fff;border:1px solid #e5e7eb;padding:1.5rem;border-radius:.75rem;transition:border-color .2s}.feature-card:hover{border-color:#9ca3af}.feature-icon-container{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;margin-bottom:1.5rem}.feature-icon-container.green{background-color:#d1fae5}.feature-icon-container.blue{background-color:#dbeafe}.feature-icon-container.purple{background-color:#e9d5ff}.feature-icon-container.red{background-color:#fee2e2}.feature-icon{width:1.5rem;height:1.5rem}.feature-icon-container.green .feature-icon{color:#059669}.feature-icon-container.blue .feature-icon{color:#2563eb}.feature-icon-container.purple .feature-icon{color:#7c3aed}.feature-icon-container.red .feature-icon{color:#dc2626}.feature-card h3{font-size:1.25rem;font-weight:500;color:#000;margin-bottom:.75rem}.feature-card p{color:#6b7280;font-weight:300;line-height:1.5}.specifications-section{padding:4rem 0;background-color:#fff}.specifications-container{max-width:56rem;margin:0 auto}.spec-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:768px){.spec-grid{grid-template-columns:repeat(2,1fr)}}.spec-grid h3{font-size:1.25rem;font-weight:500;color:#000;margin-bottom:2rem}.spec-list{display:flex;flex-direction:column;gap:1.5rem}.spec-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #e5e7eb}.spec-label{color:#6b7280}.spec-value{font-weight:500;color:#000}@media(max-width:640px){.hero-container{padding:2rem 1rem}.car-hero-title{font-size:1.875rem}.hero-description{font-size:.875rem}.order-form{padding:1rem}.section-header h2{font-size:1.5rem}.features-section,.specifications-section{padding:3rem 0}}@media(max-width:768px){.order-grid{gap:2rem}.action-links{flex-direction:column;align-items:center;gap:1rem}}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}.main-image.fade-in{animation:fadeIn .3s ease-in-out}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.main-image.fade-in{animation:none}}@media print{.hero-section,.features-section,.action-links,.features-btn,.gas-savings{display:none}.order-form{border:none;box-shadow:none}}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{font-size:48px;margin-bottom:1rem}.back-button,.browse-button{margin-top:1rem;padding:.75rem 1.5rem;background:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s}.back-button:hover,.browse-button:hover{background:#4338ca}.status-badge{display:inline-flex;align-items:center;border-radius:.375rem;padding:.75rem 2rem;font-size:.875rem;font-weight:500}.status-badge.available{background-color:#10b981;color:#fff}.status-badge.sold-out{background-color:#4b5563;color:#fff}.thumbnail-gallery{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.thumbnail{width:80px;height:60px;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;cursor:pointer;padding:0;background:none;transition:border-color .3s}.thumbnail:hover,.thumbnail.active{border-color:#4f46e5}.thumbnail img{width:100%;height:100%;object-fit:cover}.sold-out-message{text-align:center;padding:2rem;background:#f3f4f6;border-radius:12px;border:1px solid #e5e7eb}.sold-out-icon{width:48px;height:48px;color:#6b7280;margin-bottom:1rem}.sold-out-message h4{color:#374151;margin-bottom:.5rem}.sold-out-message p{color:#6b7280;margin-bottom:1.5rem}.order-button{width:100%;padding:1rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s}.order-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #4f46e54d}.action-links{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.action-link{background:none;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;text-decoration:underline;transition:color .3s;padding:0}.action-link:hover{color:#4f46e5}.featured-badge{display:inline-flex;align-items:center;border-radius:.375rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#92400e;padding:.5rem 1rem;font-size:.875rem;font-weight:600;margin-left:.5rem}.car-features-list{margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:.75rem;border:1px solid #e5e7eb}.car-features-list h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.75rem}.features-tags{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{background:#fff;border:1px solid #d1d5db;border-radius:1rem;padding:.375rem .75rem;font-size:.75rem;color:#4b5563;font-weight:500}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:2.5rem}.stat-card{border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:1rem;text-align:center}.spec-item span.spec-value[data-value="N/A"]{color:#9ca3af;font-style:italic}.checkout-page{min-height:100vh;background-color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin-top:5rem}.mb-8{margin-bottom:2rem}.p-6{padding:1.5rem}.bg-gray-50{background-color:#f9fafb}.border{border-width:1px}.border-gray-200{border-color:#e5e7eb}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-black{color:#000}.mb-4{margin-bottom:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-3{gap:.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-gray-600{color:#4b5563}.flex{display:flex}.items-center{align-items:center}.w-3{width:.75rem}.h-3{height:.75rem}.text-green-500{color:#10b981}.mr-1{margin-right:.25rem}.key-features-container{margin-bottom:2rem;padding:1.5rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem}.key-features-title{font-size:.875rem;font-weight:500;color:#000;margin-bottom:1rem}.key-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.key-feature-item{display:flex;align-items:center;font-size:.75rem;color:#4b5563}.key-feature-check{width:.75rem;height:.75rem;color:#10b981;margin-right:.25rem;flex-shrink:0}@media(max-width:768px){.key-features-grid{grid-template-columns:1fr}.mb-8{margin-bottom:1.5rem}.p-6{padding:1rem}}.checkout-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#000,#111827,#000);color:#fff}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#d1d5db}.step-number{width:2rem;height:2rem;background-color:#f3f4f6;color:#000;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500}.progress-step.current .step-number{background-color:#ffffff1a;color:#fff}.step-label{margin-left:.5rem;font-size:.875rem;color:#000}.progress-step.current .step-label{color:#d1d5db}.step-divider{width:2rem;height:1px;background-color:#f3f4f6}.header-wave{position:absolute;bottom:0;left:0;right:0;transform:translateY(1px);overflow:hidden}.checkout-container{max-width:1280px;margin-left:auto;margin-right:auto;padding:3rem 1rem}@media(min-width:640px){.checkout-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.checkout-container{padding-left:2rem;padding-right:2rem}}.checkout-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:1024px){.checkout-grid{grid-template-columns:2fr 1fr}}.checkout-main{width:100%}.checkout-header-section{text-align:center;margin-bottom:2rem}@media(min-width:1024px){.checkout-header-section{text-align:left}}.checkout-header-section h1{font-size:2.25rem;font-weight:300;color:#000;margin-bottom:.75rem;margin-top:0}.checkout-header-section p{color:#4b5563;font-weight:300;margin:0;font-size:1rem}.checkout-form{display:flex;flex-direction:column;gap:2rem}.form-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.section-header{display:flex;align-items:center;margin-bottom:2rem}.section-number{width:2rem;height:2rem;background-color:#000;color:#fff;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;margin-right:1rem;flex-shrink:0}.section-header h2{font-size:1.25rem;font-weight:500;color:#000;margin:0}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group{width:100%}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#000;margin-bottom:.5rem}.optional{color:#6b7280;font-weight:400}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s;box-sizing:border-box;background-color:#fff;color:#111827}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.form-group input.invalid,.form-group select.invalid,.form-group textarea.invalid{border-color:#ef4444}.form-group input.invalid:focus,.form-group select.invalid:focus,.form-group textarea.invalid:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:none}.error-message.show{display:block}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-space-y{display:flex;flex-direction:column;gap:1.5rem}.payment-methods{display:flex;flex-direction:column;gap:1rem}.payment-method{position:relative;display:block;cursor:pointer}.payment-method-radio{position:absolute;opacity:0;width:0;height:0}.checkout-payment-method-card{border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s;background-color:#fff}.payment-method:hover .checkout-payment-method-card{border-color:#9ca3af;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.payment-method-radio:checked+.checkout-payment-method-card{border-color:#000;background-color:#f9fafb;box-shadow:0 0 0 1px #000}.checkout-payment-method-content{display:flex;align-items:center;gap:1rem}.payment-method-indicator{width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s}.payment-method-radio:checked+.checkout-payment-method-card .payment-method-indicator{border-color:#000}.indicator-dot{width:.625rem;height:.625rem;background-color:#000;border-radius:9999px;opacity:0;transition:opacity .2s}.indicator-dot.active{opacity:1}.payment-method-logo{width:3rem;height:3rem;flex-shrink:0}.payment-method-logo img{width:100%;height:100%;object-fit:contain}.payment-method-details{flex:1;min-width:0}.checkout-payment-method-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.checkout-payment-method-header h3{font-size:1rem;font-weight:500;color:#000;margin:0}.payment-method-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;background-color:#ffedd5;color:#9a3412;border-radius:9999px}.payment-method-description{font-size:.875rem;color:#4b5563;margin:0 0 .25rem;line-height:1.5}.payment-method-fee{font-size:.75rem;color:#6b7280;margin:0}.terms-agreement{display:flex;align-items:flex-start;gap:.75rem}.terms-agreement input[type=checkbox]{margin-top:.25rem;width:1rem;height:1rem;color:#000;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;flex-shrink:0}.terms-agreement input[type=checkbox]:focus{outline:2px solid black;outline-offset:2px}.terms-text{font-size:.875rem;color:#4b5563;line-height:1.5}.terms-text label{cursor:pointer;margin:0}.terms-link{color:#000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:opacity .2s}.terms-link:hover{opacity:.8}.mobile-submit,.desktop-submit{margin-top:1rem}.mobile-submit button,.desktop-submit button{width:100%;background-color:#000;color:#fff;padding:1rem 1.5rem;font-size:1.125rem;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s,opacity .2s}.mobile-submit button:hover:not(:disabled),.desktop-submit button:hover:not(:disabled){background-color:#1f2937}.mobile-submit button:disabled,.desktop-submit button:disabled{opacity:.5;cursor:not-allowed;background-color:#9ca3af}.secure-notice{font-size:.875rem;color:#6b7280;margin:1rem 0 0;display:flex;align-items:center;justify-content:center;gap:.25rem;text-align:center}.secure-icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}@media(min-width:1024px){.secure-notice{font-size:.75rem}.secure-icon{width:.75rem;height:.75rem}}@media(max-width:1023px){.desktop-submit{display:none}.mobile-submit{display:block}}@media(min-width:1024px){.desktop-submit{display:block}.mobile-submit{display:none}}.checkout-sidebar{width:100%}.order-summary{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:sticky;top:2rem}.order-summary h2{font-size:1.25rem;font-weight:500;color:#000;margin:0 0 2rem}.order-car{display:flex;gap:1rem;margin-bottom:2rem}.car-details{flex:1}.car-details h3{font-size:1rem;font-weight:500;color:#000;margin:0 0 .25rem}.car-details p{font-size:.875rem;color:#4b5563;margin:0 0 .25rem}.price-breakdown{border-top:1px solid #e5e7eb;padding-top:2rem;margin-bottom:2rem}.price-breakdown>div:not(:last-child){margin-bottom:.75rem}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.price-row span:first-child{color:#4b5563}.price-row span:last-child{font-weight:500;color:#000}.price-row .included{color:#10b981;font-weight:500}.price-row .due{color:#6b7280;font-size:.75rem}.price-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:1rem;font-size:1.125rem;font-weight:500;color:#000}.security-features{display:flex;flex-direction:column;gap:.75rem}.security-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.form-validation{display:none;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1rem}.form-validation.show{display:block}.form-validation p{color:#dc2626;margin:0;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.visible{display:block!important}.form-success{padding:1rem;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#15803d;font-size:.875rem;margin-bottom:1rem}.payment-page{min-height:100vh;background-color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.payment-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#000,#111827,#000);color:#fff}.header-grid{position:absolute;inset:0;opacity:.06;z-index:0;pointer-events:none;width:100%;height:100%}.header-background{position:absolute;inset:0;z-index:0;pointer-events:none}.header-image{height:100%;width:100%;object-fit:cover;opacity:.2}.header-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,#000c,#000000b3,#000000e6)}.header-content{position:relative;z-index:10}.header-container{max-width:1280px;margin-left:auto;margin-right:auto;padding:2rem 1rem}@media(min-width:640px){.header-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.header-container{padding-left:2rem;padding-right:2rem}}.header-top{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}@media(min-width:768px){.header-top{flex-direction:row;align-items:center;justify-content:space-between}}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#d1d5db;flex-wrap:wrap}.breadcrumb-link{color:#d1d5db;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#fff}.breadcrumb-current{color:#fff;font-weight:500}.breadcrumb-chevron{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.progress-steps{display:none;align-items:center;gap:1rem;list-style:none;margin:0;padding:0}@media(min-width:768px){.progress-steps{display:flex}}.progress-step{display:flex;align-items:center}.progress-step.completed .step-number,.progress-step.active .step-number{background-color:#fff;color:#000}.step-number{width:2rem;height:2rem;background-color:#ffffff1a;color:#fff;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500}.step-label{margin-left:.5rem;font-size:.875rem;color:#d1d5db}.progress-step.completed .step-label,.progress-step.active .step-label{color:#fff}.step-divider{width:2rem;height:1px;background-color:#ffffff4d}.step-divider.active{background-color:#fff}.step-divider.inactive{background-color:#ffffff4d}.payment-container{max-width:1280px;margin-left:auto;margin-right:auto;padding:4rem 1rem}@media(min-width:640px){.payment-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.payment-container{padding-left:2rem;padding-right:2rem}}.payment-grid{display:grid;grid-template-columns:1fr;gap:4rem}@media(min-width:1024px){.payment-grid{grid-template-columns:2fr 1fr}}.payment-main{width:100%}.payment-header-section{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}@media(min-width:1024px){.payment-header-section{flex-direction:row;align-items:center;justify-content:space-between}}.header-title{text-align:center}@media(min-width:1024px){.header-title{text-align:left}}.header-title-h1{font-size:2.25rem;font-weight:300;color:#000;margin-bottom:.5rem;margin-top:0}@media(min-width:640px){.header-title-h1{font-size:2.5rem}}.header-title p{color:#4b5563;font-weight:300;margin:0;font-size:1rem}.timer-box{display:flex;align-items:center;gap:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:.5rem;min-width:200px}.timer-box.expired{opacity:.6}.timer-icon{width:2rem;height:2rem;background-color:#000;color:#fff;border-radius:.375rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timer-svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.timer-content{text-align:right;min-width:120px}.timer-display{font-size:1.5rem;font-weight:300;font-family:monospace;color:#000;line-height:1}@media(min-width:640px){.timer-display{font-size:1.75rem}}.timer-display.warning{color:#dc2626;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.timer-label{font-size:.75rem;color:#6b7280;font-weight:300;margin:.25rem 0;line-height:1}.timer-progress{height:.25rem;background-color:#e5e7eb;border-radius:9999px;overflow:hidden;margin-top:.25rem}.timer-progress-bar{height:100%;background-color:#000;border-radius:9999px;transition:width 1s linear}.payment-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:3rem}.payment-method-header{display:flex;align-items:center;margin-bottom:2.5rem}.payment-logo{width:3rem;height:3rem;object-fit:contain;margin-right:1rem}.payment-method-header h3{font-size:1.25rem;font-weight:500;color:#000;margin:0 0 .25rem}.payment-method-header p{color:#4b5563;font-weight:300;margin:0}.payment-details-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem}@media(min-width:1024px){.payment-details-grid{grid-template-columns:repeat(2,1fr)}}.amount-section label,.address-section label{display:block;font-size:.875rem;font-weight:500;color:#000;margin-bottom:1rem}.amount-box,.address-box{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.amount-display{font-size:1.5rem;font-weight:300;color:#000;margin-bottom:.75rem;word-break:break-all}.amount-usd{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.address-display{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:.5rem}.address-display code{font-size:.875rem;font-family:monospace;color:#000;word-break:break-all;flex:1}.copy-icon-button{flex-shrink:0;padding:.5rem;color:#6b7280;background:none;border:none;cursor:pointer;transition:all .2s}.copy-icon-button:hover{color:#000;background-color:#f3f4f6;border-radius:.375rem}.payment-copy-button{font-size:.875rem;color:#000;background:none;border:none;text-decoration:underline;cursor:pointer;transition:color .2s;padding:0}.payment-copy-button:hover{color:#4b5563}.copy-icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.copy-icon.copied{color:#10b981}.qr-section{margin-top:2.5rem}.qr-section label{display:block;font-size:.875rem;font-weight:500;color:#000;margin-bottom:1rem}.qr-box{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:2rem;text-align:center}.qr-container{position:relative;display:inline-block}.qr-image{width:12rem;height:12rem;border:1px solid #e5e7eb}.qr-fallback{width:12rem;height:12rem;background-color:#f3f4f6;border:1px solid #e5e7eb;display:none;flex-direction:column;align-items:center;justify-content:center}.qr-error-icon{width:3rem;height:3rem;color:#9ca3af;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:.5rem}.qr-error-text{font-size:.75rem;color:#6b7280;margin:0 0 .125rem}.qr-error-subtext{font-size:.75rem;color:#9ca3af;font-weight:300;margin:0}.qr-refresh-button{position:absolute;top:.5rem;right:.5rem;background-color:#ffffffe6;padding:.5rem;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:all .2s}.qr-refresh-button:hover{background-color:#fff}.refresh-icon{width:1rem;height:1rem;color:#4b5563;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.qr-info{margin-top:2rem}.qr-info p{font-size:.875rem;color:#4b5563;font-weight:300;margin:.25rem 0}.qr-info .payment-copy-button{margin-top:.5rem}.instructions-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:3rem}.instructions-card h3{font-size:1.25rem;font-weight:500;color:#000;margin:0 0 2.5rem}.instructions-list{display:flex;flex-direction:column;gap:2rem}.instruction-step{display:flex;align-items:flex-start;gap:1.5rem}.instruction-step .step-number{width:2rem;height:2rem;background-color:#000;color:#fff;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;flex-shrink:0;margin-top:.125rem}.instruction-step h4{font-size:1rem;font-weight:500;color:#000;margin:0 0 .5rem}.instruction-step p{color:#4b5563;font-weight:300;margin:0;line-height:1.5}.instruction-step p strong{font-weight:600}.transaction-form{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:3rem}.transaction-form h3{font-size:1.25rem;font-weight:500;color:#000;margin:0 0 2.5rem}.transaction-form .form-group{margin-bottom:2rem}.transaction-form label{display:block;font-size:.875rem;font-weight:500;color:#000;margin-bottom:1rem}.transaction-form input{width:100%;padding:1rem;border:1px solid #d1d5db;border-radius:.5rem;font-family:monospace;font-size:.875rem;transition:border-color .2s;box-sizing:border-box}.transaction-form input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.transaction-form input.disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.5}.helper-text{font-size:.75rem;color:#6b7280;font-weight:300;margin:.5rem 0 0}.confirm-button{width:100%;background-color:#000;color:#fff;padding:1rem 1.5rem;font-size:1.125rem;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.confirm-button:hover:not(:disabled){background-color:#1f2937}.confirm-button:disabled{opacity:.5;cursor:not-allowed}.confirm-button.expired{background-color:#9ca3af}.important-notice{background-color:#fef2f2;border:1px solid #fecaca;border-radius:1rem;padding:2rem;display:flex;align-items:flex-start;gap:1rem}.warning-icon{width:1.5rem;height:1.5rem;color:#dc2626;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:.125rem}.important-notice h4{font-size:1rem;font-weight:500;color:#991b1b;margin:0 0 1.5rem}.notice-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.notice-list li{font-size:.875rem;color:#991b1b;font-weight:300;line-height:1.5;display:flex;align-items:flex-start;gap:1rem}.notice-list li:before{content:"";width:.375rem;height:.375rem;background-color:#dc2626;border-radius:9999px;margin-top:.5rem;flex-shrink:0}.payment-sidebar{width:100%}.order-summary{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:sticky;top:2rem}.order-summary h2{font-size:1.25rem;font-weight:500;color:#000;margin:0 0 2.5rem}.car-summary{display:flex;gap:1rem;margin-bottom:2.5rem}.car-image{width:5rem;height:5rem;background-color:#f3f4f6;border-radius:.5rem;overflow:hidden;flex-shrink:0}.car-image img{width:100%;height:100%;object-fit:cover}.car-info{flex:1}.car-info h3{font-size:1rem;font-weight:500;color:#000;margin:0 0 .5rem}.car-info p{font-size:.875rem;color:#4b5563;font-weight:300;margin:0 0 .25rem}.payment-summary{border-top:1px solid #e5e7eb;padding-top:2.5rem;margin-bottom:2.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-bottom:.75rem}.summary-row span:first-child{color:#4b5563;font-weight:300}.summary-row span:last-child{font-weight:500;color:#000}.summary-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:1rem;font-size:1.125rem;font-weight:500;color:#000}.status-box{padding:2rem;border-radius:.5rem;margin-bottom:2.5rem}.status-box.pending{background-color:#fffbeb;border:1px solid #fcd34d}.status-box.expired{background-color:#f3f4f6;border:1px solid #d1d5db}.status-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.status-icon{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.status-box.pending .status-icon{color:#d97706}.status-box.expired .status-icon{color:#6b7280}.status-text{font-size:.875rem;font-weight:500}.status-box.pending .status-text{color:#92400e}.status-box.expired .status-text{color:#4b5563}.status-message{font-size:.75rem;font-weight:300;margin:0;line-height:1.5}.status-box.pending .status-message{color:#92400e}.status-box.expired .status-message{color:#6b7280}.security-features{display:flex;flex-direction:column;gap:1rem}.security-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#4b5563;font-weight:300}.security-icon{width:1rem;height:1rem;fill:none;stroke:#10b981;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.loading-spinner{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{font-size:3rem;margin-bottom:1rem}.error-container h3{font-size:1.5rem;color:#dc2626;margin:0 0 1rem;font-weight:600}.error-container p{color:#4b5563;margin:0 0 1.5rem;max-width:24rem;line-height:1.5}.back-button{background-color:#000;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#1f2937}.hidden{display:none!important}.confirmation-page{min-height:100vh;background:#f8fafc;margin-top:4rem}.confirmation-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:1.5rem 0}@media(min-width:768px){.confirmation-header{padding:2rem 0}}.confirmation-header-grid{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1}.confirmation-header-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2}.confirmation-header-image{width:100%;height:100%;object-fit:cover}.confirmation-header-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7))}.confirmation-header-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:768px){.confirmation-header-content{padding:0 1.5rem}}.confirmation-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;font-size:.75rem}@media(min-width:640px){.confirmation-breadcrumb{gap:.5rem;margin-bottom:1.5rem;font-size:.875rem}}.confirmation-breadcrumb-link{color:#fffc;text-decoration:none;white-space:nowrap}.confirmation-breadcrumb-link:hover{color:#fff;text-decoration:underline}.confirmation-breadcrumb-current{color:#fff;font-weight:500}.confirmation-breadcrumb-chevron{width:.875rem;height:.875rem;color:#ffffff80;flex-shrink:0}@media(min-width:640px){.confirmation-breadcrumb-chevron{width:1rem;height:1rem}}.confirmation-progress-steps{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}@media(min-width:768px){.confirmation-progress-steps{flex-wrap:nowrap;gap:0}}.confirmation-progress-step{display:flex;align-items:center;gap:.375rem}@media(min-width:768px){.confirmation-progress-step{gap:.5rem}}.confirmation-progress-step.completed .confirmation-step-number{background:#10b981;color:#fff}.confirmation-progress-step.active .confirmation-step-number{background:#fff;color:#3b82f6}.confirmation-step-number{width:1.75rem;height:1.75rem;border-radius:50%;background:#fff3;color:#fffc;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}@media(min-width:768px){.confirmation-step-number{width:2rem;height:2rem;font-size:.875rem}}.confirmation-step-label{font-size:.75rem;color:#ffffffe6;white-space:nowrap}@media(min-width:768px){.confirmation-step-label{font-size:.875rem}}.confirmation-step-divider{display:none}@media(min-width:768px){.confirmation-step-divider{display:block;width:3rem;height:2px;background:#fff3;margin:0 .75rem}.confirmation-step-divider.completed{background:#10b981}.confirmation-step-divider.active{background:#fff}}.confirmation-container{max-width:1200px;margin:0 auto;padding:1rem}@media(min-width:640px){.confirmation-container{padding:1.5rem}}@media(min-width:1024px){.confirmation-container{padding:2rem 1rem}}.confirmation-grid{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.confirmation-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem}}.confirmation-banner{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;border:2px solid}@media(min-width:768px){.confirmation-banner{border-radius:1rem;padding:2rem;margin-bottom:2rem}}.confirmation-banner.success{border-color:#10b981}.confirmation-banner.pending{border-color:#f59e0b}.confirmation-banner-content{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;text-align:center}@media(min-width:768px){.confirmation-banner-content{flex-direction:row;align-items:center;text-align:left}}.confirmation-banner-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(min-width:768px){.confirmation-banner-icon{width:3rem;height:3rem}}.confirmation-success-icon{width:1.5rem;height:1.5rem;color:#10b981}@media(min-width:768px){.confirmation-success-icon{width:2rem;height:2rem}}.confirmation-warning-icon{width:1.5rem;height:1.5rem;color:#f59e0b}@media(min-width:768px){.confirmation-warning-icon{width:2rem;height:2rem}}.confirmation-banner-text h1{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;line-height:1.2}@media(min-width:768px){.confirmation-banner-text h1{font-size:1.5rem}}.confirmation-banner-text p{color:#6b7280;margin:0;font-size:.875rem;line-height:1.5}@media(min-width:768px){.confirmation-banner-text p{font-size:1rem}}.confirmation-banner-actions{display:flex;justify-content:center}.confirmation-download-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background .2s;font-size:.875rem;width:100%;max-width:300px}@media(min-width:640px){.confirmation-download-button{padding:.75rem 1.5rem;width:auto}}.confirmation-download-button:hover:not(:disabled){background:#2563eb}.confirmation-download-button:disabled{opacity:.5;cursor:not-allowed}.confirmation-details-section,.confirmation-car-section,.confirmation-billing-section,.confirmation-next-steps,.confirmation-support-section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}@media(min-width:768px){.confirmation-details-section,.confirmation-car-section,.confirmation-billing-section,.confirmation-next-steps,.confirmation-support-section{border-radius:1rem;padding:2rem;margin-bottom:2rem}}.confirmation-section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}@media(min-width:768px){.confirmation-section-title{font-size:1.25rem;margin-bottom:1.5rem}}.confirmation-details-grid{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.confirmation-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}}.confirmation-detail-card{background:#f8fafc;border-radius:.625rem;padding:1.25rem}@media(min-width:768px){.confirmation-detail-card{border-radius:.75rem;padding:1.5rem}}.confirmation-detail-card h3{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}@media(min-width:768px){.confirmation-detail-card h3{font-size:1rem;margin-bottom:1rem}}.confirmation-detail-list{display:flex;flex-direction:column;gap:.625rem}@media(min-width:768px){.confirmation-detail-list{gap:.75rem}}.confirmation-detail-item{display:flex;flex-direction:column;gap:.25rem}@media(min-width:768px){.confirmation-detail-item{flex-direction:row;justify-content:space-between;align-items:center;gap:0}}.confirmation-detail-label{color:#6b7280;font-size:.75rem;font-weight:500}@media(min-width:768px){.confirmation-detail-label{font-size:.875rem;font-weight:400}}.confirmation-detail-value{color:#1f2937;font-weight:500;font-size:.875rem;word-break:break-word}@media(min-width:768px){.confirmation-detail-value{font-size:.875rem;text-align:right}}.confirmation-detail-value.code{font-family:monospace;font-size:.75rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;word-break:break-all}.confirmation-status-badge{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;display:inline-block;width:fit-content}.confirmation-status-badge.paid{background:#d1fae5;color:#065f46}.confirmation-status-badge.pending{background:#fef3c7;color:#92400e}.confirmation-status-badge.expired{background:#f3f4f6;color:#6b7280}.confirmation-car-card{display:flex;flex-direction:column;gap:1rem;align-items:center}@media(min-width:768px){.confirmation-car-card{flex-direction:row;align-items:center;gap:1.5rem}}.confirmation-car-image{width:100%;max-width:300px;height:180px;border-radius:.75rem;overflow:hidden;flex-shrink:0}@media(min-width:768px){.confirmation-car-image{width:200px;height:150px}}.confirmation-car-image img{width:100%;height:100%;object-fit:cover}.confirmation-car-info{width:100%;text-align:center}@media(min-width:768px){.confirmation-car-info{text-align:left}}.confirmation-car-info h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;line-height:1.2}@media(min-width:768px){.confirmation-car-info h3{font-size:1.25rem}}.confirmation-car-price{font-size:1rem;font-weight:600;color:#059669;margin:0 0 .75rem}@media(min-width:768px){.confirmation-car-price{font-size:1.125rem;margin:0 0 .5rem}}.confirmation-car-specs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}@media(min-width:768px){.confirmation-car-specs{justify-content:flex-start;gap:1rem}}.confirmation-car-specs span{padding:.375rem .75rem;background:#f3f4f6;border-radius:.375rem;font-size:.75rem;color:#4b5563;white-space:nowrap}.confirmation-car-features{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center}@media(min-width:768px){.confirmation-car-features{justify-content:flex-start;gap:.5rem}}.confirmation-feature-tag{padding:.25rem .5rem;background:#dbeafe;color:#1e40af;border-radius:.25rem;font-size:.75rem;white-space:nowrap}.confirmation-billing-grid{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.confirmation-billing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}}.confirmation-billing-group h3{font-size:.75rem;font-weight:600;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}@media(min-width:768px){.confirmation-billing-group h3{font-size:.875rem}}.confirmation-billing-group p{color:#374151;margin:.25rem 0;font-size:.875rem;line-height:1.5}.confirmation-steps-grid{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.confirmation-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}}.confirmation-step-card{background:#f8fafc;border-radius:.75rem;padding:1.25rem;display:flex;gap:1rem;align-items:flex-start}@media(min-width:768px){.confirmation-step-card{padding:1.5rem}}.confirmation-step-number{width:1.75rem;height:1.75rem;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:.875rem}@media(min-width:768px){.confirmation-step-number{width:2rem;height:2rem}}.confirmation-step-content h3{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .375rem;line-height:1.2}@media(min-width:768px){.confirmation-step-content h3{font-size:1rem;margin:0 0 .5rem}}.confirmation-step-content p{color:#6b7280;margin:0;font-size:.75rem;line-height:1.5}@media(min-width:768px){.confirmation-step-content p{font-size:.875rem}}.confirmation-support-grid{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.confirmation-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}}.confirmation-support-card{background:#f8fafc;border-radius:.75rem;padding:1.25rem;text-align:center}@media(min-width:768px){.confirmation-support-card{padding:1.5rem}}.confirmation-support-icon{width:2.5rem;height:2.5rem;color:#3b82f6;margin:0 auto .75rem}@media(min-width:768px){.confirmation-support-icon{width:3rem;height:3rem;margin:0 auto 1rem}}.confirmation-support-card h3{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .375rem}@media(min-width:768px){.confirmation-support-card h3{font-size:1rem;margin:0 0 .5rem}}.confirmation-support-card p{color:#6b7280;margin:.125rem 0;font-size:.75rem;line-height:1.4}@media(min-width:768px){.confirmation-support-card p{font-size:.875rem;margin:.25rem 0}}.confirmation-sidebar{display:flex;flex-direction:column;gap:1.5rem;order:-1}@media(min-width:1024px){.confirmation-sidebar{order:1}}.confirmation-sidebar-card{background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #0000001a}@media(min-width:768px){.confirmation-sidebar-card{border-radius:1rem;padding:1.5rem}}.confirmation-sidebar-card h2{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}@media(min-width:768px){.confirmation-sidebar-card h2{font-size:1.125rem}}.confirmation-action-buttons{display:flex;flex-direction:column;gap:.625rem}@media(min-width:768px){.confirmation-action-buttons{gap:.75rem}}.confirmation-action-button{padding:.75rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;border:none;text-align:center;transition:all .2s;font-size:.875rem;width:100%}.confirmation-action-button.primary{background:#3b82f6;color:#fff}.confirmation-action-button.primary:hover{background:#2563eb}.confirmation-action-button.secondary{background:#10b981;color:#fff}.confirmation-action-button.secondary:hover{background:#059669}.confirmation-action-button.outline{background:#fff;color:#374151;border:1px solid #d1d5db}.confirmation-action-button.outline:hover{background:#f9fafb}.confirmation-action-button:disabled{opacity:.5;cursor:not-allowed}.confirmation-timeline{display:flex;flex-direction:column;gap:.875rem}@media(min-width:768px){.confirmation-timeline{gap:1rem}}.confirmation-timeline-item{display:flex;gap:.75rem;position:relative}@media(min-width:768px){.confirmation-timeline-item{gap:1rem}}.confirmation-timeline-item:before{content:"";position:absolute;left:.4375rem;top:1.75rem;bottom:-.875rem;width:2px;background:#e5e7eb}@media(min-width:768px){.confirmation-timeline-item:before{left:.5rem;top:2.5rem;bottom:-1rem}}.confirmation-timeline-item:last-child:before{display:none}.confirmation-timeline-marker{width:.875rem;height:.875rem;border-radius:50%;background:#e5e7eb;border:2px solid white;box-shadow:0 0 0 2px #e5e7eb;flex-shrink:0;margin-top:.125rem;position:relative;z-index:1}@media(min-width:768px){.confirmation-timeline-marker{width:1rem;height:1rem;margin-top:.25rem;box-shadow:0 0 0 3px #e5e7eb}}.confirmation-timeline-item.completed .confirmation-timeline-marker{background:#10b981;box-shadow:0 0 0 2px #d1fae5}@media(min-width:768px){.confirmation-timeline-item.completed .confirmation-timeline-marker{box-shadow:0 0 0 3px #d1fae5}}.confirmation-timeline-content h3{font-size:.75rem;font-weight:500;color:#1f2937;margin:0 0 .125rem;line-height:1.2}@media(min-width:768px){.confirmation-timeline-content h3{font-size:.875rem;margin:0 0 .25rem}}.confirmation-timeline-content p{color:#6b7280;font-size:.625rem;margin:0;line-height:1.2}@media(min-width:768px){.confirmation-timeline-content p{font-size:.75rem}}.confirmation-info-list{display:flex;flex-direction:column;gap:.875rem}@media(min-width:768px){.confirmation-info-list{gap:1rem}}.confirmation-info-item{display:flex;gap:.625rem;align-items:flex-start}@media(min-width:768px){.confirmation-info-item{gap:.75rem}}.confirmation-info-icon{width:1rem;height:1rem;color:#6b7280;flex-shrink:0;margin-top:.125rem}@media(min-width:768px){.confirmation-info-icon{width:1.25rem;height:1.25rem}}.confirmation-info-item p{color:#4b5563;font-size:.75rem;margin:0;line-height:1.4;flex:1}@media(min-width:768px){.confirmation-info-item p{font-size:.875rem}}.confirmation-loading-container,.confirmation-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem 1rem}.confirmation-loading-spinner{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:confirmation-spin 1s linear infinite;margin-bottom:1rem}@keyframes confirmation-spin{to{transform:rotate(360deg)}}.confirmation-error-icon{font-size:2.5rem;margin-bottom:1rem}@media(min-width:768px){.confirmation-error-icon{font-size:3rem}}.confirmation-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:300px}@media(min-width:640px){.confirmation-actions{flex-direction:row;justify-content:center;max-width:none}}.confirmation-back-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:500;cursor:pointer;font-size:.875rem;width:100%}@media(min-width:640px){.confirmation-back-button{width:auto;padding:.75rem 1.5rem}}.confirmation-secondary-button{background:#f3f4f6;color:#374151;border:none;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:500;cursor:pointer;font-size:.875rem;width:100%}@media(min-width:640px){.confirmation-secondary-button{width:auto;padding:.75rem 1.5rem}}@media(max-width:767px){.confirmation-step-divider{display:none}.confirmation-progress-steps{justify-content:center}.confirmation-car-image{width:100%;max-width:100%;height:200px}.confirmation-detail-item{flex-wrap:wrap}.confirmation-detail-value.code{font-size:.6875rem;overflow-x:auto;max-width:100%}}@media(min-width:768px)and (max-width:1023px){.confirmation-container{padding:1.5rem}.confirmation-car-image{width:180px;height:135px}.confirmation-banner-content{gap:1.5rem}}@media(min-width:1400px){.confirmation-container{max-width:1400px}.confirmation-grid{gap:3rem}.confirmation-sidebar{width:400px}}