@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap&text=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";.pwa-floating-container{pointer-events:none}.pwa-floating-wrapper{pointer-events:all;animation:slideInFromLeft .6s cubic-bezier(.4,0,.2,1)}.pwa-floating-wrapper.expanded .pwa-floating-text{animation:expandText .4s cubic-bezier(.4,0,.2,1)}.pwa-floating-fab{animation:pulse 2s infinite}.pwa-floating-text{animation:slideInText .4s cubic-bezier(.4,0,.2,1)}.pwa-floating-close{animation:fadeIn .3s ease-in-out}@keyframes slideInFromLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes expandText{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInText{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 8px 24px #2c528266}50%{box-shadow:0 8px 24px #2c528299,0 0 0 8px #2c52821a}to{box-shadow:0 8px 24px #2c528266}}.pwa-floating-wrapper:hover .pwa-floating-fab{animation:none}.pwa-floating-wrapper:hover .pwa-floating-text{transform:translateY(-2px)}@media (max-width: 768px){.pwa-floating-text{display:none}.pwa-floating-close{top:-6px;right:-6px;width:20px;height:20px}}.pwa-floating-text,.pwa-floating-text:hover{color:#fff!important}[data-theme=dark] .pwa-floating-text{background-color:#1e293bf2!important;border-color:#94a3b833!important;color:#fff!important}[data-theme=dark] .pwa-floating-text:hover{background-color:#1e293b!important;color:#fff!important}@media (prefers-contrast: high){.pwa-floating-fab{border:2px solid white}.pwa-floating-text{border:2px solid white!important}}@media (prefers-reduced-motion: reduce){.pwa-floating-wrapper,.pwa-floating-fab,.pwa-floating-text,.pwa-floating-close{animation:none}.pwa-floating-wrapper:hover .pwa-floating-fab,.pwa-floating-wrapper:hover .pwa-floating-text{transform:none}}.pwa-floating-fab:focus-visible{outline:3px solid rgba(59,130,246,.5);outline-offset:2px}.pwa-floating-text:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.pwa-floating-close:focus-visible{outline:2px solid rgba(239,68,68,.5);outline-offset:2px}@media print{.pwa-floating-container{display:none!important}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1500;background-color:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000001a}[data-theme=dark] .mobile-bottom-nav{background-color:#1e293b;border-top:1px solid #334155}.mobile-bottom-nav .MuiBottomNavigationAction-root{color:#64748b;transition:all .2s ease}.mobile-bottom-nav .MuiBottomNavigationAction-root.Mui-selected{color:#0049ab}.mobile-bottom-nav .MuiBottomNavigationAction-root:hover{color:#1e293b}[data-theme=dark] .mobile-bottom-nav .MuiBottomNavigationAction-root{color:#cbd5e1}[data-theme=dark] .mobile-bottom-nav .MuiBottomNavigationAction-root.Mui-selected{color:#3b82f6}[data-theme=dark] .mobile-bottom-nav .MuiBottomNavigationAction-root:hover{color:#f8fafc}.mobile-bottom-nav .MuiSvgIcon-root{font-size:1.5rem}.mobile-bottom-nav .MuiBottomNavigationAction-label{font-size:.75rem;font-weight:500;margin-top:4px;opacity:1!important;transform:scale(1)!important}.mobile-bottom-nav .MuiBottomNavigationAction-root .MuiBottomNavigationAction-label{display:block!important;visibility:visible!important}.mobile-bottom-nav .MuiBottomNavigationAction-root:active{transform:scale(.95);transition:transform .1s ease}.mobile-bottom-nav-safe-area{height:env(safe-area-inset-bottom,0px);background-color:inherit}body.mobile-bottom-nav-active{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}@media (max-width: 480px){.mobile-bottom-nav .MuiBottomNavigationAction-root{padding:6px 8px}.mobile-bottom-nav .MuiSvgIcon-root{font-size:1.4rem}.mobile-bottom-nav .MuiBottomNavigationAction-label{font-size:.7rem}}@media (prefers-reduced-motion: reduce){.mobile-bottom-nav .MuiBottomNavigationAction-root{transition:none}.mobile-bottom-nav .MuiBottomNavigationAction-root:active{transform:none}}@media (prefers-contrast: high){.mobile-bottom-nav{border-top:2px solid currentColor}.mobile-bottom-nav .MuiBottomNavigationAction-root{border:1px solid transparent}.mobile-bottom-nav .MuiBottomNavigationAction-root.Mui-selected{border-color:currentColor}}.navbar{background-color:#0049ab!important;-webkit-backdrop-filter:blur(8px);-moz-backdrop-filter:blur(8px);-ms-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem 0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a;height:150px}.MuiAppBar-root.navbar{background-color:#0049ab!important}@media (max-width: 768px){.navbar{height:70px}}@media (max-width: 900px) and (min-width: 769px){.navbar{height:80px}}@supports (-ms-ime-align: auto){.navbar .MuiButton-root,.navbar .MuiButton-root:hover,.navbar .MuiButton-root:visited{color:#fff!important}.MuiDrawer-paper .MuiButton-root{color:#1a1a1a!important}[data-theme=dark] .MuiDrawer-paper .MuiButton-root{color:#f8fafc!important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.navbar .MuiButton-root,.navbar .MuiIconButton-root{color:#fff!important}.MuiDrawer-paper .MuiButton-root{color:#333!important}[data-theme=dark] .MuiDrawer-paper .MuiButton-root{color:#fff!important}}@supports (-webkit-appearance: none){.navbar .MuiButton-root,.navbar .MuiButton-root:hover,.navbar .MuiIconButton-root{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.MuiDrawer-paper .MuiButton-root{color:#1a1a1a!important;-webkit-text-fill-color:#1a1a1a!important}[data-theme=dark] .MuiDrawer-paper .MuiButton-root{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@supports (-webkit-appearance: none) and (not (-ms-ime-align: auto)){.navbar .MuiButton-root,.navbar .MuiIconButton-root{color:#fff!important}.MuiDrawer-paper .MuiButton-root{color:#1a1a1a!important}[data-theme=dark] .MuiDrawer-paper .MuiButton-root{color:#f8fafc!important}}@-moz-document url-prefix(){.navbar .MuiButton-root,.navbar .MuiIconButton-root{color:#fff!important}.MuiDrawer-paper .MuiButton-root{color:#1a1a1a!important}[data-theme=dark] .MuiDrawer-paper .MuiButton-root{color:#f8fafc!important}.navbar{background-color:#0049ab!important}[data-theme=dark] .navbar{background-color:#1e293b!important}}.navbar .MuiButton-root,.navbar .MuiIconButton-root{color:#fff!important;text-shadow:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.MuiDrawer-paper .MuiButton-root{color:#1a1a1a!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar .MuiToolbar-root{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important}.navbar .MuiButton-root{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important}@media (min-width: 900px){.navbar .MuiToolbar-root>div:nth-child(2){display:flex!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-width:0!important;overflow:visible!important}.navbar .MuiButton-root{color:#fff!important;font-size:1rem!important;font-weight:500!important;padding:8px 16px!important;margin:0 4px!important;white-space:nowrap!important;text-transform:none!important;min-width:auto!important}}.MuiDrawer-paper{background-color:#fff!important}[data-theme=dark] .MuiDrawer-paper{background-color:#1e293b!important}.MuiDrawer-root[class*=MuiDrawer-anchorTop] .MuiDrawer-paper,.MuiDrawer-paper[style*=top]{top:0!important;margin:0!important;padding:0!important;border-top:none!important}.MuiDrawer-paper .MuiList-root{display:block!important;width:100%!important}.MuiDrawer-paper .MuiListItem-root{display:block!important;width:100%!important;visibility:visible!important;opacity:1!important}.MuiDrawer-paper .MuiButton-root{display:flex!important;visibility:visible!important;opacity:1!important;color:#1a1a1a!important;width:100%!important;min-height:48px!important;justify-content:flex-start!important;text-align:left!important}.MuiDrawer-paper .MuiButton-root.mobile-drawer-active-item,.MuiDrawer-paper .mobile-drawer-active-item,.MuiDrawer-paper .MuiButton-root.mobile-drawer-active-item .MuiButton-label,.MuiDrawer-paper .MuiButton-root.mobile-drawer-active-item .MuiButton-text,.MuiDrawer-paper .MuiButton-root.mobile-drawer-active-item span,.MuiDrawer-paper .mobile-drawer-active-item .MuiButton-label,.MuiDrawer-paper .mobile-drawer-active-item .MuiButton-text,.MuiDrawer-paper .mobile-drawer-active-item span,.MuiDrawer-paper .mobile-drawer-active-item *{color:#fff!important}.MuiDrawer-paper .MuiButton-root.mobile-drawer-active-item *,.MuiDrawer-paper .mobile-drawer-active-item *{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.MuiDrawer-paper .MuiButton-root.mobile-drawer-active-item:before,.MuiDrawer-paper .MuiButton-root.mobile-drawer-active-item:after{color:#fff!important}.MuiDrawer-paper .MuiButton-root[style*=background]:not([style*=transparent]),.MuiDrawer-paper .MuiButton-root[style*=linear-gradient]{color:#fff!important}.MuiDrawer-paper .MuiButton-root[style*=background]:not([style*=transparent]) .MuiButton-label,.MuiDrawer-paper .MuiButton-root[style*=background]:not([style*=transparent]) .MuiButton-text,.MuiDrawer-paper .MuiButton-root[style*=background]:not([style*=transparent]) span,.MuiDrawer-paper .MuiButton-root[style*=linear-gradient] .MuiButton-label,.MuiDrawer-paper .MuiButton-root[style*=linear-gradient] .MuiButton-text,.MuiDrawer-paper .MuiButton-root[style*=linear-gradient] span{color:#fff!important}[data-theme=dark] .MuiDrawer-paper .MuiButton-root{color:#f8fafc!important}[data-theme=dark] .MuiDrawer-paper .MuiButton-root[style*=background],[data-theme=dark] .MuiDrawer-paper .MuiButton-root[style*=background] .MuiButton-label,[data-theme=dark] .MuiDrawer-paper .MuiButton-root[style*=background] .MuiButton-text,[data-theme=dark] .MuiDrawer-paper .MuiButton-root[style*=background] span{color:#fff!important}@supports (-ms-ime-align: auto){.MuiDrawer-paper .MuiButton-root{color:#1a1a1a!important;display:flex!important}[data-theme=dark] .MuiDrawer-paper .MuiButton-root{color:#f8fafc!important}}@supports (-ms-ime-align: auto){.MuiCard-root .MuiTypography-root{color:inherit!important}.MuiCard-root .MuiTypography-colorTextSecondary{color:#666!important}[data-theme=dark] .MuiCard-root .MuiTypography-colorTextSecondary{color:#b0b0b0!important}.MuiMenu-paper .MuiTypography-root{color:#1a1a1a!important}[data-theme=dark] .MuiMenu-paper .MuiTypography-root{color:#f8fafc!important}.MuiTypography-root[class*=textSecondary]{color:#666!important}[data-theme=dark] .MuiTypography-root[class*=textSecondary]{color:#b0b0b0!important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.MuiTypography-colorTextSecondary{color:#666!important}[data-theme=dark] .MuiTypography-colorTextSecondary{color:#b0b0b0!important}.MuiMenu-paper .MuiTypography-root{color:#1a1a1a!important}[data-theme=dark] .MuiMenu-paper .MuiTypography-root{color:#fff!important}.MuiCard-root .MuiTypography-root{color:inherit!important}}[data-theme=dark] .MuiPopper-root .MuiPaper-root{background-color:#1e293b!important;border:1px solid #334155!important;color:#f8fafc!important}[data-theme=dark] .MuiPopper-root .MuiMenuItem-root{color:#f8fafc!important}[data-theme=dark] .MuiPopper-root .MuiMenuItem-root:hover{background-color:#3b82f61a!important;color:#fff!important}[data-theme=dark] .MuiPopper-root .MuiMenuItem-root .MuiSvgIcon-root{color:#cbd5e1!important}[data-theme=dark] .MuiPopper-root .MuiMenuItem-root:hover .MuiSvgIcon-root{color:#fff!important}[data-theme=dark] .navbar{background-color:#1e293b!important;border-bottom:1px solid #334155;height:150px;padding:.75rem 0}[data-theme=dark] .MuiAppBar-root.navbar{background-color:#1e293b!important;height:150px}[data-theme=dark] .MuiAppBar-root{background-color:#1e293b!important}@media (max-width: 768px){[data-theme=dark] .navbar,[data-theme=dark] .MuiAppBar-root.navbar{height:70px}.navbar .MuiToolbar-root,[data-theme=dark] .navbar .MuiToolbar-root{padding:0 1rem!important}}@media (max-width: 900px) and (min-width: 769px){[data-theme=dark] .navbar,[data-theme=dark] .MuiAppBar-root.navbar{height:80px}.navbar .MuiToolbar-root,[data-theme=dark] .navbar .MuiToolbar-root{padding:0 1.5rem!important}}.navbar .MuiToolbar-root{background-color:transparent!important;width:100%!important;min-height:unset!important;padding:0 2rem!important;margin:0!important}.navbar .MuiContainer-root{background-color:transparent!important;width:100%!important;max-width:100%!important;padding:0 2rem!important}.navbar-logo{background-color:transparent!important}[data-theme=dark] .navbar .MuiToolbar-root{background-color:transparent!important;color:#f8fafc;width:100%!important;min-height:unset!important;padding:0 2rem!important;margin:0!important}[data-theme=dark] .navbar .MuiContainer-root{background-color:transparent!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}[data-theme=dark] .navbar-logo{background-color:transparent!important}[data-theme=dark] .navbar .MuiButton-root{color:#cbd5e1}[data-theme=dark] .navbar .MuiButton-root:hover{color:#f8fafc;background-color:#f8fafc1a}[data-theme=dark] .navbar .MuiIconButton-root{color:#cbd5e1}[data-theme=dark] .navbar .MuiIconButton-root:hover{color:#f8fafc;background-color:#f8fafc1a}[data-theme=dark] .navbar .MuiTypography-root,[data-theme=dark] .navbar-brand{color:#f8fafc}.navbar .MuiIconButton-root{color:#fff!important}.navbar .MuiIconButton-root:hover{color:#fff!important;background-color:#ffffff1a!important}[data-theme=dark] .navbar-link:hover{color:#f8fafc}[data-theme=dark] .navbar .MuiButton-contained{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}[data-theme=dark] .navbar .MuiButton-contained:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f666}[data-theme=dark] .login-tab{background:linear-gradient(145deg,#3b82f6,#1d4ed8)!important;color:#fff}[data-theme=dark] .login-tab:hover{background:linear-gradient(145deg,#2563eb,#1e40af)!important}.navbar-container{max-width:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:100%}.navbar-logo{flex:0 0 auto;display:flex;align-items:center;height:150px;margin-right:2rem}.navbar-logo img{height:100%;width:auto;object-fit:contain;max-width:200px}.navbar-logo.loading img{opacity:.7;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:.5}to{opacity:.7}}.nav-menu{display:flex;align-items:center;gap:0rem;padding:0;list-style:none;width:100%;max-width:1200px;margin:0 auto}.nav-item{display:flex;align-items:center;position:relative}.nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease;white-space:nowrap}.nav-link:hover{color:#fff;background-color:#ffffff1a}.nav-link.login-btn{background-color:#fff;color:#fff!important;padding:.5rem 1.25rem;border-radius:6px;border:2px solid white;transition:all .2s ease;margin-left:1rem}.nav-link.login-btn:hover{background-color:#ffffff1a;transform:translateY(-1px);color:#fff!important;box-shadow:0 4px 8px #0003}.mobile-menu-btn{display:none}@media (max-width: 1024px){.navbar-container{padding:0 1rem}.nav-menu{gap:1rem}.nav-link{font-size:.9rem;padding:.5rem}}@media (max-width: 768px){.navbar{height:70px}.navbar-container{padding:0 1rem}.navbar-logo{height:50px}.mobile-menu-btn{display:block;background:none}.navbar .MuiIconButton-root{min-width:44px!important;min-height:44px!important;border-radius:8px!important}.MuiDrawer-paper[data-anchor=top],.MuiDrawer-root[class*=anchorTop] .MuiDrawer-paper{border-radius:0 0 24px 24px!important;width:100vw!important;max-width:100vw!important;top:0!important;margin:0!important;padding:0!important}}@media (max-width: 480px){.navbar{height:70px}.navbar-logo{height:45px}.navbar .MuiIconButton-root{min-width:40px!important;min-height:40px!important}}@media (hover: none) and (pointer: coarse){.navbar .MuiButton-root:hover,.navbar .MuiIconButton-root:hover{transform:none!important}.navbar .MuiButton-root:active,.navbar .MuiIconButton-root:active{transform:scale(.95)!important;transition:transform .1s ease!important}border: none; font-size: 1.5rem; color: #1a365d; cursor: pointer; padding: .5rem;{}}.nav-menu{display:none;position:absolute;top:80px;left:0;right:0;background-color:#fffffffa;padding:1rem;flex-direction:column;gap:0rem;box-shadow:0 4px 6px #0000001a}.nav-menu.active{display:flex}.nav-item{width:100%}.nav-link{width:100%;text-align:center;padding:.75rem}.login-btn{margin:.5rem 0;text-align:center;width:100%}} .text-logo{color:#1a365d;font-size:1.5rem;font-weight:700}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}main{margin-top:0}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:#1a365d;text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s ease;padding:.5rem;margin:0}.dropdown{margin:0;padding:.5rem}@media (max-width: 768px){.nav-links{gap:1rem}}.login-tab{position:fixed;top:20%;right:46px;transform:rotate(-90deg);transform-origin:right top;z-index:1001;background-color:#2563eb;color:#fff;padding:12px 24px;border-radius:8px 8px 0 0;font-weight:500;cursor:pointer;transition:all .3s ease;border:2px solid white;box-shadow:-2px 0 8px #0000001a;display:none;text-decoration:none;width:fit-content}.login-tab:hover{background-color:#1d4ed8;transform:rotate(-90deg) translate(-2px)}@media (max-width: 1288px),(max-height: 780px){.nav-menu .login-btn{display:none}.login-tab{display:block}}@media (max-width: 768px){.login-tab{display:none!important}}@media (max-width: 768px){.navbar{height:80px}.navbar-container{padding:0 1rem}.navbar-logo{height:60px}};.footer{background-color:#1a365d;color:#fff;padding:60px 0 20px;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section{display:flex;flex-direction:column;gap:20px}.footer-logo{margin-bottom:1.5rem;transition:all .3s ease;position:relative;display:inline-block}.footer-logo:hover{opacity:1;transform:translateY(-2px)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.footer-logo:hover:after{width:80%;opacity:.8;box-shadow:0 2px 10px #3a86ff66}.footer-logo.loading{opacity:.6;animation:pulse 1.5s infinite}.footer-logo .logo-image{filter:brightness(0) invert(1);opacity:.9}.footer-logo:hover .logo-image{opacity:1}.footer-description{color:#cbd5e1;line-height:1.6}.footer-section h3{font-size:18px;margin-bottom:16px;color:#fff}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#4a5568;text-decoration:none;transition:color .2s ease}.footer-section ul li a:hover{color:#2563eb}@media (prefers-color-scheme: dark){.footer-section ul li a{color:#e2e8f0}.footer-section ul li a:hover{color:#60a5fa}}.contact-info li{display:flex;align-items:center;gap:10px;color:#cbd5e1}.contact-info li svg{font-size:24px;margin-right:10px;margin-left:10px}.footer-contact-text,.footer .MuiTypography-root.footer-contact-text,[data-theme=dark] .footer-contact-text{color:#fff!important}.footer-bottom{max-width:1200px;margin:40px auto 0;padding:20px 20px 0;border-top:1px solid #2d4a77;text-align:center;color:#cbd5e1}@media (max-width: 768px){.footer-container{grid-template-columns:1fr}.footer-logo{font-size:1.3rem!important}}.text-logo{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.veteran-badge{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.veteran-badge-image{max-width:180px;height:auto;opacity:.9;transition:opacity .3s ease}.veteran-badge-image:hover{opacity:1}@media (max-width: 768px){.veteran-badge{margin-top:15px}.veteran-badge-image{max-width:160px}}.login-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f8fafc;position:relative}.login-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;margin-top:80px;margin-bottom:80px}.login-container.modern{padding:0}.login-content-wrapper{display:flex;width:100%;max-width:1200px;min-height:600px;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a;overflow:hidden}.login-image-section{flex:1;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.login-image-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://images.unsplash.com/photo-1516483638261-f4dbaf036963?ixlib=rb-4.0.3&auto=format&fit=crop&w=1050&q=80);background-size:cover;background-position:center;opacity:.2;z-index:0}.login-info-content{position:relative;z-index:1;max-width:400px;text-align:center}.login-brand-logo{width:180px;height:auto;margin-bottom:2rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.login-info-content h2{font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-info-content p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.login-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.feature-item{display:flex;align-items:center;gap:.75rem;font-size:1.1rem}.feature-icon{font-size:1.5rem;color:#fbbf24}.login-testimonial{background-color:#ffffff1a;border-radius:10px;padding:1.5rem;margin-top:2rem;position:relative}.login-testimonial p{font-style:italic;font-size:1rem;margin-bottom:.5rem}.testimonial-author{font-weight:600;font-size:.9rem;opacity:.8}.login-form-section{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.login-card{width:100%;max-width:450px;padding:2rem}.login-header{text-align:center;margin-bottom:2rem;padding:1rem}.login-header h1{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.login-header p{color:#64748b;font-size:1.1rem}.error-message{display:flex;align-items:center;gap:.5rem;background-color:#fee2e2;color:#dc2626;padding:.75rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:#334155}.form-group input{width:100%;padding:.875rem 1rem;border:1px solid #cbd5e1;border-radius:8px;font-size:16px;transition:all .2s;background-color:#f8fafc;-webkit-appearance:none;-webkit-border-radius:8px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background-color:#fff}.form-group input.error{border-color:#dc2626;background-color:#fef2f2}.form-group input.error:focus{box-shadow:0 0 0 3px #dc262626}.input-error-hint{color:#dc2626;font-size:.8rem;margin-top:.25rem}.password-group{margin-bottom:.5rem}.password-input-container{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;font-size:.85rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px}.password-toggle:hover{color:#3b82f6;background-color:#3b82f61a}.form-options{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.remember-me{display:flex;align-items:center}.remember-me-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#334155;font-size:.9rem;cursor:pointer;padding:0}.remember-me-button:hover{color:#3b82f6}.checkbox-icon{font-size:1.2rem;color:#3b82f6}.forgot-password-link{color:#3b82f6;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s}.forgot-password-link:hover{text-decoration:underline;color:#1d4ed8}.login-button{width:100%;height:44px;background-color:#3b82f6;color:#fff;padding:.9rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-top:1rem;position:relative;overflow:hidden;letter-spacing:.01em}.login-button:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.login-button:disabled{background-color:#6b8cd7;cursor:not-allowed;transform:none;box-shadow:none;opacity:.8}.login-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle;position:relative;top:-1px}.login-footer{margin-top:1.5rem;text-align:center}.register-prompt{color:#64748b;font-size:.95rem}.register-link{color:#3b82f6;text-decoration:none;font-weight:500}.register-link:hover{text-decoration:underline;color:#1d4ed8}@media (max-width: 968px){.login-container{margin-top:30px}.login-content-wrapper{flex-direction:column;max-width:600px}.login-image-section{display:none}.login-form-section{padding:2rem 1.5rem}.login-card{padding:1rem}}@media (max-width: 640px){.login-container{padding:1rem;margin-top:20px}.login-content-wrapper{border-radius:12px;min-height:auto}.password-input-container{flex-direction:column;align-items:stretch}.password-input-container input{height:44px;padding-right:1rem}.password-toggle{position:static;transform:none;margin-top:.5rem;padding:.5rem 1rem;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:.9rem;font-weight:500;width:fit-content;align-self:flex-end}.password-toggle:hover{background-color:#e2e8f0;color:#334155}.form-options{flex-direction:column;align-items:flex-start;gap:1rem}.forgot-password-link{align-self:stretch;text-align:left}.login-image-section{padding:2rem 1rem}.login-brand-logo{width:150px;margin-bottom:1.5rem}.login-info-content h2{font-size:1.5rem}.login-info-content p{font-size:1rem}.login-testimonial{padding:1rem}.login-form-section{padding:1.5rem 1rem}.login-header{padding:.5rem;margin-bottom:1.5rem}.login-header h1{font-size:1.5rem}.form-group label,.form-group input{font-size:.95rem}.login-button{height:44px;font-size:.95rem}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000}.footer{position:relative;z-index:1}.back-link{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;color:#1a365d;text-decoration:none;font-weight:500;transition:all .3s ease;padding:8px 16px;border-radius:6px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.back-link:hover{color:#2563eb;transform:translate(-3px)}.back-link svg{font-size:20px;transition:transform .3s ease}.back-link:hover svg{transform:translate(-2px)}@media (max-width: 768px){.back-link{top:10px;left:10px;font-size:14px;padding:6px 12px}}@media (max-width: 480px){.login-card{padding:1.5rem}.login-button{height:48px;padding:.875rem}.recaptcha-element{transform:scale(.85);transform-origin:left center}}.back-to-home{position:absolute;top:20px;left:20px}.back-to-home a{display:flex;align-items:center;gap:8px;color:#1a365d;text-decoration:none;font-size:16px;font-weight:500;padding:10px;transition:color .3s ease}.back-to-home a:hover{color:#2563eb}.back-to-home svg{width:20px;height:20px}.captcha-container{margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;width:100%}.recaptcha-element{margin:0 auto;width:100%;display:flex;justify-content:center;min-height:78px}.captcha-verified{display:flex;align-items:center;gap:.5rem;color:#22c55e;font-size:.9rem;font-weight:500;margin-top:.75rem;padding:.5rem 1rem;background-color:#22c55e1a;border-radius:6px;width:fit-content}.captcha-verified svg{font-size:1.2rem}[data-theme=dark] .login-page{background-color:#0f172a!important;color:#f8fafc}[data-theme=dark] .login-container{background-color:#0f172a!important}[data-theme=dark] .login-container.modern{background-color:#0f172a!important;padding:2rem 1rem}[data-theme=dark] .login-content-wrapper{background-color:#1e293b!important;border:1px solid #334155!important;box-shadow:0 10px 30px #0006!important}[data-theme=dark] .login-image-section{background:linear-gradient(135deg,#1e293b 0%,#334155 100%)!important}[data-theme=dark] .login-hero-title{color:#f8fafc!important;text-shadow:0 2px 8px rgba(0,0,0,.8)!important}[data-theme=dark] .login-hero-subtitle{color:#cbd5e1!important;opacity:1!important}[data-theme=dark] .login-info-content h2{color:#f8fafc!important;text-shadow:0 2px 8px rgba(0,0,0,.8)!important}[data-theme=dark] .login-info-content p{color:#cbd5e1!important;opacity:1!important}[data-theme=dark] .feature-item{color:#cbd5e1!important}[data-theme=dark] .feature-icon{color:#60a5fa!important}[data-theme=dark] .testimonial-author{color:#94a3b8!important}[data-theme=dark] .login-testimonial p{color:#e2e8f0!important}[data-theme=dark] .login-form-section{background-color:#1e293b!important}[data-theme=dark] .login-card{background-color:#1e293b!important;color:#f8fafc}[data-theme=dark] .login-form-title{color:#f8fafc!important}[data-theme=dark] .login-form-subtitle{color:#cbd5e1!important}[data-theme=dark] .login-header h1{color:#f8fafc!important}[data-theme=dark] .login-header p,[data-theme=dark] .form-group label{color:#cbd5e1!important}[data-theme=dark] .form-group input{background-color:#334155!important;border:1px solid #475569!important;color:#f8fafc!important}[data-theme=dark] .form-group input:focus{border-color:#60a5fa!important;box-shadow:0 0 0 2px #60a5fa4d!important}[data-theme=dark] .form-group input::placeholder{color:#94a3b8!important}[data-theme=dark] .form-group input.error{border-color:#f87171!important;box-shadow:0 0 0 2px #f871714d!important}[data-theme=dark] .password-toggle{background-color:#475569!important;color:#cbd5e1!important;border-left:1px solid #64748b!important}[data-theme=dark] .password-toggle:hover{background-color:#64748b!important;color:#f8fafc!important}[data-theme=dark] .input-error-hint{color:#fca5a5!important}[data-theme=dark] .remember-me-button{color:#cbd5e1!important}[data-theme=dark] .remember-me-button:hover{color:#f8fafc!important}[data-theme=dark] .checkbox-icon,[data-theme=dark] .forgot-password-link{color:#60a5fa!important}[data-theme=dark] .forgot-password-link:hover{color:#93c5fd!important}[data-theme=dark] .login-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border:none!important}[data-theme=dark] .login-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 8px 24px #3b82f666!important}[data-theme=dark] .login-spinner{border-color:#94a3b8!important;border-top-color:#f8fafc!important}[data-theme=dark] .register-prompt{color:#cbd5e1!important}[data-theme=dark] .register-link{color:#60a5fa!important}[data-theme=dark] .register-link:hover{color:#93c5fd!important}@media (max-width: 768px){[data-theme=dark] .login-page{padding:1rem}[data-theme=dark] .login-image-section{min-height:250px}[data-theme=dark] .login-form-section,[data-theme=dark] .login-card{padding:1rem}}@media (max-width: 640px){[data-theme=dark] .password-toggle{background-color:#334155!important;border:1px solid #475569!important;color:#cbd5e1!important}[data-theme=dark] .password-toggle:hover{background-color:#475569!important;color:#f8fafc!important}}@media (prefers-contrast: high){[data-theme=dark] .login-hero-title,[data-theme=dark] .login-form-title{color:#fff!important}[data-theme=dark] .login-content-wrapper{border:2px solid #64748b!important}}@media (prefers-reduced-motion: reduce){[data-theme=dark] .login-button{transition:none!important}[data-theme=dark] .login-button:hover{transform:none!important}[data-theme=dark] .form-group input{transition:none!important}}[data-theme=dark] .form-group input:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}[data-theme=dark] .remember-me-button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}[data-theme=dark] .forgot-password-link:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}[data-theme=dark] .register-link:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}[data-theme=dark] .login-page ::selection{background-color:#60a5fa4d;color:#f8fafc}[data-theme=dark] .login-page ::-webkit-scrollbar{width:12px;height:12px}[data-theme=dark] .login-page ::-webkit-scrollbar-track{background:#334155;border-radius:10px}[data-theme=dark] .login-page ::-webkit-scrollbar-thumb{background:#64748b;border-radius:10px;border:3px solid #334155}[data-theme=dark] .login-page ::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .login-content-wrapper,[data-theme=dark] .login-button,[data-theme=dark] .form-group input{transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .login-image-section:before{opacity:.1!important;filter:brightness(.7) contrast(1.2)}@supports (-webkit-touch-callout: none){.form-group input{font-size:16px!important;-webkit-appearance:none;-webkit-border-radius:8px;border-radius:8px;-webkit-tap-highlight-color:transparent;-webkit-user-select:text;-webkit-touch-callout:default}.form-group input:focus{-webkit-user-select:text;-webkit-touch-callout:default}.login-form{-webkit-transform:translateZ(0);transform:translateZ(0)}.password-input-container input{font-size:16px!important;-webkit-text-security:disc}.password-input-container input[type=text]{-webkit-text-security:none}}@media (display-mode: standalone){.form-group input{font-size:16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;-webkit-border-radius:8px}.form-group input:focus{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-callout:default}.login-container{height:100vh;height:100dvh}.login-form-section{padding-bottom:env(keyboard-inset-height,0px)}}input[type=email],input[type=password],input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;-webkit-border-radius:8px;font-size:16px}.form-group input{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0)}.form-group input:focus,.form-group input:active{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-callout:default}.login-form input{transition:none!important;transform:translateZ(0);will-change:auto}.login-form input:-webkit-autofill,.login-form input:-webkit-autofill:hover,.login-form input:-webkit-autofill:focus,.login-form input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s!important;-webkit-text-fill-color:inherit!important;box-shadow:0 0 0 1000px #fff inset!important}.login-form{contain:layout style}.login-page{overflow-x:hidden;position:relative}@media (max-width: 768px){.login-form input{font-size:16px!important;min-height:48px;padding:12px 16px}.login-container{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center}}@supports (-webkit-appearance: none){.login-form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-autofill:off}.login-form input:-webkit-autofill{transition:background-color 5000s ease-in-out 0s!important;-webkit-text-fill-color:inherit!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-box-shadow:0 0 0 1000px white inset!important}.login-page{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.login-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center}}@keyframes onAutoFillStart{}@keyframes onAutoFillEnd{}.login-form input:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms}.login-form input:not(:-webkit-autofill){animation-name:onAutoFillEnd;animation-duration:1ms}@keyframes pulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(-50%)}40%{transform:translateY(-60%)}60%{transform:translateY(-45%)}}.demo-highlight{animation:pulse 1.5s infinite}.demo-panel{transition:all .3s ease-in-out;position:fixed;top:70px;right:-280px;z-index:99999!important;width:320px;transform:none;border-radius:8px 0 0 8px;box-shadow:-2px 2px 15px #0000004d}.demo-panel:hover,.demo-panel.expanded{right:0}.demo-tab{position:absolute;top:50%;left:-40px;transform:translateY(-50%);width:40px;height:120px;background-color:#2979ff;color:#fff;cursor:pointer;border-radius:4px 0 0 4px;display:flex;align-items:center;justify-content:center;animation:bounce 2s infinite;box-shadow:-2px 0 10px #0003}.demo-tab-text{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;transform:rotate(180deg);font-size:14px;font-weight:500;letter-spacing:1px}.demo-tooltip{position:relative}.demo-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);padding:5px 10px;background-color:#1e40af;color:#fff;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:10}.demo-tooltip:hover:before{content:"";position:absolute;bottom:calc(125% - 5px);left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background-color:#1e40af;z-index:9}.notification-bell-container{position:relative;z-index:1000}.notification-bell-button{background:none;border:none;padding:10px;cursor:pointer;position:relative;z-index:1001;color:#6b7280;transition:all .2s ease;border-radius:50%;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.broker-header-actions .notification-bell-button{color:#374151}.broker-header-actions .notification-bell-button:hover{color:#111827}.notification-bell-button:hover{background-color:#f3f4f6;color:#1f2937;transform:scale(1.05)}.notification-bell-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.notification-bell-button svg{width:24px;height:24px}@media (max-width: 768px){.notification-bell-button{padding:8px;min-width:40px;min-height:40px}.notification-bell-button svg{width:20px;height:20px}.notification-badge{top:-1px;right:-1px;font-size:10px;min-width:16px;height:16px;padding:0 4px}}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:#ef4444;color:#fff;border-radius:10px;padding:0 6px;font-size:11px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;font-weight:600;transition:all .3s ease}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-width:90vw;background:white;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:1002;border:1px solid #e5e7eb;max-height:500px;overflow-y:auto;animation:dropdown-appear .2s ease forwards}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-item{padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.notification-item:hover{background-color:#f8fafc}.notification-item.unread{background-color:#eff6ff;border-left:3px solid #3b82f6}.notification-content{width:100%}.notification-title{font-size:14px;color:#1f2937;font-weight:500;margin:0 0 4px}.notification-message{font-size:13px;color:#6b7280;margin:0 0 6px;line-height:1.4}.notification-time{font-size:11px;color:#9ca3af;margin:0}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.mark-all-read-btn{background:none;border:none;color:#3b82f6;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.mark-all-read-btn:hover{background:#eff6ff;color:#2563eb}.empty-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280;text-align:center}.empty-notifications svg{width:32px;height:32px;margin-bottom:12px;opacity:.5}.empty-notifications p{margin:0;font-size:14px}[data-theme=dark] .notification-bell-button{color:#cbd5e1}[data-theme=dark] .notification-bell-button:hover{background-color:#334155;color:#f8fafc}[data-theme=dark] .notification-bell-button:focus{box-shadow:0 0 0 2px #60a5fa80}[data-theme=dark] .notification-badge{border-color:#1e293b}[data-theme=dark] .notification-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0003}[data-theme=dark] .notification-header{background:#334155;border-bottom-color:#475569}[data-theme=dark] .notification-header h3{color:#f8fafc}[data-theme=dark] .mark-all-read-btn{color:#60a5fa}[data-theme=dark] .mark-all-read-btn:hover{background:rgba(59,130,246,.1);color:#93c5fd}[data-theme=dark] .notification-item{border-bottom-color:#334155}[data-theme=dark] .notification-item:hover{background-color:#334155}[data-theme=dark] .notification-item.unread{background-color:#3b82f61a;border-left-color:#60a5fa}[data-theme=dark] .notification-title{color:#f8fafc}[data-theme=dark] .notification-message{color:#cbd5e1}[data-theme=dark] .notification-time,[data-theme=dark] .empty-notifications{color:#94a3b8}font-weight: 600; color: #1f2937; margin: 0 0 4px 0; } .notification-message{font-size:13px;color:#6b7280;margin:0 0 8px;line-height:1.4}.notification-meta{display:flex;justify-content:space-between;align-items:center}.notification-time{font-size:12px;color:#9ca3af}.no-notifications{text-align:center;padding:40px 20px;color:#6b7280}.no-notifications svg{margin-bottom:12px;opacity:.5}.loading-notifications{text-align:center;padding:40px 20px;color:#6b7280}.loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.notification-header{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start}.notification-title-area{display:flex;flex-direction:column}.notification-header h3{margin:0;font-size:18px;color:#1f2937;font-weight:600}.notification-count{font-size:12px;color:#ef4444;font-weight:500;margin-top:2px}.notification-actions{display:flex;gap:8px;align-items:center}.mark-all-read,.clear-all,.close-notifications{background:none;border:none;padding:6px 10px;font-size:12px;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:6px;border-radius:6px;transition:all .2s ease}.mark-all-read:hover,.close-notifications:hover{background-color:#f3f4f6;color:#1f2937}.clear-all{color:#ef4444}.clear-all:hover{background-color:#fee2e2;color:#dc2626}.mark-all-read:disabled,.clear-all:disabled{opacity:.5;cursor:not-allowed}.notification-filters{padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;background-color:#f9fafb}.notification-filters select{padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#4b5563;background-color:#fff;flex:1;cursor:pointer;transition:border-color .2s}.notification-filters select:hover{border-color:#d1d5db}.notification-filters select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.notification-list{max-height:450px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f8fafc}.notification-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.notification-group{margin-bottom:8px}.notification-date{padding:8px 16px;font-size:12px;color:#64748b;background-color:#f9fafb;font-weight:500;display:flex;align-items:center;gap:6px;position:sticky;top:0;z-index:1;border-bottom:1px solid rgba(0,0,0,.05)}.notification-item{padding:14px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background-color .3s ease;position:relative;display:flex;gap:12px;align-items:flex-start}.notification-icon{background-color:#f0f9ff;color:#3b82f6;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-item.unread .notification-icon{background-color:#dbeafe;color:#2563eb}.notification-content{flex:1;min-width:0}.notification-item.unread{background-color:#f0f9ff;border-left:3px solid #3b82f6}.notification-item.read{background-color:#fff;border-left:3px solid transparent;opacity:.85}.notification-item:hover{background-color:#f9fafb}.notification-item.unread:hover{background-color:#e0f2fe}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.notification-content .notification-header{padding:0;border-bottom:none}.notification-title{font-weight:600;margin:0 0 4px;color:#1f2937;font-size:14px;padding-right:24px}.notification-message{margin:0 0 8px;color:#4b5563;font-size:13px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.notification-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px}.notification-time{color:#6b7280;font-size:11px}.notification-item.unread .notification-title{color:#1e40af}.notification-item.unread .notification-message{color:#1f2937}.notification-item.unread .notification-time{font-weight:500;color:#3b82f6}.read-indicator{color:#10b981;display:flex;align-items:center;font-size:14px;position:absolute;top:14px;right:16px}.mark-read-button{background:none;border:none;padding:4px;color:#3b82f6;cursor:pointer;opacity:0;transition:all .2s;position:absolute;top:10px;right:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.notification-item:hover .mark-read-button{opacity:1}.mark-read-button:hover{color:#1d4ed8;background-color:#dbeafe;box-shadow:0 0 0 4px #3b82f61a}.delete-notification{background:none;border:none;padding:4px;color:#9ca3af;cursor:pointer;opacity:0;transition:opacity .2s;border-radius:50%;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.notification-item:hover .delete-notification{opacity:1}.delete-notification:hover{color:#ef4444;background-color:#fee2e2}.no-notifications{padding:40px 16px;text-align:center;color:#9ca3af;display:flex;flex-direction:column;align-items:center;gap:10px}.no-notifications p{margin:0;font-size:14px}.loading-notifications{padding:30px 16px;text-align:center;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:12px}.loading-spinner{width:24px;height:24px;border:2px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.notification-item.being-read{animation:read-transition .5s forwards}@keyframes read-transition{0%{background-color:#f0f9ff;border-left-color:#3b82f6}to{background-color:#fff;border-left-color:transparent;opacity:.85}}.mark-all-read-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#4b5563;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:#f3f4f6;color:#1f2937}.mark-all-read-btn svg{width:16px;height:16px}.delete-all-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#ef4444;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.delete-all-btn:hover{background-color:#fee2e2;color:#991b1b}.delete-all-btn svg{width:16px;height:16px}.notification-header{display:flex;justify-content:space-between;align-items:center}.delete-notification-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.delete-notification-btn:hover{background-color:#f3f4f6;color:#1f2937}.delete-notification-btn svg{width:16px;height:16px}@media (max-width: 640px){.notification-dropdown{position:fixed;top:60px;right:0;left:0;width:100%;max-width:100%;height:calc(100vh - 60px);margin:0;border-radius:0;box-shadow:none}.notification-list{max-height:calc(100vh - 176px)}.notification-filters{flex-direction:column}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--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-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--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__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.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;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.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:5px;z-index:var(--toastify-z-index);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}.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,0,0)}to{opacity:0;transform:translate3d(2000px,0,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,0,0)}to{opacity:0;transform:translate3d(-2000px,0,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,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,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,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-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: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:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform: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:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(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}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .MuiAppBar-root{background-color:#1e293b!important;border-bottom:1px solid #334155!important;box-shadow:0 4px 12px #0000004d!important}[data-theme=dark] .MuiAppBar-root .MuiToolbar-root{background-color:#1e293b!important;color:#f8fafc!important}[data-theme=dark] .MuiAppBar-root .MuiTypography-root{color:#f8fafc!important}[data-theme=dark] .MuiAppBar-root .MuiIconButton-root{color:#cbd5e1!important}[data-theme=dark] .MuiAppBar-root .MuiIconButton-root:hover{background-color:#cbd5e11a!important;color:#f8fafc!important}[data-theme=dark] .MuiDrawer-root .MuiDrawer-paper{background-color:#1e293b!important;border-right:1px solid #334155!important;color:#f8fafc!important;position:fixed!important;top:64px!important;height:calc(100vh - 64px)!important;border-top:none!important}[data-theme=dark] .MuiDrawer-root .MuiList-root{background-color:transparent!important}[data-theme=dark] .MuiDrawer-root .MuiListItem-root{color:#f8fafc!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root{color:#cbd5e1!important;border-radius:8px!important;margin:4px 8px!important;transition:all .3s ease!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root:hover{background-color:#60a5fa1a!important;color:#f8fafc!important;transform:translate(4px)!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root.Mui-selected{background-color:#60a5fa33!important;color:#60a5fa!important;border-left:3px solid #60a5fa!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root.Mui-selected:hover{background-color:#60a5fa40!important}[data-theme=dark] .MuiDrawer-root .MuiListItemIcon-root{color:#94a3b8!important;transition:all .3s ease!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root:hover .MuiListItemIcon-root{color:#60a5fa!important;transform:scale(1.1)!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root.Mui-selected .MuiListItemIcon-root{color:#60a5fa!important}[data-theme=dark] .MuiDrawer-root .MuiListItemText-root{color:#cbd5e1!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root:hover .MuiListItemText-root{color:#f8fafc!important;font-weight:500!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root.Mui-selected .MuiListItemText-root{color:#60a5fa!important;font-weight:600!important}[data-theme=dark] .MuiDrawer-root .MuiDivider-root{border-color:#334155!important;margin:8px 0!important}[data-theme=dark] .MuiDrawer-root .MuiAvatar-root{background-color:#3b82f6!important;color:#fff!important;border:2px solid #60a5fa!important}[data-theme=dark] .MuiDrawer-root .MuiBox-root img{filter:brightness(1.2)!important}[data-theme=dark] .MuiDrawer-root .MuiBox-root[style*=padding]{background-color:#3341554d!important;border-top:1px solid #334155!important;border-bottom:1px solid #334155!important}[data-theme=dark] main{background-color:#0f172a!important;color:#f8fafc!important}[data-theme=dark] .MuiDrawer-paper::-webkit-scrollbar{width:8px}[data-theme=dark] .MuiDrawer-paper::-webkit-scrollbar-track{background:#334155;border-radius:4px}[data-theme=dark] .MuiDrawer-paper::-webkit-scrollbar-thumb{background-color:#64748b;border-radius:4px;border:2px solid #334155}[data-theme=dark] .MuiDrawer-paper::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root[aria-label*=Logout],[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root:last-child{color:#fca5a5!important;margin-top:16px!important;border-top:1px solid #334155!important;padding-top:16px!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root[aria-label*=Logout]:hover,[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root:last-child:hover{background-color:#ef44441a!important;color:#ef4444!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root[aria-label*=Logout] .MuiListItemIcon-root,[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root:last-child .MuiListItemIcon-root{color:#fca5a5!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root[aria-label*=Logout]:hover .MuiListItemIcon-root,[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root:last-child:hover .MuiListItemIcon-root{color:#ef4444!important}[data-theme=dark] .MuiTooltip-tooltip{background-color:#334155!important;color:#f8fafc!important;border:1px solid #475569!important;font-size:.75rem!important}[data-theme=dark] .MuiTooltip-arrow{color:#334155!important}[data-theme=dark] .MuiFade-root{background-color:transparent!important}@media (max-width: 768px){[data-theme=dark] .MuiDrawer-root .MuiDrawer-paper{background-color:#1e293b!important;border-right:none!important;box-shadow:4px 0 12px #0006!important;top:56px!important;height:calc(100vh - 56px)!important}[data-theme=dark] .MuiAppBar-root{background-color:#1e293b!important;box-shadow:0 2px 8px #0000004d!important}}@media (prefers-contrast: high){[data-theme=dark] .MuiDrawer-root .MuiListItemText-root,[data-theme=dark] .MuiAppBar-root .MuiTypography-root{color:#fff!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root{border:1px solid #64748b!important}}@media (prefers-reduced-motion: reduce){[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root{transition:none!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root:hover{transform:none!important}[data-theme=dark] .MuiDrawer-root .MuiListItemIcon-root{transition:none!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root:hover .MuiListItemIcon-root{transform:none!important}}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root:focus{outline:2px solid #60a5fa!important;outline-offset:2px!important}[data-theme=dark] .MuiAppBar-root .MuiIconButton-root:focus{outline:2px solid #60a5fa!important;outline-offset:2px!important}[data-theme=dark] .MuiDrawer-root .MuiListItem-root{animation:slideInFromLeft .3s ease-out forwards;animation-fill-mode:both}[data-theme=dark] .MuiDrawer-root .MuiListItem-root:nth-child(1){animation-delay:.1s}[data-theme=dark] .MuiDrawer-root .MuiListItem-root:nth-child(2){animation-delay:.2s}[data-theme=dark] .MuiDrawer-root .MuiListItem-root:nth-child(3){animation-delay:.3s}[data-theme=dark] .MuiDrawer-root .MuiListItem-root:nth-child(4){animation-delay:.4s}[data-theme=dark] .MuiDrawer-root .MuiListItem-root:nth-child(5){animation-delay:.5s}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root:after{content:"";position:absolute;top:50%;left:-10px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #60a5fa;transform:translateY(-50%);opacity:0;transition:opacity .3s ease}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root.Mui-selected:after{opacity:1}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root.Mui-selected{box-shadow:0 0 20px #60a5fa4d!important}[data-theme=dark] .MuiBackdrop-root{background-color:#0f172acc!important}@media print{[data-theme=dark] .MuiDrawer-root,[data-theme=dark] .MuiAppBar-root{background-color:#fff!important;color:#000!important}[data-theme=dark] .MuiDrawer-root .MuiListItemButton-root,[data-theme=dark] .MuiDrawer-root .MuiListItemText-root{color:#000!important}}[data-theme=light] .MuiAppBar-root .MuiIconButton-root{color:#fff!important}[data-theme=light] .MuiAppBar-root .MuiIconButton-root:hover{background-color:#ffffff1a!important;color:#fff!important}[data-theme=light] .MuiAppBar-root .MuiIconButton-root svg{color:#fff!important}[data-theme=light] .notification-bell-container .notification-bell-button{color:#fff!important}[data-theme=light] .notification-bell-container .notification-bell-button:hover{background-color:#ffffff1a!important;color:#fff!important}[data-theme=light] .notification-bell-container .notification-bell-button svg{color:#fff!important}[data-theme=light] .notification-bell-container .notification-badge{background-color:#ef4444!important;color:#fff!important}[data-theme=light] .MuiAppBar-root .MuiAvatar-root{background-color:#00aeffe6!important;color:#fff!important}[data-theme=light] .MuiAppBar-root .help-button{color:#fff!important}[data-theme=light] .MuiAppBar-root .help-button:hover{background-color:#ffffff1a!important;color:#fff!important}.MuiDrawer-root .MuiDrawer-paper{position:fixed!important;top:64px!important;height:calc(100vh - 64px)!important;border-top:none!important}@media (max-width: 600px){.MuiDrawer-root .MuiDrawer-paper{top:56px!important;height:calc(100vh - 56px)!important}}.MuiDrawer-root .MuiDrawer-paper>div:first-child{margin-top:0!important;padding-top:16px!important}.broker-sidebar{width:var(--sidebar-width, 250px);background-color:var(--bg-secondary, white);display:flex;flex-direction:column;min-height:100vh;height:100%;position:fixed;top:0;left:0;z-index:1000;transition:all .3s ease}[data-theme=dark] .broker-sidebar{background-color:#1e293b}.broker-logo{width:100%;max-width:180px;height:auto;transition:opacity .3s ease}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.nav-item{display:flex;align-items:center;padding:.75rem 1.5rem;color:var(--text-secondary, #64748b);text-decoration:none;transition:all .2s ease}.nav-item:hover{background-color:#007aff14;color:#007aff}.nav-item.active{background-color:#007aff1f;color:#007aff;font-weight:500}[data-theme=dark] .nav-item{color:#fff}[data-theme=dark] .nav-item:hover{background-color:#00ff4126;color:#00ff41}[data-theme=dark] .nav-item.active{background-color:#00ff4133;color:#00ff41}.nav-icon{margin-right:.75rem}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color, #f0f0f0);background-color:var(--bg-secondary, #ffffff);flex-shrink:0;margin-top:auto;transition:all .3s ease}[data-theme=dark] .sidebar-footer{border-top-color:#334155;background-color:#1e293b}.user-info{display:flex;align-items:center;padding:12px;background-color:var(--bg-primary, #f8fafc);border-radius:8px;margin-bottom:12px;gap:12px;transition:background-color .3s ease}[data-theme=dark] .user-info{background-color:#334155}.user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;font-weight:600;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover}.user-details{flex:1;overflow:hidden}.user-email{display:block;font-size:13px;color:var(--text-primary, #2c3e50);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.user-role{display:block;font-size:12px;color:var(--text-secondary, #64748b);transition:color .3s ease}[data-theme=dark] .user-email,[data-theme=dark] .user-role{color:#fff}.logout-button{width:100%;padding:12px;display:flex;align-items:center;gap:8px;color:var(--text-secondary, #64748b);background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.logout-button:hover{background-color:var(--bg-primary, #f1f5f9);color:#f44}[data-theme=dark] .logout-button{color:#fff}[data-theme=dark] .logout-button:hover{background-color:#334155;color:#f66}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#f8fafc}.sidebar-nav::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#cbd5e1}@media (max-width: 1024px){.broker-sidebar{width:64px}.broker-sidebar:not(.expanded){width:0}.broker-sidebar:not(.expanded) .sidebar-header,.broker-sidebar:not(.expanded) .user-info,.broker-sidebar:not(.expanded) .user-details,.broker-sidebar:not(.expanded) .nav-label,.broker-sidebar:not(.expanded) .sidebar-footer,.broker-sidebar:not(.expanded) .logout-button{display:none}.broker-sidebar.expanded{width:240px}.broker-sidebar.expanded .sidebar-header,.broker-sidebar.expanded .user-info,.broker-sidebar.expanded .user-details,.broker-sidebar.expanded .nav-label,.broker-sidebar.expanded .sidebar-footer,.broker-sidebar.expanded .logout-button{display:flex}}@media (max-width: 768px){.broker-sidebar{transform:translate(-250px)}.sidebar-open .broker-sidebar{transform:translate(0)}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:35}@media (max-width: 768px){.sidebar-overlay.visible{display:block}}.powered-by{text-align:center;font-size:12px;color:#64748b;margin-bottom:12px}.sidebar-header{padding:1rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.sidebar-logo{max-width:180px;height:auto}@media (max-width: 768px){.sidebar-logo{max-width:140px}.sidebar-header{padding:24px 12px 16px;min-height:90px}}@media screen and (max-height: 600px){.sidebar-nav{padding:8px 0}.nav-item{padding:8px 24px}.user-info{padding:8px;margin-bottom:8px}.logout-button{padding:8px}}.MuiDrawer-paper{background:var(--bg-secondary, #ffffff)!important;width:var(--sidebar-width, 240px)!important;position:fixed!important;flex-shrink:0!important;box-sizing:border-box!important;left:0!important;top:0!important;height:100vh!important;overflow-x:hidden!important;transition:background-color .3s ease!important;margin:0!important;padding:0!important;border:none!important;z-index:1300!important}.MuiDrawer-root .MuiDrawer-paper{position:fixed!important;top:0!important;left:0!important;height:100vh!important;margin:0!important;padding:0!important}.MuiDrawer-root{position:fixed!important;top:0!important;left:0!important;z-index:1300!important}.broker-sidebar,.broker-sidebar .MuiDrawer-paper{position:fixed!important;top:0!important;left:0!important;margin:0!important;padding:0!important}[data-theme=dark] .MuiDrawer-paper{background:#1e293b!important}[data-theme=dark] .MuiDrawer-paper .MuiListItemText-primary,[data-theme=dark] .MuiList-root .MuiListItemText-primary{color:#fff!important}[data-theme=dark] .MuiListItemButton-root.Mui-selected .MuiListItemText-primary{color:#00ff41!important}[data-theme=dark] .MuiDrawer-paper .MuiListItemIcon-root,[data-theme=dark] .MuiList-root .MuiListItemIcon-root{color:#fff!important}[data-theme=dark] .MuiListItemButton-root.Mui-selected .MuiListItemIcon-root,[data-theme=dark] .MuiListItemButton-root:hover .MuiListItemText-primary,[data-theme=dark] .MuiListItemButton-root:hover .MuiListItemIcon-root{color:#00ff41!important}.sidebar-toggle{position:fixed!important;z-index:1100!important}.MuiListItem-root.Mui-selected{background-color:#007aff1f!important}.MuiListItem-root.Mui-selected:hover{background-color:#007aff2e!important}[data-theme=dark] .MuiListItemButton-root:hover{background-color:#00ff4126!important}[data-theme=dark] .MuiDrawer-paper .MuiList-root .MuiListItem-root .MuiListItemButton-root .MuiListItemIcon-root,[data-theme=dark] .MuiDrawer-paper .MuiList-root .MuiListItem-root .MuiListItemButton-root .MuiListItemText-primary{color:#fff!important}[data-theme=dark] .MuiDrawer-paper .MuiList-root .MuiListItem-root .MuiListItemButton-root:hover .MuiListItemIcon-root,[data-theme=dark] .MuiDrawer-paper .MuiList-root .MuiListItem-root .MuiListItemButton-root:hover .MuiListItemText-primary,[data-theme=dark] .MuiDrawer-paper .MuiList-root .MuiListItem-root .MuiListItemButton-root.Mui-selected .MuiListItemIcon-root,[data-theme=dark] .MuiDrawer-paper .MuiList-root .MuiListItem-root .MuiListItemButton-root.Mui-selected .MuiListItemText-primary{color:#00ff41!important}[data-theme=dark] .MuiDrawer-paper .MuiListItemIcon-root svg{color:#fff!important;fill:#fff!important}[data-theme=dark] .MuiDrawer-paper .MuiListItemButton-root:hover .MuiListItemIcon-root svg{color:#00ff41!important;fill:#00ff41!important}[data-theme=dark] .MuiDrawer-paper .MuiListItemButton-root.Mui-selected .MuiListItemIcon-root svg{color:#00ff41!important;fill:#00ff41!important}[data-theme=dark] .MuiListItem-root .MuiListItemButton-root:hover{background-color:#00ff4126!important}[data-theme=dark] .MuiListItem-root.Mui-selected,[data-theme=dark] .MuiListItem-root.Mui-selected .MuiListItemButton-root{background-color:#00ff4133!important}[data-theme=dark] .MuiListItem-root.Mui-selected:hover,[data-theme=dark] .MuiListItem-root.Mui-selected .MuiListItemButton-root:hover{background-color:#00ff4140!important}.MuiList-root::-webkit-scrollbar{width:6px}.MuiList-root::-webkit-scrollbar-track{background:#f8fafc}.MuiList-root::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.MuiList-root::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #00ff4166}50%{box-shadow:0 0 0 8px #00ff4100}}.MuiDrawer-paper,.sidebar-overlay{animation:fadeIn .3s ease}.MuiListItemButton-root{position:relative;overflow:hidden}.MuiListItemButton-root:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,122,255,.1) 0%,transparent 70%);transition:all .6s cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.MuiListItemButton-root:hover:after{width:300px;height:300px}.MuiListItem-root:nth-child(1){animation-delay:.1s}.MuiListItem-root:nth-child(2){animation-delay:.2s}.MuiListItem-root:nth-child(3){animation-delay:.3s}.MuiListItem-root:nth-child(4){animation-delay:.4s}.MuiListItem-root:nth-child(5){animation-delay:.5s}.MuiListItem-root:nth-child(6){animation-delay:.6s}.MuiListItem-root:nth-child(7){animation-delay:.7s}.MuiListItem-root:nth-child(8){animation-delay:.8s}.MuiListItem-root{animation:slideInFromLeft .6s cubic-bezier(.4,0,.2,1) both}body.sidebar-open{overflow:hidden}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;transition:opacity .3s ease}.broker-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem 1rem 0;background:var(--bg-secondary, white);border-bottom:1px solid var(--border-color, #e5e7eb);height:64px;width:100%;z-index:30;transition:all .3s ease}[data-theme=dark] .broker-header{background:#1e293b;border-bottom-color:#334155}.broker-header.sidebar-collapsed{width:100%}.header-left{display:flex;align-items:center;gap:1rem}.header-title{display:flex;flex-direction:column}.header-title h1{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0;transition:color .3s ease}.header-subtitle{font-size:.875rem;color:var(--text-secondary, #6b7280);transition:color .3s ease}[data-theme=dark] .header-title h1{color:#f8fafc}[data-theme=dark] .header-subtitle{color:#cbd5e1}.header-right{display:flex;align-items:center;gap:1.5rem}.header-actions{display:flex;align-items:center;gap:.75rem}.action-button{position:relative;background:none;border:none;padding:.5rem;color:var(--text-secondary, #6b7280);cursor:pointer;border-radius:.375rem;transition:all .2s ease}.action-button:hover{background-color:var(--bg-primary, #f3f4f6);color:var(--text-primary, #1f2937)}[data-theme=dark] .action-button{color:#cbd5e1}[data-theme=dark] .action-button:hover{background-color:#334155;color:#f8fafc}.notification-badge{position:absolute;top:0;right:0;background:#ef4444;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:9999px;min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;transform:translate(25%,-25%)}.menu-button{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary, #6b7280);border-radius:.375rem;transition:all .2s ease}.menu-button:hover{background-color:var(--bg-primary, #f3f4f6);color:var(--text-primary, #1f2937)}[data-theme=dark] .menu-button{color:#cbd5e1}[data-theme=dark] .menu-button:hover{background-color:#334155;color:#f8fafc}@media (max-width: 768px){.broker-header{width:100%;left:0;padding:.75rem 1rem .75rem 0;height:auto;min-height:64px;margin-top:20px}.header-title h1{font-size:1.125rem}.header-subtitle{display:none}.header-actions{gap:.5rem;align-items:center;justify-content:center}.header-actions .MuiIconButton-root{padding:8px!important;width:40px!important;height:40px!important}.header-actions .MuiIconButton-root .MuiSvgIcon-root{font-size:1.25rem!important}.header-actions .notification-bell-container{display:flex;align-items:center;justify-content:center}.header-actions .notification-bell-button{padding:8px!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.header-actions .notification-bell-button svg{font-size:1.25rem!important}}@media (max-width: 640px){.action-button span:not(.notification-badge){display:none}}.broker-header .notification-bell-button{color:#374151!important}.broker-header .notification-bell-button:hover{color:#111827!important}.broker-header .notification-bell-button svg{color:inherit!important}[data-theme=light] .broker-header .broker-header-actions .notification-bell-container .notification-bell-button{color:#374151!important}[data-theme=light] .broker-header .broker-header-actions .notification-bell-container .notification-bell-button:hover{color:#111827!important}[data-theme=light] .broker-header .broker-header-actions .notification-bell-container .notification-bell-button svg{color:inherit!important}:root{--new-sidebar-width: 240px;--new-header-height: 64px}.new-broker-layout{background-color:#f8fafc;position:relative}.new-broker-header{position:sticky;top:0;width:100%;z-index:40;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.new-broker-content{flex:1;overflow:auto;position:relative}[data-theme=dark] .new-broker-layout{background-color:#1f2937}[data-theme=dark] .new-broker-header{background-color:#1e293b;border-bottom-color:#334155}@media (max-width: 1024px){.new-broker-main{margin-left:0!important;width:100%!important}}.new-broker-layout *{box-sizing:border-box}.form-group input[type=email]{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background-color:#fff;color:#111827;transition:all .2s ease;box-sizing:border-box}.form-group input[type=email]:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background-color:#fff}.form-group input[type=email]:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group label{display:flex;align-items:center;gap:8px;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.95rem}.success-message{padding:16px;background:#dcfce7;color:#166534;border-radius:8px;margin-bottom:16px;display:flex;align-items:flex-start;gap:12px;font-weight:500;border:1px solid #bbf7d0}.success-message svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}.success-message p{margin:4px 0 0;font-size:.9rem;font-weight:400;line-height:1.4}.back-to-login{display:flex;align-items:center;gap:8px;color:var(--admin-primary);text-decoration:none;font-size:.9rem;transition:color .2s ease;font-weight:500}.back-to-login:hover{color:var(--admin-primary-dark);text-decoration:underline}.back-to-login svg{width:16px;height:16px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--admin-bg-primary, #f9fafb);padding:1rem}.login-card{background:var(--admin-card-bg, #ffffff);padding:2.5rem;border-radius:12px;box-shadow:0 8px 20px #00000014;width:100%;max-width:420px;border:1px solid #e5e7eb}.login-card h2{margin:0 0 1.5rem;color:var(--admin-text-primary, #111827);text-align:center;font-weight:600;font-size:1.5rem}.error-message{display:flex;align-items:center;gap:8px;padding:16px;background:#fee2e2;color:#dc2626;border-radius:8px;margin-bottom:16px;font-weight:500;border:1px solid #fecaca}.error-message svg{width:16px;height:16px;flex-shrink:0}.login-button{width:100%;height:48px;background-color:#4f46e5;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;margin-top:1rem;display:flex;align-items:center;justify-content:center}.login-button:hover:not(:disabled){background-color:#4338ca;transform:translateY(-1px);box-shadow:0 4px 8px #4f46e533}.login-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.login-footer{margin-top:1.5rem;text-align:center;padding-top:1rem;border-top:1px solid #e5e7eb}.login-logo{text-align:center;margin-bottom:1.5rem}.login-logo img{max-width:150px;height:auto}.loading-spinner{width:24px;height:24px;border:2px solid #f3f4f6;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}[data-theme=dark] body,[data-theme=dark] html{background-color:#0f172a!important}[data-theme=dark] .forgot-password-page{background-color:#0f172a!important;color:#f8fafc;min-height:100vh;position:relative;display:flex;flex-direction:column}[data-theme=dark] .forgot-password-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(59,130,246,.05) 0%,transparent 70%);pointer-events:none;z-index:0}[data-theme=dark] .login-container{background-color:transparent!important;flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:2rem 1rem;margin-top:80px;margin-bottom:80px}[data-theme=dark] .login-card{background-color:#1e293b!important;border:1px solid #334155!important;color:#f8fafc;box-shadow:0 8px 30px #0006,0 4px 12px #3b82f61a!important;position:relative;z-index:2}[data-theme=dark] .login-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,rgba(96,165,250,.1) 0%,transparent 50%,rgba(59,130,246,.05) 100%);border-radius:13px;z-index:-1;opacity:.5}[data-theme=dark] .forgot-password-page *{color:inherit}[data-theme=dark] .forgot-password-page .login-card>*{position:relative;z-index:1}[data-theme=dark] .forgot-password-title,[data-theme=dark] .login-card h2{color:#f8fafc!important}[data-theme=dark] .form-group label{color:#cbd5e1!important}[data-theme=dark] .form-group input[type=email]{background-color:#334155!important;border:2px solid #475569!important;color:#f8fafc!important}[data-theme=dark] .form-group input[type=email]:focus{border-color:#60a5fa!important;box-shadow:0 0 0 3px #60a5fa4d!important;background-color:#334155!important}[data-theme=dark] .form-group input[type=email]:disabled{background-color:#475569!important;color:#94a3b8!important}[data-theme=dark] .form-group input[type=email]::placeholder{color:#94a3b8!important}[data-theme=dark] .login-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important}[data-theme=dark] .login-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 8px 24px #3b82f666!important}[data-theme=dark] .login-button:disabled{background-color:#475569!important;color:#94a3b8!important}[data-theme=dark] .error-message{background-color:#ef44441a!important;border:1px solid #dc2626!important;color:#fca5a5!important}[data-theme=dark] .error-message svg{color:#f87171!important}[data-theme=dark] .success-message{background-color:#10b9811a!important;border:1px solid #10b981!important;color:#6ee7b7!important}[data-theme=dark] .success-message svg{color:#10b981!important}[data-theme=dark] .success-message strong{color:#34d399!important}[data-theme=dark] .success-message p{color:#a7f3d0!important}[data-theme=dark] .login-footer{border-top:1px solid #334155!important}[data-theme=dark] .back-to-login{color:#60a5fa!important}[data-theme=dark] .back-to-login:hover{color:#93c5fd!important}[data-theme=dark] .back-to-login svg{color:#60a5fa!important}[data-theme=dark] .back-to-login:hover svg{color:#93c5fd!important}[data-theme=dark] .login-logo img{filter:brightness(1.1) contrast(1.1)}[data-theme=dark] .loading-spinner{border-color:#475569!important;border-top-color:#60a5fa!important}@media (max-width: 768px){[data-theme=dark] .forgot-password-page{padding:1rem}[data-theme=dark] .login-card{padding:2rem}}@media (prefers-contrast: high){[data-theme=dark] .forgot-password-title{color:#fff!important}[data-theme=dark] .login-card{border:2px solid #64748b!important}}@media (prefers-reduced-motion: reduce){[data-theme=dark] .login-button{transition:none!important}[data-theme=dark] .login-button:hover{transform:none!important}[data-theme=dark] .form-group input[type=email]{transition:none!important}}[data-theme=dark] .login-button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}[data-theme=dark] .form-group input[type=email]:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}[data-theme=dark] .back-to-login:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}[data-theme=dark] .forgot-password-page ::selection{background-color:#60a5fa4d;color:#f8fafc}[data-theme=dark] .forgot-password-page ::-webkit-scrollbar{width:12px;height:12px}[data-theme=dark] .forgot-password-page ::-webkit-scrollbar-track{background:#334155;border-radius:10px}[data-theme=dark] .forgot-password-page ::-webkit-scrollbar-thumb{background:#64748b;border-radius:10px;border:3px solid #334155}[data-theme=dark] .forgot-password-page ::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .login-card,[data-theme=dark] .login-button,[data-theme=dark] .form-group input[type=email]{transition:all .3s cubic-bezier(.4,0,.2,1)}:root{--admin-sidebar-width: 280px;--admin-primary: #4f46e5;--admin-primary-dark: #4338ca;--admin-bg: #f3f4f6;--admin-bg-primary: #f9fafb;--admin-card-bg: #ffffff;--admin-border: #e5e7eb;--admin-text-primary: #111827;--admin-text-secondary: #6b7280;--admin-spacing-sm: 12px;--admin-spacing-md: 16px;--admin-spacing-lg: 24px;--admin-spacing-xl: 32px}.admin-layout{display:flex;min-height:100vh;width:100%;background:var(--admin-bg);overflow-x:hidden}.admin-sidebar{width:var(--admin-sidebar-width);background:var(--admin-card-bg);border-right:1px solid var(--admin-border);padding:var(--admin-spacing-lg) 0;position:fixed;height:100vh;left:0;top:0;z-index:100;box-shadow:0 4px 6px -1px #0000001a;overflow-y:auto;display:flex;flex-direction:column}.sidebar-header{padding:0 var(--admin-spacing-lg);margin-bottom:var(--admin-spacing-lg);border-bottom:1px solid var(--admin-border);padding-bottom:var(--admin-spacing-lg)}.sidebar-header h2{font-size:1.5rem;font-weight:600;color:var(--admin-text-primary);margin:0;letter-spacing:-.025em}.sidebar-nav{padding:0 var(--admin-spacing-sm);display:flex;flex-direction:column;gap:var(--admin-spacing-sm);flex:1}.admin-nav-item{display:flex;align-items:center;padding:var(--admin-spacing-md);color:var(--admin-text-secondary);text-decoration:none;transition:all .2s ease;border-radius:12px;font-weight:500;margin:0 var(--admin-spacing-sm)}.admin-nav-item:hover{background:#f9fafb;color:var(--admin-primary);transform:translate(4px)}.admin-nav-item.active{background:#eef2ff;color:var(--admin-primary);font-weight:600}.admin-nav-icon{margin-right:12px;width:20px;height:20px}.admin-main{flex:1;margin-left:var(--admin-sidebar-width);padding:var(--admin-spacing-xl);width:calc(100% - var(--admin-sidebar-width));min-height:100vh;background:var(--admin-bg)}.dashboard-container{max-width:1400px;margin-left:0;width:100%}.dashboard-header{background:var(--admin-card-bg);padding:var(--admin-spacing-lg);border-radius:16px;margin-bottom:var(--admin-spacing-lg);box-shadow:0 1px 3px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center}.header-content h1{font-size:1.875rem;font-weight:600;color:var(--admin-text-primary);margin:0;letter-spacing:-.025em}.search-bar{display:flex;align-items:center;background:#f9fafb;border:1px solid var(--admin-border);border-radius:12px;padding:8px 16px;width:300px;transition:all .2s ease}.search-bar:focus-within{border-color:var(--admin-primary);box-shadow:0 0 0 3px #4f46e51a}.search-bar input{border:none;background:none;padding:0;margin-left:8px;font-size:.875rem;width:100%;color:var(--admin-text-primary)}.search-bar input:focus{outline:none}.search-icon{color:var(--admin-text-secondary);width:16px;height:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px}.stat-card{background:var(--admin-card-bg);border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;border:1px solid var(--admin-border)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.dashboard-grid{display:grid;grid-template-columns:1fr 360px;gap:24px}.main-section,.side-section{display:flex;flex-direction:column;gap:24px}.card{background:var(--admin-card-bg);border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--admin-border)}.positive{color:#059669}.neutral{color:#4b5563}.negative{color:#dc2626}@media (max-width: 1400px){.dashboard-grid{grid-template-columns:1fr 320px}}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-sidebar{width:100%;height:auto;position:relative;padding:var(--admin-spacing-md)}.admin-main{margin-left:0;width:100%;padding:var(--admin-spacing-md)}.dashboard-container{padding:16px}.dashboard-header{padding:16px;margin-bottom:16px}.header-content{flex-direction:column;gap:16px}.search-bar{width:100%}.stats-grid{grid-template-columns:1fr;gap:16px}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:var(--admin-spacing-sm) 0}.admin-nav-item{white-space:nowrap;margin:0 var(--admin-spacing-sm)}.admin-nav-item:hover{transform:none}}.user-manager{width:100%;height:100%}.user-manager-content{background:var(--admin-card-bg);border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--admin-border)}.user-table{width:100%;border-collapse:collapse;margin-top:16px}.user-table th,.user-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--admin-border)}.user-table th{font-weight:600;color:var(--admin-text-secondary);background:#f9fafb}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--admin-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.user-info{display:flex;flex-direction:column}.user-name{font-weight:500;color:var(--admin-text-primary)}.user-email{font-size:.875rem;color:var(--admin-text-secondary)}.maintenance-dashboard{width:100%;height:100%}.maintenance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px}.maintenance-task{display:flex;flex-direction:column;gap:16px}.task-header{display:flex;align-items:center;gap:12px}.task-icon{width:24px;height:24px;color:var(--admin-primary)}.task-description{color:var(--admin-text-secondary);font-size:.875rem;line-height:1.5}.task-status{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.status-label{color:var(--admin-text-secondary)}.status-value{color:var(--admin-text-primary)}.icon-spin{animation:spin 1s linear infinite}.priority-badge{padding:4px 8px;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.priority-badge.high{background:#fee2e2;color:#dc2626}.priority-badge.medium{background:#fef3c7;color:#d97706}.priority-badge.low{background:#dcfce7;color:#059669}.status-badge{padding:4px 8px;border-radius:9999px;font-size:.75rem;font-weight:500}.role-badge,.status-badge{padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:500}.role-badge.admin{background:#dbeafe;color:#2563eb}.role-badge.moderator{background:#fef3c7;color:#d97706}.role-badge.user{background:#f3f4f6;color:#4b5563}.status-badge.active{background:#dcfce7;color:#059669}.status-badge.suspended{background:#fee2e2;color:#dc2626}.status-badge.inactive{background:#f3f4f6;color:#4b5563}.action-buttons{display:flex;gap:8px}.action-button{padding:6px;border-radius:6px;border:none;background:none;color:var(--admin-text-secondary);cursor:pointer;transition:all .2s}.action-button:hover{background:#f3f4f6;color:var(--admin-primary)}.action-button.delete:hover{background:#fee2e2;color:#dc2626}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--admin-text-secondary)}.loading-spinner{width:24px;height:24px;border:2px solid #f3f4f6;border-top-color:var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.maintenance-grid{grid-template-columns:1fr}}@media (max-width: 768px){.user-manager-content,.tasks-section,.history-section,.archives-section{padding:16px}.user-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.action-buttons{flex-direction:column}}@media (max-width: 1024px){:root{--admin-spacing-lg: 20px;--admin-spacing-xl: 24px}.admin-main{padding:var(--admin-spacing-lg)}}@media (max-width: 768px){.admin-sidebar{width:100%;height:auto;position:relative;padding:var(--admin-spacing-md)}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:var(--admin-spacing-sm) 0}.admin-nav-item{white-space:nowrap;margin:0 var(--admin-spacing-sm)}.admin-main{margin-left:0;width:100%;padding:var(--admin-spacing-md)}.dashboard-header{padding:var(--admin-spacing-md);margin-bottom:var(--admin-spacing-md)}}.primary-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--admin-primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.primary-button:hover{background:#4338ca}.header-actions{display:flex;align-items:center;gap:16px}.user-table-container{overflow-x:auto;margin-top:16px}.user-table{width:100%;border-collapse:separate;border-spacing:0}.user-table th{background:#f9fafb;padding:12px 16px;font-weight:600;color:var(--admin-text-secondary);text-align:left;border-bottom:1px solid var(--admin-border)}.user-table td{padding:16px;border-bottom:1px solid var(--admin-border)}.user-table tr:hover{background:#f9fafb}@media (max-width: 768px){.header-actions{flex-direction:column;width:100%}.primary-button{width:100%;justify-content:center}.user-table-container{margin-top:8px}}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--admin-text-primary)}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid var(--admin-border);border-radius:8px;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #4f46e51a}.secondary-button{padding:8px 16px;background:#f3f4f6;color:var(--admin-text-secondary);border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.secondary-button:hover{background:#e5e7eb}.role-badge{padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.role-badge.Client{background:#dbeafe;color:#2563eb}.role-badge.Broker{background:#fef3c7;color:#d97706}.role-badge.Admin{background:#fce7f3;color:#db2777}.error-message{background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;margin-bottom:16px;font-size:.875rem}.form-group input[type=password]{font-family:monospace}.form-group label small{display:block;color:var(--admin-text-secondary);font-size:.75rem;margin-top:4px}.status-badge.not-started{background:#e5e7eb;color:#6b7280}.status-badge.pending{background:#f3f4f6;color:#4b5563}.status-badge.running{background:#dbeafe;color:#2563eb}.status-badge.success{background:#dcfce7;color:#059669}.status-badge.failed{background:#fee2e2;color:#dc2626}html{scroll-behavior:smooth;height:100%;overflow-y:auto}body{min-height:100%;height:auto;overflow-y:auto;overflow-x:hidden;margin:0;padding:0}#root{min-height:100%;height:auto;overflow-y:auto}main{overflow-y:auto!important}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}@media (max-width: 900px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}main{min-height:calc(100vh - 70px - env(safe-area-inset-bottom,0px))!important}.client-layout,.broker-layout,.admin-layout{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}}.offline-dialog-title{display:flex;align-items:center;gap:12px;color:#d32f2f}.offline-icon{margin-right:8px;color:#d32f2f}.offline-content{margin:16px 0}.troubleshooting-section{margin-top:16px;padding:16px;background-color:#f5f5f5;border-radius:8px}.troubleshooting-section ul{margin-top:8px;padding-left:24px}.troubleshooting-section li{margin-bottom:8px;line-height:1.5}.offline-actions{padding:16px 24px;display:flex;justify-content:space-between}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hide-recaptcha-badge .grecaptcha-badge{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.hide-recaptcha-badge div.grecaptcha-badge[style*="position: fixed"],.hide-recaptcha-badge .g-recaptcha,.hide-recaptcha-badge #recaptcha-container,.hide-recaptcha-badge [id^=recaptcha],.hide-recaptcha-badge .grecaptcha-badge,.hide-recaptcha-badge iframe[src*=recaptcha],.hide-recaptcha-badge iframe[title*=reCAPTCHA]{display:none!important;visibility:hidden!important}@media (min-width: 769px){body:not(.hide-recaptcha-badge) .grecaptcha-badge,body:not(.hide-recaptcha-badge) div.grecaptcha-badge{z-index:9999!important;position:fixed!important}}.grecaptcha-badge{transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.hide-recaptcha-badge .grecaptcha-badge{position:absolute!important;left:-9999px!important;top:-9999px!important;width:0!important;height:0!important;margin:0!important;padding:0!important}.hide-recaptcha-badge div.grecaptcha-badge{display:none!important;visibility:hidden!important}@media (max-width: 768px){.grecaptcha-badge,div.grecaptcha-badge,div.grecaptcha-badge[style*="position: fixed"],.g-recaptcha,#recaptcha-container,[id^=recaptcha],iframe[src*=recaptcha],iframe[title*=reCAPTCHA]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;left:-9999px!important;top:-9999px!important;width:0!important;height:0!important;margin:0!important;padding:0!important}}.dashboard-container{width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:1.875rem;color:#111827;margin:0}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;transition:all .2s}.refresh-button:hover{background-color:#f9fafb;border-color:#d1d5db}.refresh-button svg{width:1.25rem;height:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 1px 3px #0000001a}.stat-icon{padding:.75rem;background-color:#f3f4f6;border-radius:.5rem;color:#1976d2}.stat-icon svg{width:1.5rem;height:1.5rem}.stat-content{flex:1}.stat-content h3{margin:0;font-size:.875rem;color:#6b7280}.stat-value{font-size:1.875rem;font-weight:600;color:#111827;margin:.5rem 0}.stat-details{display:flex;gap:1rem;font-size:.875rem;color:#6b7280}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.dashboard-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.dashboard-card h2{margin:0 0 1.5rem;font-size:1.25rem;color:#111827}.activity-list,.users-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem}.activity-status{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem}.activity-status.approved{background-color:#d1fae5;color:#065f46}.activity-status.rejected{background-color:#fee2e2;color:#991b1b}.activity-status.pending{background-color:#fef3c7;color:#92400e}.activity-details{flex:1;display:flex;flex-direction:column}.activity-title{font-weight:500;color:#111827}.activity-date{font-size:.875rem;color:#6b7280}.activity-amount{font-weight:500;color:#111827}.user-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem}.user-avatar{width:2.5rem;height:2.5rem;background-color:#1976d2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500}.user-details{flex:1;display:flex;flex-direction:column}.user-name{font-weight:500;color:#111827}.user-email,.user-joined{font-size:.875rem;color:#6b7280}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#6b7280}.loading-icon{animation:spin 1s linear infinite;width:2rem;height:2rem;color:#1976d2}.error-icon{width:2rem;height:2rem;color:#ef4444}.retry-button{padding:.5rem 1rem;background-color:#ef4444;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.retry-button:hover{background-color:#dc2626}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.stats-grid,.dashboard-grid{grid-template-columns:1fr}}.activity-meta{display:flex;gap:8px;font-size:.875rem;color:#64748b}.activity-status-text{text-transform:capitalize;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.activity-status-text.pending{background:#fef3c7;color:#92400e}.activity-status-text.approved{background:#dcfce7;color:#166534}.activity-status-text.rejected{background:#fee2e2;color:#991b1b}.activity-status-text.inReview{background:#e0f2fe;color:#075985}.no-data{text-align:center;padding:24px;color:#64748b;font-style:italic}.page-container{min-height:100vh;display:flex;flex-direction:column}.privacy-policy-container{max-width:1200px;margin:150px auto 60px;padding:2rem;color:#1f2937;flex:1}.privacy-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.privacy-icon{width:3rem;height:3rem;color:#2563eb;margin-bottom:1rem}.privacy-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.last-updated{color:#6b7280;font-size:.875rem}.privacy-content{line-height:1.6}.privacy-content section{margin-bottom:2.5rem}.privacy-content h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.privacy-content h3{font-size:1.25rem;font-weight:500;color:#374151;margin:1.5rem 0 1rem}.privacy-content p{margin-bottom:1rem;color:#4b5563}.privacy-content ul{list-style-type:disc;margin-left:1.5rem;margin-bottom:1rem}.privacy-content li{margin-bottom:.5rem;color:#4b5563}.contact-info{background-color:#f3f4f6;padding:1.5rem;border-radius:.5rem;margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.contact-info p{margin:0;padding-left:2rem;position:relative;line-height:1.5}.contact-info p:first-child{font-weight:600;color:#1a365d;padding-left:0;margin-bottom:.5rem;font-size:1.1rem}.contact-info p:not(:first-child):before{content:"";position:absolute;left:0;width:1.5rem;text-align:center;color:#2563eb}.contact-info p:nth-child(2):before{content:"📧"}.contact-info p:nth-child(3):before{content:"📞"}.contact-info p:nth-child(4):before,.contact-info p:nth-child(5):before{content:"📍"}.contact-info p:nth-child(5){padding-left:3.5rem}@media (prefers-color-scheme: dark){.page-container{background-color:#111827}.privacy-policy-container,.privacy-header h1,.privacy-content h2{color:#f3f4f6}.privacy-content h3{color:#e5e7eb}.privacy-content p,.privacy-content li{color:#d1d5db}.contact-info{background-color:#1a365d;border:1px solid #1a365d}.contact-info p{color:#e2e8f0}.contact-info p:first-child{color:#60a5fa}.last-updated{color:#9ca3af}}@media (max-width: 768px){.privacy-policy-container{margin:100px auto 40px;padding:1rem}.privacy-header h1{font-size:2rem}.privacy-content h2{font-size:1.25rem}.privacy-content h3{font-size:1.125rem}.privacy-content{font-size:.9375rem}}@media print{.privacy-policy-container{margin:0;padding:20px}.privacy-header{margin-bottom:2rem}.privacy-content{font-size:12pt}.privacy-content h2{page-break-after:avoid}.privacy-content section{page-break-inside:avoid}}.policy-content-container{font-family:Roboto,Helvetica,Arial,sans-serif;color:#000;line-height:1.6;margin-top:10px}.policy-header-design{display:flex;flex-direction:column;align-items:center;margin-bottom:25px;padding-top:0}.policy-icon-container{display:flex;justify-content:center;align-items:center;background:#1976d2;width:90px;height:90px;border-radius:50%;margin-bottom:20px;box-shadow:0 4px 8px #0003;margin-top:10px}[data-theme=light] .policy-icon-container,[data-theme=dark] .policy-icon-container{background:#1976d2!important}.policy-icon-container svg{font-size:50px;color:#fff}[data-theme=light] .policy-icon-container svg{color:#fff!important}[data-theme=dark] .policy-icon-container svg{color:#fff!important}.policy-design-line{width:90%;height:3px;background:linear-gradient(90deg,transparent,#1976d2,transparent);margin-bottom:20px}.policy-content-container h1{color:#000;margin-top:0;font-size:1.85rem;font-weight:500;text-align:center;margin-bottom:5px}.policy-content-container h2{color:#000;font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem;font-weight:500}.policy-content-container h3{font-size:1.1rem;margin-top:1rem;margin-bottom:.5rem;color:#000}.policy-content-container p{margin-bottom:1rem;color:#000}.policy-content-container ul{padding-left:1.5rem;margin-bottom:1rem}.policy-content-container li{margin-bottom:.5rem;color:#000}.policy-content-container .last-updated{color:#000;font-size:.9rem;font-style:italic;margin-bottom:1.5rem;text-align:center}.policy-content-container .contact-info{background-color:#f5f5f5;padding:1rem;border-radius:4px;margin-top:1rem}.policy-content-container .contact-info p{margin-bottom:.5rem;color:#000}.terms-container,.privacy-policy-container{max-width:100%;overflow-x:hidden}.terms-content section,.privacy-content section{margin-bottom:1.5rem}@media (max-width: 600px){.policy-content-container h1{font-size:1.5rem}.policy-content-container h2{font-size:1.15rem}.policy-content-container h3{font-size:1rem}.policy-icon-container{width:70px;height:70px;margin-top:10px}.policy-icon-container svg{font-size:40px}}[data-theme=dark] .policy-content-container,[data-theme=dark] .policy-content-container h1,[data-theme=dark] .policy-content-container h2,[data-theme=dark] .policy-content-container h3,[data-theme=dark] .policy-content-container p,[data-theme=dark] .policy-content-container li{color:#f8fafc!important}[data-theme=dark] .policy-content-container .last-updated{color:#cbd5e1!important}[data-theme=dark] .policy-content-container .contact-info{background-color:#334155!important;border:1px solid #475569!important}[data-theme=dark] .policy-content-container .contact-info p{color:#f8fafc!important}[data-theme=dark] .MuiDialog-paper{background-color:#1e293b!important;color:#fff!important}[data-theme=dark] .MuiDialogTitle-root{background-color:#1e293b!important;color:#fff!important;border-bottom:1px solid #475569!important}[data-theme=dark] .MuiDialogContent-root{background-color:#1e293b!important;color:#fff!important}[data-theme=dark] .MuiDialogActions-root{background-color:#1e293b!important;border-top:1px solid #475569!important}[data-theme=dark] .policy-content-container,[data-theme=dark] .terms-container,[data-theme=dark] .privacy-policy-container,[data-theme=dark] .terms-content,[data-theme=dark] .privacy-content{background-color:#1e293b!important;color:#fff!important}[data-theme=dark] .policy-content-container section,[data-theme=dark] .terms-content section,[data-theme=dark] .privacy-content section{background-color:#1e293b!important;color:#fff!important}[data-theme=dark] .policy-content-container div,[data-theme=dark] .terms-container div,[data-theme=dark] .privacy-policy-container div{background-color:#1e293b!important;color:#fff!important}:root{--bg-primary-light: #F9FAFB;--bg-secondary-light: #ffffff;--text-primary-light: #1E293B;--text-secondary-light: #64748B;--border-light: rgba(0, 0, 0, .08);--shadow-light: rgba(0, 0, 0, .1);--bg-primary-dark: #0f172a;--bg-secondary-dark: #1e293b;--text-primary-dark: #f8fafc;--text-secondary-dark: #cbd5e1;--border-dark: rgba(248, 250, 252, .12);--shadow-dark: rgba(0, 0, 0, .3)}[data-theme=light]{--bg-primary: var(--bg-primary-light);--bg-secondary: var(--bg-secondary-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--border-color: var(--border-light);--shadow-color: var(--shadow-light)}[data-theme=dark]{--bg-primary: var(--bg-primary-dark);--bg-secondary: var(--bg-secondary-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--border-color: var(--border-dark);--shadow-color: var(--shadow-dark)}[data-theme=dark] body{background-color:var(--bg-primary-dark);color:var(--text-primary-dark);transition:background-color .3s ease,color .3s ease}[data-theme=dark] .hero-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}[data-theme=dark] .hero-content{color:#f8fafc}[data-theme=dark] .hero-subtitle{color:#cbd5e1}[data-theme=dark] .feature-card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid #475569;color:#f8fafc}[data-theme=dark] .feature-card:hover{box-shadow:0 8px 32px #0000004d;border-color:#60a5fa}[data-theme=dark] .feature-card .MuiTypography-root{color:#f8fafc}[data-theme=dark] .feature-card .MuiTypography-body2{color:#cbd5e1}[data-theme=dark] .stats-section{background:linear-gradient(135deg,#1e293b 0%,#334155 100%)}[data-theme=dark] .stats-card{background:#334155;border:1px solid #475569;color:#f8fafc}[data-theme=dark] .stats-number{color:#60a5fa}[data-theme=dark] .stats-label{color:#cbd5e1}[data-theme=dark] .testimonial-card{background:#1e293b;border:1px solid #334155;color:#f8fafc}[data-theme=dark] .testimonial-text{color:#cbd5e1}[data-theme=dark] .testimonial-author{color:#f8fafc}[data-theme=dark] .navbar{background:#1e293b;border-bottom:1px solid #334155}[data-theme=dark] .navbar .MuiAppBar-root{background:#1e293b}[data-theme=dark] .navbar-link{color:#cbd5e1}[data-theme=dark] .navbar-link:hover,[data-theme=dark] .navbar-brand{color:#f8fafc}[data-theme=dark] .footer{background:#0f172a;border-top:1px solid #334155;color:#cbd5e1}[data-theme=dark] .footer h3,[data-theme=dark] .footer h4,[data-theme=dark] .footer h5,[data-theme=dark] .footer h6{color:#f8fafc}[data-theme=dark] .footer a{color:#cbd5e1}[data-theme=dark] .footer a:hover{color:#f8fafc}[data-theme=dark] .MuiButton-containedPrimary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}[data-theme=dark] .MuiButton-containedPrimary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 24px #3b82f666}[data-theme=dark] .MuiButton-outlinedPrimary{border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .MuiButton-outlinedPrimary:hover{background-color:#60a5fa1a;border-color:#93c5fd}[data-theme=dark] .MuiCard-root{background:#1e293b;border:1px solid #334155;color:#f8fafc}[data-theme=dark] .MuiPaper-root{background:#1e293b;color:#f8fafc}[data-theme=dark] .MuiTextField-root .MuiOutlinedInput-root{background-color:#334155;color:#f8fafc}[data-theme=dark] .MuiTextField-root .MuiOutlinedInput-notchedOutline{border-color:#475569}[data-theme=dark] .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#60a5fa}[data-theme=dark] .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#3b82f6}[data-theme=dark] .MuiInputLabel-root{color:#94a3b8}[data-theme=dark] .MuiInputLabel-root.Mui-focused{color:#60a5fa}[data-theme=dark] .MuiDialog-paper{background:#1e293b;color:#f8fafc}[data-theme=dark] .MuiDialogTitle-root{color:#f8fafc;border-bottom-color:#334155}[data-theme=dark] .MuiDialogContent-root{color:#cbd5e1}[data-theme=dark] .faq-modal .MuiAccordion-root{background:#334155;border:1px solid #475569;color:#f8fafc}[data-theme=dark] .faq-modal .MuiAccordionSummary-root{background:#334155}[data-theme=dark] .faq-modal .MuiAccordionDetails-root{background:#1e293b;color:#cbd5e1}[data-theme=dark] .mortgage-quiz .MuiStepper-root{background:transparent}[data-theme=dark] .mortgage-quiz .MuiStepLabel-label{color:#cbd5e1}[data-theme=dark] .mortgage-quiz .MuiStepLabel-label.Mui-active{color:#60a5fa}[data-theme=dark] .mortgage-quiz .MuiStepLabel-label.Mui-completed{color:#10b981}[data-theme=dark] .blog-section{background:#1e293b}[data-theme=dark] .blog-card{background:#334155;border:1px solid #475569;color:#f8fafc}[data-theme=dark] .blog-card:hover{border-color:#60a5fa;box-shadow:0 8px 32px #0000004d}[data-theme=dark] .blog-title{color:#f8fafc}[data-theme=dark] .blog-excerpt{color:#cbd5e1}[data-theme=dark] .blog-meta{color:#94a3b8}[data-theme=dark] .property-card{background:#1e293b;border:1px solid #334155;color:#f8fafc}[data-theme=dark] .property-card:hover{border-color:#60a5fa;box-shadow:0 8px 32px #0000004d}[data-theme=dark] .property-price{color:#10b981}[data-theme=dark] .property-location{color:#cbd5e1}[data-theme=dark] .MuiCircularProgress-root{color:#60a5fa}[data-theme=dark] .MuiLinearProgress-root{background-color:#334155}[data-theme=dark] .MuiLinearProgress-bar{background-color:#60a5fa}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#64748b}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (prefers-contrast: high){[data-theme=dark]{--text-primary-dark: #ffffff;--text-secondary-dark: #e2e8f0;--border-dark: rgba(255, 255, 255, .2)}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@tailwind base;@tailwind components;@tailwind utilities;:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}@layer base{html{font-family:Inter,system-ui,sans-serif;font-display:swap;background-color:#0049ab}body{background-color:#0049ab}[data-theme=dark] html,[data-theme=dark] body{background-color:#1e293b!important}@media (prefers-color-scheme: dark){html{color-scheme:light!important;background-color:#0049ab}body{background-color:#0049ab!important}}}@media (prefers-color-scheme: dark){:root{color-scheme:light!important}body,html{background-color:#0049ab!important}}@layer components{.input-field{@apply w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200;}.btn-primary{@apply bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-all duration-200;}.card{@apply bg-white rounded-xl shadow-soft;}}*{margin:0;padding:0;box-sizing:border-box}@media (max-width: 768px){*::-webkit-scrollbar{display:none;width:0;height:0}*,html,body,#root{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar{display:none;width:0;height:0}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light!important;background-color:#0049ab}[data-theme=dark] body{background-color:#1e293b!important}#root{min-height:100vh;width:100%;display:flex;flex-direction:column}#root>main{width:100%;min-height:calc(100vh - 64px);flex:1;display:flex;flex-direction:column}.animated,[class*=animate-],.MuiButton-root,.MuiIconButton-root,.MuiCard-root,.MuiPaper-root{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.MuiButton-root{transition:transform .2s ease,opacity .2s ease,background-color .2s ease!important}.MuiIconButton-root:hover,.MuiButton-root:hover{transform:translateY(-1px) translateZ(0)}.MuiCard-root{transition:transform .3s ease,box-shadow .3s ease!important}.MuiCard-root:hover{transform:translateY(-4px) translateZ(0)}img{max-width:100%;height:auto;display:block}img[src]{min-height:1px}img[loading=lazy]{aspect-ratio:attr(width) / attr(height)}.dynamic-content{min-height:1px;contain:layout}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.smooth-transition{transition:transform .3s ease,opacity .3s ease}.font-loading{font-display:swap;font-family:Inter,system-ui,sans-serif}.container-stable{contain:layout style;will-change:auto}.flex-stable{display:flex;min-width:0;min-height:0}.grid-stable{display:grid;min-width:0;min-height:0}.content-loading{min-height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.MuiCard-root,.MuiPaper-root,.MuiContainer-root{contain:layout}.sidebar-transition{transition:margin-left .3s ease,width .3s ease;will-change:margin-left,width}@media (max-width: 768px){.mobile-stable{width:100%!important;margin-left:0!important}}.theme-transition{transition:background-color .2s ease,color .2s ease}.pwa-stable{position:fixed;z-index:1000;contain:layout}.notification-stable{position:fixed;top:0;right:0;z-index:9999;contain:layout}.form-stable{min-height:40px;contain:layout}.list-stable{min-height:1px;contain:layout}.modal-stable{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;contain:layout}.loading-stable{min-height:100px;display:flex;align-items:center;justify-content:center;contain:layout}
