@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.navbar{background-color:#fffffff2;-webkit-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}.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:#1a365d;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:#2563eb;background-color:#2563eb14}.nav-link.login-btn{background-color:#2563eb;color:#fff!important;padding:.5rem 1.25rem;border-radius:6px;transition:all .2s ease;margin-left:1rem}.nav-link.login-btn:hover{background-color:#1d4ed8;transform:translateY(-1px);color:#fff!important}.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:80px}.navbar-container{padding:0 1rem}.navbar-logo{height:60px}.mobile-menu-btn{display:block;background:none;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:none;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){.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-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:1rem;transition:all .2s;background-color:#f8fafc}.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-content-wrapper{flex-direction:column;max-width:600px}.login-image-section{padding:3rem 2rem}.login-form-section{padding:2rem 1.5rem}.login-card{padding:1rem}}@media (max-width: 640px){.login-container{padding:1rem;margin-top:60px}.login-content-wrapper{border-radius:12px;min-height:auto}.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}.broker-sidebar{width:var(--sidebar-width, 250px);background-color:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;min-height:100vh;height:100%;position:fixed;top:0;left:0;z-index:1000;transition:transform .3s ease,width .3s ease;box-shadow:0 1px 3px #0000001a}.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:#64748b;text-decoration:none;transition:background-color .2s ease,color .2s ease}.nav-item:hover{background-color:#f1f5f9;color:#1e293b}.nav-item.active{background-color:#e0f2fe;color:#0284c7;font-weight:500}.nav-icon{margin-right:.75rem}.sidebar-footer{padding:16px;border-top:1px solid #f0f0f0;background-color:#fff;flex-shrink:0;margin-top:auto}.user-info{display:flex;align-items:center;padding:12px;background-color:#f8fafc;border-radius:8px;margin-bottom:12px;gap:12px}.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:#2c3e50;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{display:block;font-size:12px;color:#64748b}.logout-button{width:100%;padding:12px;display:flex;align-items:center;gap:8px;color:#64748b;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.logout-button:hover{background-color:#f1f5f9;color:#dc2626}.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 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:#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}.sidebar-toggle{position:fixed!important;z-index:1100!important}.MuiListItem-root.Mui-selected{background-color:#1976d21f!important}.MuiListItem-root.Mui-selected:hover{background-color:#1976d22e!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}.MuiDrawer-paper,.sidebar-overlay{animation:fadeIn .3s ease}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}.applications-container{padding:2rem;max-width:1800px;margin:0 auto;position:relative;z-index:1}.section-header{margin-bottom:2rem}.section-header h1{font-size:1.875rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.section-header .subtitle{color:#64748b;font-size:.95rem}.applications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;margin-top:1.5rem;position:relative;z-index:1}.application-card{background:#ffffff;border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease;overflow:visible!important;position:relative;z-index:1;height:100%;margin-bottom:10px}.card-header{padding:1.5rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:1rem}.applicant-info{display:flex;align-items:center;gap:1rem}.applicant-avatar{width:56px;height:56px;border-radius:50%;background:#f8fafc;display:flex;align-items:center;justify-content:center;border:2px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.applicant-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.application-card:hover .applicant-avatar img{transform:scale(1.05)}.applicant-details{display:flex;flex-direction:column}.applicant-details h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.25rem;transition:color .2s ease}.application-card:hover .applicant-details h3{color:#2563eb}.applicant-details p{font-size:.875rem;color:#64748b;transition:color .2s ease}.status-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;gap:.5rem;transition:all .3s ease}.status-badge .status-icon{width:16px;height:16px;transition:transform .3s ease}.application-card:hover .status-badge .status-icon{transform:scale(1.1) rotate(5deg)}.status-badge.pending{background:#fef9c3;color:#854d0e}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.completed{background:#dbeafe;color:#1e40af}.status-badge.rejected{background:#fee2e2;color:#991b1b}.card-content{padding:1.5rem;transition:transform .3s ease}.application-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.detail-item{display:flex;flex-direction:column;gap:.375rem;transition:transform .3s ease}.application-card:hover .detail-item{transform:translateY(-2px)}.detail-label{font-size:.875rem;color:#64748b;font-weight:500}.detail-value{font-size:1rem;color:#1e293b;font-weight:600}.action-button{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;border:none;cursor:pointer}.action-button.primary{background:#2563eb;color:#fff}.action-button.primary:hover{background:#1d4ed8}.action-button.secondary{background:white;color:#475569;border:1px solid #e2e8f0}.action-button.secondary:hover{background:#f8fafc;border-color:#cbd5e1}.action-button.icon{position:relative;z-index:52;padding:.5rem;background:transparent}.action-button.icon:hover{background:#f1f5f9}.menu-container{position:relative;z-index:51}.menu-popup{position:absolute;right:0;top:calc(100% + .5rem);background:white;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;min-width:200px;z-index:53;animation:menuFadeIn .2s ease;transform-origin:top right}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.menu-items-container{padding:.5rem}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;width:100%;border:none;background:transparent;color:#475569;font-size:.875rem;text-align:left;cursor:pointer;border-radius:6px;transition:all .2s ease}.menu-item:hover{background:#f8fafc}.menu-item.delete:hover{background:#fee2e2}@media (max-width: 1024px){.applications-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 640px){.applications-container{padding:1rem}.applications-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}.action-button{width:100%;justify-content:center}}.title-group{display:flex;align-items:center;gap:1.5rem}.view-options-container{display:flex;gap:.5rem;padding:.25rem;background:#f1f5f9;border-radius:8px}.view-button{padding:.5rem;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:6px;transition:all .2s ease}.view-button-content{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.applications-list{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.applications-list .application-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;padding:1rem;gap:1.5rem;position:relative;z-index:1}.applications-list .card-header{padding:0;border:none}.applications-list .card-content{padding:0}.applications-list .application-details{grid-template-columns:repeat(4,1fr);margin:0}.applications-list .card-actions{padding:0;border:none;background:transparent;gap:.5rem}@media (max-width: 1024px){.applications-list .application-card{grid-template-columns:auto 1fr auto}.applications-list .application-details{grid-template-columns:repeat(3,1fr)}.applications-list .card-actions{grid-column:1 / -1;justify-content:flex-start;padding-top:1rem}}@media (max-width: 768px){.applications-list .application-card{grid-template-columns:1fr}.applications-list .application-details{grid-template-columns:repeat(2,1fr);margin-top:1rem}}.applications-list .card-actions{padding-right:1rem}.applications-list .menu-popup{right:0;z-index:53}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:40}.application-card:has(.menu-container:focus-within),.application-card:has(.menu-popup){z-index:50!important}.applications-list .quick-actions,.applications-list .status-and-menu{display:none}.card-actions{position:relative;z-index:2;display:flex;align-items:center;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem;background:#f8fafc;border-top:1px solid #f1f5f9;overflow:visible!important}.details-section{background:white;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.details-section h4{display:flex;align-items:center;gap:.5rem;color:#1f2937;font-size:1.1rem;margin-bottom:1rem}.details-section h4 svg{color:#2563eb}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item .label{font-size:.875rem;color:#6b7280}.detail-item .value{font-size:1rem;color:#1f2937;font-weight:500}.application-card{transition:all .3s ease;height:100%}.application-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a!important}.application-card .MuiCardHeader-avatar{transition:transform .3s ease}.application-card:hover .MuiCardHeader-avatar{transform:scale(1.05)}.application-card .MuiChip-root{transition:transform .3s ease,box-shadow .3s ease}.application-card:hover .MuiChip-root{transform:scale(1.05);box-shadow:0 3px 6px #00000014}.application-card .MuiChip-filledWarning{background-color:#ed6c02!important;color:#fff!important}.application-card .MuiChip-filledSuccess{background-color:#2e7d32!important;color:#fff!important}.application-card .MuiChip-filledInfo{background-color:#0288d1!important;color:#fff!important}.application-card .MuiChip-filledError{background-color:#d32f2f!important;color:#fff!important}.application-card .MuiCardContent-root{transition:background-color .3s ease}.application-card:hover .MuiCardContent-root{background-color:#fafbfc}.application-card .MuiCardContent-root .MuiGrid-item{transition:transform .3s ease}.application-card:hover .MuiCardContent-root .MuiGrid-item{transform:translateY(-2px)}@media (max-width: 600px){.application-card{border-radius:12px!important}.application-card .MuiCardHeader-content{max-width:160px;overflow:hidden}.application-card .MuiCardHeader-content .MuiTypography-subtitle1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.applications-table .MuiTableCell-root{padding:16px}.applications-table .MuiTableRow-root{transition:background-color .2s ease}.applications-table .MuiTableRow-root:hover{background-color:#0000000a}.MuiMenu-paper{animation:menuFadeIn .2s ease-out forwards;box-shadow:0 5px 15px #00000026!important;border-radius:12px!important;overflow:hidden}.pdf-download-link{text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:6px 8px}.pdf-download-button-wrapper{overflow:hidden;min-width:40px}@media (min-width: 600px){.pdf-download-button-wrapper{min-width:100px}}@media (max-width: 600px){.application-card{height:auto}.pdf-download-link{padding:6px 8px;font-size:.75rem}.card-actions{flex-direction:column}.card-content .MuiGrid-container{margin-top:0;margin-bottom:0}.card-content .MuiGrid-item{padding-top:4px;padding-bottom:4px}.MuiCardHeader-content{max-width:calc(100% - 100px)}}@media (min-width: 601px) and (max-width: 960px){.card-actions{flex-wrap:wrap;gap:8px}.pdf-download-link{padding:6px 12px}}.MuiButtonGroup-root .MuiButton-root{min-height:36px}.MuiDataGrid-root .MuiDataGrid-row{position:relative;transition:all .2s ease}.MuiDataGrid-root .MuiDataGrid-row:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(224,224,224,.8);z-index:2}.MuiDataGrid-root .MuiDataGrid-row:hover{background-color:#edf5fbb3!important}.MuiDataGrid-root .MuiDataGrid-row.Mui-selected{background-color:#edf5fb!important}.MuiCard-root.application-mobile-card{margin-bottom:32px;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(224,224,224,.8);box-shadow:0 3px 12px #00000014}.MuiCard-root.application-mobile-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px);border-color:#1976d24d}.MuiCard-root .MuiDivider-root{height:1px;background-color:#00000014}.application-mobile-card .MuiCardContent-root{padding:20px!important}.application-mobile-card .MuiCardActions-root{padding:16px 20px!important;background-color:#f8fafccc;border-top:1px solid rgba(0,0,0,.06)}.application-mobile-card .MuiAvatar-root{box-shadow:0 2px 8px #0000001a;border:2px solid rgba(255,255,255,.9)}.application-mobile-card .MuiChip-root{box-shadow:0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.2)}@media (max-width: 1024px){.broker-applications-container{position:relative;z-index:51;padding:16px 8px}.application-mobile-card{position:relative;z-index:51;margin:0 4px 20px}.mobile-applications-view{padding:0 8px}}@media (min-width: 768px) and (max-width: 1024px){.application-mobile-card{max-width:600px;margin:0 auto 24px}}@media (min-width: 1200px){.broker-applications-container{max-width:1400px}.application-mobile-card{max-width:800px;margin-left:auto;margin-right:auto}}:root{--sidebar-width: 240px;--header-height: 64px}.broker-layout-container{display:flex;min-height:100vh;background-color:#f8fafc;position:relative;overflow-x:hidden}.broker-sidebar-container{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background-color:#fff;box-shadow:0 1px 3px #0000001a;z-index:50;transform:translate(0);transition:transform .3s ease;overflow-y:auto}.broker-main-wrapper{flex:1;margin-left:var(--sidebar-width);min-height:100vh;width:calc(100% - var(--sidebar-width));transition:margin-left .3s ease,width .3s ease;display:flex;flex-direction:column}.broker-main-wrapper.full-width{margin-left:0;width:100%}.broker-header-wrapper{position:sticky;top:0;width:100%;z-index:40;background-color:#fff;box-shadow:0 1px 3px #0000000d}.broker-content-area{flex:1;padding:1.5rem;overflow-y:auto}@media (max-width: 1024px){.broker-sidebar-container{transform:translate(-100%);display:none;z-index:999}.broker-sidebar-container.active{transform:translate(0)}.broker-main-wrapper{margin-left:0;width:100%;z-index:1}.broker-content-area{position:relative;z-index:1}}@media (max-width: 768px){.application-mobile-card{position:relative;z-index:2}}.broker-dashboard{display:flex;min-height:100vh;background-color:#f8fafc}.broker-page-container{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-height:100vh;overflow-y:auto;background-color:#f8fafc;padding:88px 24px 24px;transition:margin-left .3s ease,width .3s ease}.broker-header{position:sticky;top:0;height:var(--header-height);background:white;border-bottom:1px solid #e5e7eb;z-index:30;padding:0 1.5rem;display:flex;align-items:center;width:100%;transition:left .3s ease}.content-wrapper{max-width:1400px;margin:0 auto;width:100%}@media (max-width: 768px){.broker-page-container{margin-left:0;width:100%;padding:76px 16px 16px}.broker-header{left:0}.broker-content-area{padding:1rem}}.broker-layout{display:flex;min-height:100vh;background-color:#f8fafc;position:relative;overflow-x:hidden}.broker-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;width:calc(100% - var(--sidebar-width));transition:margin-left .3s ease,width .3s ease;position:relative;overflow-x:hidden}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;width:100%}.header-content h1{margin:0;font-size:1.5rem;color:#1f2937}.header-actions{display:flex;align-items:center;gap:1rem}.broker-main{padding:24px;min-height:calc(100vh - var(--header-height));background-color:#f8fafc;margin-top:var(--header-height);box-sizing:border-box;width:100%}.broker-main-content{max-width:1800px;margin:0 auto;height:100%;padding:16px}.messages-container-wrapper .broker-main-content,.settings-container-wrapper .broker-main-content{padding:0!important}.broker-main-content{padding:16px}.broker-sidebar{display:flex;flex-direction:column;width:var(--admin-sidebar-width);height:100vh;background:#ffffff;border-right:1px solid #e5e7eb;position:fixed;left:0;top:0;z-index:40}.sidebar-toggle{display:none;position:fixed;top:20px;left:20px;z-index:50;background:white;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 4px #0000001a;cursor:pointer;align-items:center;justify-content:center}@media (max-width: 1024px){.broker-sidebar{transform:translate(-100%)}.broker-sidebar.expanded{transform:translate(0)}.broker-content{margin-left:0;width:100%}.broker-main-content{padding:0}}@media (max-width: 768px){.broker-sidebar{position:fixed;z-index:1200}.broker-content{margin-left:0;width:100%}.broker-main{padding:16px}.broker-page-container{margin-left:0;width:100%;padding:76px 16px 16px}.broker-header{left:0}}.applications-container,.messages-container,.analytics-container,.settings-container{max-width:1200px;margin:0 auto;padding:24px;background:#ffffff;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}@media (max-width: 1024px){.applications-container,.messages-container,.analytics-container,.settings-container{margin:0 auto;width:100%}}@media (max-width: 768px){.applications-container,.messages-container,.analytics-container,.settings-container{padding:16px;margin:0;width:100%;border-radius:0}.broker-page-container{padding:16px}}.sidebar-collapsed .broker-page-container{margin-left:0;width:100%}.section-header{margin-bottom:24px;border-bottom:1px solid #eaeaea;padding-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}button{padding:10px 16px;border-radius:4px;border:none;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s}button:disabled{opacity:.7;cursor:not-allowed}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width: 768px){.broker-header{padding:1rem}.notifications-popover{width:calc(100vw - 32px);right:-16px}}.nav-items{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.5rem}.sidebar-footer{border-top:1px solid #e5e7eb;padding:1rem;background:#f8fafc}.user-info{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem}.user-avatar{width:40px;height:40px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-icon{width:24px;height:24px;color:#6b7280}.user-details{display:flex;flex-direction:column;overflow:hidden}.user-name{font-weight:600;color:#111827;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.8rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#fef2f2;border-color:#ef4444}.logout-button .nav-icon{width:1.25rem;height:1.25rem}.top-bar{position:fixed;top:0;right:0;height:var(--header-height);display:flex;align-items:center;justify-content:flex-end;padding:0 24px;width:calc(100% - var(--sidebar-width));background:white;border-bottom:1px solid #e5e7eb;z-index:30;transition:width .3s ease}@media (max-width: 1024px){.broker-content{margin-left:0;width:100%}.broker-main-content,.top-bar{width:100%}}.messages-wrapper{height:100%;overflow:hidden}.settings-container{width:100%;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box}.MuiTabPanel-root{overflow-x:hidden;width:100%}.broker-content.full-width{margin-left:0;width:100%}.notifications-wrapper{position:relative}.notifications-bell{background:none;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;position:relative;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s ease}.notifications-bell:hover{background-color:#f3f4f6;color:#1f2937}.notifications-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%)}.notifications-dropdown{position:absolute;top:100%;right:0;width:320px;max-height:400px;background:white;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:40;overflow:hidden;margin-top:.5rem}.notifications-header{padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.notifications-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.notifications-actions{display:flex;align-items:center;gap:.5rem}.notification-count{font-size:.75rem;color:#6b7280}.mark-all-read{background:none;border:none;color:#3b82f6;font-size:.75rem;cursor:pointer;padding:0;text-decoration:underline}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:background-color .2s ease}.notification-content{flex:1}.notification-content p{margin:0 0 .25rem;font-size:.875rem;color:#1f2937}.notification-time{font-size:.75rem;color:#6b7280}.read-indicator{width:8px;height:8px;background-color:#3b82f6;border-radius:50%;flex-shrink:0}.no-notifications{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#9ca3af}.empty-icon{font-size:2rem;opacity:.5}.no-notifications p{margin:0;text-align:center}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.375rem;transition:all .2s ease;cursor:pointer}.user-info:hover{background-color:#f3f4f6}.user-avatar{width:2.5rem;height:2.5rem;background-color:#3b82f6;color:#fff;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.875rem}.user-details{display:flex;flex-direction:column}.user-name{font-size:.875rem;font-weight:500;color:#1f2937}.user-email{font-size:.75rem;color:#6b7280}.dashboard-card{background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:100%;display:flex;flex-direction:column}.card-header{padding:1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.card-content{padding:1rem;flex:1;overflow-y:auto}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:1.5rem}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.pending{background-color:#fff8e1;color:#f57f17}.status-badge.in_progress{background-color:#e3f2fd;color:#1976d2}.status-badge.completed{background-color:#e8f5e9;color:#2e7d32}.status-badge.rejected{background-color:#ffebee;color:#c62828}.status-badge.archived{background-color:#f5f5f5;color:#757575}.broker-page{padding-left:8px}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:20}@media (max-width: 1024px){.broker-content{margin-left:0;width:100%}.broker-main-content{padding:8px}}@media (max-width: 768px){.broker-main-content{padding:0}.broker-content{margin-left:0;width:100%}.broker-main{padding:16px}.broker-header{width:100%;left:0;padding:.75rem 1rem}.header-title h1{font-size:1.125rem}.header-subtitle,.user-details{display:none}.header-actions{gap:.5rem}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 640px){.action-button span:not(.notification-badge){display:none}.broker-main{padding:12px}.notifications-dropdown{width:280px;right:-70px}}.sidebar-closed .broker-main-content{margin-left:0;width:100%}.broker-main::-webkit-scrollbar,.notifications-list::-webkit-scrollbar,.card-content::-webkit-scrollbar{width:6px}.broker-main::-webkit-scrollbar-track,.notifications-list::-webkit-scrollbar-track,.card-content::-webkit-scrollbar-track{background:#f8fafc}.broker-main::-webkit-scrollbar-thumb,.notifications-list::-webkit-scrollbar-thumb,.card-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.broker-main::-webkit-scrollbar-thumb:hover,.notifications-list::-webkit-scrollbar-thumb:hover,.card-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.enhanced-document-checklist{margin-bottom:2rem}.document-checklist{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:2rem}.document-checklist h3{font-size:1.25rem;color:#1f2937;margin-bottom:1.5rem}.documents-list{display:flex;flex-direction:column;gap:1rem}.document-item{display:flex;align-items:center;padding:1rem;background-color:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s ease}.document-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.document-info{flex:1}.document-info h4{font-size:1rem;color:#1f2937;margin-bottom:.25rem}.document-info p{font-size:.875rem;color:#6b7280}.document-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;margin:0 1rem}.document-status.pending{background-color:#fef3c7;color:#d97706}.document-status.uploaded{background-color:#dbeafe;color:#3b82f6}.document-status.approved{background-color:#dcfce7;color:#22c55e}.document-status.rejected{background-color:#fee2e2;color:#ef4444}.upload-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;background-color:#3b82f6;color:#fff;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.upload-button:hover{background-color:#2563eb}.upload-button:focus{outline:none;ring:2px;ring-offset:2px;ring-color:#93c5fd}.document-category-header{background-color:#f3f4f6;padding:12px 16px;font-weight:600;border-bottom:1px solid #e5e7eb}.document-progress-container{margin-bottom:16px}.document-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.document-progress-bar{height:8px;border-radius:4px;overflow:hidden}.document-status-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.document-guidelines-card{background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;padding:16px;margin-bottom:24px}.document-guidelines-header{font-weight:600;margin-bottom:12px}.document-guideline-item{margin-bottom:8px}.document-list-item-approved{background-color:#22c55e1a}.document-list-item-container{display:flex;align-items:center;padding:8px 16px}.document-list-item-info{flex:1;margin-left:12px}.document-list-item-name{font-weight:500}.document-list-item-description{font-size:.875rem;color:#6b7280}.document-list-item-actions{display:flex;gap:8px}.unified-modal{--modal-border-radius: 16px;--modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--modal-transition: all .3s cubic-bezier(.4, 0, .2, 1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.modal-content-area{animation:fadeInUp .4s ease-out .1s both}.modal-content-area>*{animation:fadeInUp .4s ease-out calc(.1s + var(--stagger-delay, 0s)) both}.unified-modal .MuiCard-root{transition:var(--modal-transition);border-radius:12px;overflow:hidden}.unified-modal .MuiCard-root:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.unified-modal .MuiTextField-root{margin-bottom:16px}.unified-modal .MuiTextField-root .MuiOutlinedInput-root{border-radius:8px;transition:var(--modal-transition)}.unified-modal .MuiTextField-root .MuiOutlinedInput-root:hover{box-shadow:0 2px 8px #0000001a}.unified-modal .MuiButton-root{border-radius:8px;text-transform:none;font-weight:500;transition:var(--modal-transition)}.unified-modal .MuiButton-contained{box-shadow:0 2px 8px #00000026}.unified-modal .MuiButton-contained:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.unified-modal .MuiTabs-root{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%)}.unified-modal .MuiTab-root{transition:var(--modal-transition);font-weight:500}.unified-modal .MuiTab-root:hover{background-color:#0000000a}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;font-size:.875rem;font-weight:500;animation:fadeInUp .3s ease-out}.status-indicator.success{background-color:#e8f5e9;color:#2e7d32}.status-indicator.warning{background-color:#fff3e0;color:#f57c00}.status-indicator.error{background-color:#ffebee;color:#d32f2f}.status-indicator.info{background-color:#e3f2fd;color:#1976d2}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@media (max-width: 768px){.unified-modal .MuiDialog-paper{margin:0;border-radius:0;height:100vh;max-height:100vh;overflow:hidden}.unified-modal .MuiDialogTitle-root{padding:16px;flex-shrink:0}.unified-modal .MuiTabs-root{padding:0 8px;flex-shrink:0}.unified-modal .MuiTab-root{min-width:120px;padding:12px 8px}.unified-modal .MuiDialogContent-root{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.unified-modal [role=tabpanel]{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.unified-modal [role=tabpanel]>div{padding:16px!important}.unified-modal .MuiDialogContent-root::-webkit-scrollbar,.unified-modal [role=tabpanel]::-webkit-scrollbar{width:4px}}.unified-modal .MuiDialog-paper{outline:none}.unified-modal .MuiDialogTitle-root:focus-visible{outline:2px solid #2196f3;outline-offset:2px}.unified-modal .MuiDialogContent-root::-webkit-scrollbar,.unified-modal [role=tabpanel]::-webkit-scrollbar,.unified-modal .scrollable-content::-webkit-scrollbar{width:8px}.unified-modal .MuiDialogContent-root::-webkit-scrollbar-track,.unified-modal [role=tabpanel]::-webkit-scrollbar-track,.unified-modal .scrollable-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.unified-modal .MuiDialogContent-root::-webkit-scrollbar-thumb,.unified-modal [role=tabpanel]::-webkit-scrollbar-thumb,.unified-modal .scrollable-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;transition:background .3s ease}.unified-modal .MuiDialogContent-root::-webkit-scrollbar-thumb:hover,.unified-modal [role=tabpanel]::-webkit-scrollbar-thumb:hover,.unified-modal .scrollable-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.unified-modal .MuiDialogContent-root,.unified-modal [role=tabpanel],.unified-modal .scrollable-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.unified-modal .MuiDialogContent-root>*,.unified-modal [role=tabpanel]>*,.unified-modal .tab-content{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.data-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.data-item{padding:16px;background:#fafafa;border-radius:8px;border:1px solid #e0e0e0;transition:var(--modal-transition)}.data-item:hover{background:#f5f5f5;border-color:#bdbdbd}.data-label{font-size:.75rem;color:#757575;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:600}.data-value{font-size:.875rem;color:#212121;font-weight:500;word-break:break-word}.stagger-animation>*{--stagger-delay: calc(var(--stagger-index, 0) * .1s)}.message-banner{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;animation:fadeInUp .3s ease-out}.message-banner.success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.message-banner.error{background-color:#ffebee;color:#d32f2f;border:1px solid #ffcdd2}@media (prefers-reduced-motion: reduce){.unified-modal *,.unified-modal *:before,.unified-modal *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.unified-modal .MuiCard-root{border:2px solid}.unified-modal .MuiButton-outlined{border-width:2px}}.analytics-container{padding:2rem;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:calc(100vh - var(--header-height));overflow:visible}.analytics-container h1{margin-bottom:24px;color:#1f2937}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:1rem}.metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#e3f2fd;border-radius:12px;color:#1976d2}.metric-icon svg{width:24px;height:24px}.metric-content h3{color:#64748b;font-size:.875rem;margin:0 0 .5rem}.metric-value{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.analytics-section{background:white;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.analytics-section h2{color:#1f2937;margin-bottom:1.5rem}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.status-card{padding:1rem;border-radius:.5rem;text-align:center}.status-card.pending{background:#fef3c7;color:#92400e}.status-card.processing{background:#e0f2fe;color:#0369a1}.status-card.approved{background:#dcfce7;color:#166534}.status-card.rejected{background:#fee2e2;color:#991b1b}.monthly-chart{display:flex;align-items:flex-end;gap:1rem;height:200px;padding-top:1rem}.month-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.month-bar .bar-container{width:100%;height:150px;background:transparent}.month-bar .bar{width:100%;background:#3b82f6;border-radius:4px 4px 0 0;transition:height .3s ease}.month-label{font-size:.75rem;color:#64748b}@media (max-width: 768px){.analytics-container{padding:16px}.analytics-grid{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr 1fr}.monthly-chart{overflow-x:auto;padding-bottom:1rem}.month-bar{min-width:40px}}.analytics-container h1{margin-bottom:2rem;margin-left:250px;color:#1f2937}.analytics-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;height:auto;overflow:visible}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.conversion-rate .card-icon{background:#ecfdf5;color:#059669}.processing-time .card-icon{background:#eff6ff;color:#3b82f6}.total-revenue .card-icon{background:#fef3c7;color:#d97706}.card-content h3{color:#6b7280;font-size:14px;margin-bottom:4px}.card-content .value{font-size:24px;font-weight:600;color:#111827;margin:0}.trend{font-size:12px;display:flex;align-items:center;gap:4px}.trend.positive{color:#059669}.trend.negative{color:#dc2626}.analytics-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}.chart-card{background:white;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.chart-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.chart-card h3{color:#1f2937;margin-bottom:16px;font-size:16px}.chart-content{margin-top:16px;height:300px}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb}th{font-weight:500;color:#6b7280}td{color:#1f2937}.approved{color:#059669}.rejected{color:#dc2626}.pending{color:#d97706}.status-distribution{display:flex;flex-direction:column;gap:16px}.status-bar{display:flex;flex-direction:column;gap:8px}.bar-label{display:flex;justify-content:space-between;font-size:14px;color:#6b7280}.bar-container{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.approved .bar-fill{background:#059669}.rejected .bar-fill{background:#dc2626}.pending .bar-fill{background:#d97706}@media (max-width: 1024px){.analytics-charts{grid-template-columns:1fr}}@media (max-width: 640px){.analytics-container{padding:16px}.analytics-grid{grid-template-columns:1fr}.analytics-card{padding:16px}}.recharts-default-tooltip{background-color:#fff!important;border:none!important;border-radius:8px!important;padding:10px 14px!important;box-shadow:0 4px 12px #0000001a!important}.recharts-tooltip-label{color:#4b5563!important;margin-bottom:4px!important;font-weight:500!important}.recharts-tooltip-item{color:#1f2937!important;padding:4px 0!important}.recharts-legend-item{padding:4px 8px!important;border-radius:4px!important;transition:background-color .2s ease!important}.recharts-legend-item:hover{background-color:#0000000d!important}.recharts-legend-item-text{color:#4b5563!important}.recharts-pie-label-text{font-size:12px!important;font-weight:500!important;fill:#1f2937!important}.recharts-pie-label-line{stroke:#94a3b8!important}.recharts-cartesian-axis-tick-value{font-size:12px!important;fill:#64748b!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e2e8f0!important}.recharts-bar-rectangle:hover{opacity:.8}.recharts-active-dot{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.MuiCard-root:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a!important}.MuiTabPanel-root{animation:fadeIn .3s ease}@media (max-width: 960px){.recharts-responsive-container{height:300px!important}}@media (max-width: 600px){.recharts-responsive-container{height:250px!important}}.status-pending{fill:#f59e0b!important}.status-active{fill:#3b82f6!important}.status-processing{fill:#8b5cf6!important}.status-completed,.status-approved{fill:#10b981!important}.status-rejected{fill:#ef4444!important}.MuiBox-root::-webkit-scrollbar{width:6px;height:6px}.MuiBox-root::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.MuiBox-root::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.MuiBox-root::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chart-appear{animation:chartAppear .8s cubic-bezier(.16,1,.3,1)}@keyframes chartAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.MuiCardContent-root{padding:20px!important}.MuiTabs-indicator{height:3px!important;border-radius:3px!important}.broker-analytics{padding:2rem}.analytics-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-top:2rem}.status-bars{display:flex;flex-direction:column;gap:1rem}.status-bar{display:flex;align-items:center;gap:1rem}.status-label{width:100px;font-size:.875rem;color:#64748b}.bar-container{flex:1;height:24px;background:#f1f5f9;border-radius:12px;position:relative;overflow:hidden}.bar{height:100%;background:#3b82f6;border-radius:12px;transition:width .3s ease}.bar.pending{background:#f59e0b}.bar.processing{background:#3b82f6}.bar.approved{background:#10b981}.bar.rejected{background:#ef4444}.bar-value{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.75rem;color:#fff;font-weight:500}.chart-container{width:100%;height:auto;min-height:300px;margin-bottom:1.5rem;background:white;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.chart-container h2{margin:0 0 16px;font-size:1.125rem;color:#111827}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px}.stat-card{background:white;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.stat-card h3{margin:0 0 8px;font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.stat-card .value{font-size:1.875rem;font-weight:600;color:#111827;line-height:1}@media (max-width: 1024px){.analytics-container{margin:16px;padding:16px}.analytics-grid,.stats-grid{gap:16px}}@media (max-width: 640px){.analytics-container{margin:12px;padding:12px}.chart-container{min-height:300px}}.client-item-hover:hover{background-color:#0000000a;transition:background-color .2s ease}.message-bubble{transition:box-shadow .2s ease,transform .2s ease}.message-bubble:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.message-bubble-sent{border-top-right-radius:0!important}.message-bubble-received{border-top-left-radius:0!important}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}.unread-indicator{animation:pulse 2s infinite ease-in-out}@keyframes typingAnimation{0%{transform:translateY(0)}28%{transform:translateY(-5px)}44%{transform:translateY(0)}}.typing-indicator span{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#2196f3;margin:0 1px}.typing-indicator span:nth-child(1){animation:typingAnimation 1.5s infinite;animation-delay:0s}.typing-indicator span:nth-child(2){animation:typingAnimation 1.5s infinite;animation-delay:.2s}.typing-indicator span:nth-child(3){animation:typingAnimation 1.5s infinite;animation-delay:.4s}.messages-scrollbar::-webkit-scrollbar{width:6px}.messages-scrollbar::-webkit-scrollbar-track{background:transparent}.messages-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:10px}.messages-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.empty-state-animation{animation:fadeInUp .5s ease-out forwards}.message-input .MuiOutlinedInput-root:focus-within{transform:translateY(-2px);transition:transform .3s ease}.broker-main-content .MuiPaper-root{margin-left:0!important;margin-right:0!important;width:100%!important}.broker-main,.broker-main-content{padding:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.top-bar{right:0!important;justify-content:flex-end!important}.notifications-wrapper{margin-left:auto!important}.date-divider{position:relative;z-index:1;text-align:center;margin:16px 0}.date-divider-content{background-color:#f5f8fa;font-size:.75rem;color:#64748b;padding:0 8px}.message-time{font-size:.7rem;color:#0009;margin-top:4px}.message-status-icon{font-size:14px;margin-right:4px}@media (max-width: 600px){.message-container{max-width:85%}}@media (min-width: 601px){.message-container{max-width:70%}}.message-badge{min-width:20px;height:20px;padding:0 6px;font-size:.75rem;background-color:#f44336;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center}.message-bubble{animation:fadeIn .3s ease-out}.messages-container::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.status-chip{border-radius:50px;padding:0 8px;height:24px;min-width:24px;font-size:.75rem}.avatar-online{box-shadow:0 0 0 2px #4caf50}.avatar-offline{box-shadow:0 0 0 2px #bdbdbd}.attachment-preview{position:relative;display:inline-block;margin:0 8px 8px 0;border-radius:8px;overflow:hidden;width:80px;height:80px}.attachment-preview img{width:100%;height:100%;object-fit:cover}.attachment-preview .remove-button{position:absolute;top:4px;right:4px;background-color:#0009;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.drawer-enter{transform:translate(-100%)}.drawer-enter-active{transform:translate(0);transition:transform .3s}.drawer-exit{transform:translate(0)}.drawer-exit-active{transform:translate(-100%);transition:transform .3s}.message-container-wrapper{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;padding:0;margin:0}@media (max-width: 1024px){.broker-main{width:100%!important;max-width:100%!important}}.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation1{width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-radius:0!important;margin:0!important}.broker-main,.broker-main-content{padding:0!important;overflow-x:hidden!important}.settings-container-wrapper{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;padding:16px}.messages-container{flex:1;overflow-y:auto;padding:16px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:8px}.bubble-sent{border-top-right-radius:0!important}.bubble-received{border-top-left-radius:0!important}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble{animation:messageAppear .3s ease-out}.message-input .MuiInputBase-root:focus-within{transform:translateY(-2px);transition:transform .2s ease}@media (max-width: 768px){.conversations-panel{display:none}.chat-panel{width:100%}}.broker-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:white;border-bottom:1px solid #e5e7eb;height:64px;width:100%;z-index:30;transition:all .3s ease}.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:#1f2937;margin:0}.header-subtitle{font-size:.875rem;color:#6b7280}.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:#6b7280;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.action-button:hover{background-color:#f3f4f6;color:#1f2937}.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:#6b7280;border-radius:.375rem;transition:all .2s ease}.menu-button:hover{background-color:#f3f4f6;color:#1f2937}@media (max-width: 768px){.broker-header{width:100%;left:0;padding:.75rem 1rem}.header-title h1{font-size:1.125rem}.header-subtitle{display:none}.header-actions{gap:.5rem}}@media (max-width: 640px){.action-button span:not(.notification-badge){display:none}}.notification-bell-container{position:relative}.notification-bell-button{background:none;border:none;padding:10px;cursor:pointer;position:relative;color:#fff;transition:all .2s ease;border-radius:50%}.notification-bell-button:hover{background-color:#ffffff1a;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}.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 white;font-weight:600;transition:all .3s ease}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:-10px;width:360px;max-width:90vw;background:white;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:50;overflow:hidden;animation:dropdown-appear .2s ease forwards}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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}}@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)}}.settings-container{padding:2rem;max-width:1800px;margin:0 auto;box-sizing:border-box;width:100%}.settings-container-wrapper{width:100%;box-sizing:border-box;overflow-x:hidden}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:1.875rem;font-weight:600;color:#1e293b}.settings-layout{display:flex;gap:2rem;background:#ffffff;border-radius:16px;box-shadow:0 1px 3px #0000001a;position:relative;overflow:hidden}.settings-sidebar{min-width:240px;width:240px;padding:1.5rem;border-right:1px solid #e5e7eb;flex-shrink:0}.settings-tab{width:100%;padding:.75rem 1rem;text-align:left;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s ease}.settings-tab svg{width:1.25rem;height:1.25rem}.settings-tab:hover{background:#f8fafc;color:#0f172a}.settings-tab.active{background:#f1f5f9;color:#0f172a;font-weight:600}.settings-content{flex:1;padding:1.5rem;min-width:0;overflow-x:hidden}.settings-section{max-width:800px}.settings-section h2{display:flex;align-items:center;gap:.75rem;color:#1e293b;margin-bottom:1.5rem}.settings-section h2 svg{width:1.5rem;height:1.5rem;color:#64748b}.settings-form{background:white;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#4b5563;font-weight:500}input[type=email],input[type=password],input[type=text]{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;transition:border-color .2s}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:12px}.checkbox-group label,.radio-group label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#4b5563}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:#2563eb}.save-button{margin-top:1.5rem;background-color:#2563eb;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.save-button:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.save-button:disabled{background-color:#94a3b8;cursor:not-allowed}@media (max-width: 768px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;padding:1rem}.settings-content{padding:1rem}.MuiTabPanel-root{padding:16px 0}}.profile-settings{max-width:400px;margin:0 auto}.avatar-section{display:flex;justify-content:center;margin-bottom:2rem}.avatar-wrapper{position:relative;width:120px;height:120px;border-radius:50%;cursor:pointer;overflow:hidden;background:#f1f5f9;border:3px solid #e2e8f0;transition:all .2s ease}.avatar-wrapper:hover{border-color:#2563eb}.avatar-wrapper:hover .avatar-overlay{opacity:1}.profile-avatar{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;color:#64748b;background:#f8fafc}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.avatar-overlay svg{color:#fff;width:1.5rem;height:1.5rem}.hidden{display:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reauth-modal{background:white;border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden}.reauth-modal .modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.reauth-modal .modal-header h2{font-size:1.25rem;margin:0;display:flex;align-items:center;gap:.5rem;color:#1e293b}.reauth-modal .close-button{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.reauth-modal .close-button:hover{background:#f1f5f9;color:#0f172a}.reauth-form{padding:1.5rem}.reauth-form p{margin:0 0 1rem;color:#4b5563}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions button{flex:1;padding:.75rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.cancel-button:hover{background:#e2e8f0;color:#1e293b}.confirm-button{background:#2563eb;border:none;color:#fff}.confirm-button:hover:not(:disabled){background:#1d4ed8}.confirm-button:disabled{background:#93c5fd;cursor:not-allowed}.password-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.change-password-button{background-color:#2563eb;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;width:auto;margin-top:1rem;border:none;cursor:pointer}.change-password-button:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.change-password-button:disabled{background-color:#94a3b8;cursor:not-allowed}.change-password-button svg{width:1.25rem;height:1.25rem}.password-input-wrapper{position:relative}.password-requirements{margin-top:.75rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.password-requirements h4{font-size:.875rem;color:#475569;margin-bottom:.75rem;font-weight:600}.password-requirements ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.password-requirements li{font-size:.875rem;color:#64748b;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.password-requirements li.valid{color:#16a34a}.check-icon{width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.valid .check-icon{color:#16a34a}.password-mismatch{color:#dc2626;font-size:.875rem;margin-top:.5rem;display:block}.change-password-button:disabled{background-color:#94a3b8;cursor:not-allowed;opacity:.7}.change-password-button:disabled:hover{transform:none}.password-strength{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;margin:.75rem 0;padding:.375rem 1rem;border-radius:1rem;width:fit-content}.password-strength .strength-dot{width:8px;height:8px;border-radius:50%}.password-strength.weak{background-color:#fee2e2;color:#dc2626}.password-strength.weak .strength-dot{background-color:#dc2626}.password-strength.good{background-color:#fef3c7;color:#d97706}.password-strength.good .strength-dot{background-color:#d97706}.password-strength.strong{background-color:#dcfce7;color:#16a34a}.password-strength.strong .strength-dot{background-color:#16a34a}.password-strength,.password-requirements{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.password-requirements-error{color:#dc2626;font-size:.875rem;margin-top:.5rem;display:block;padding:.5rem;background:#fee2e2;border-radius:6px;text-align:center}.archive-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.archive-container{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.profile-form{max-width:400px;margin:0 auto}.profile-form .form-group{margin-bottom:1.5rem;text-align:left}.profile-form .form-group label{text-align:left;display:block;margin-bottom:.5rem;color:#4b5563;font-weight:500}.profile-form .form-group input{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s ease}.name-fields{display:flex;gap:1rem;margin-top:1rem}.name-fields .form-group{flex:1}.profile-form .save-button{width:100%;margin-top:2rem}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes highlight{0%{background-color:#42a5f51a}to{background-color:transparent}}@keyframes pulse{0%{box-shadow:0 0 #2196f366}70%{box-shadow:0 0 0 10px #2196f300}to{box-shadow:0 0 #2196f300}}.MuiTabPanel-root{animation:fadeIn .4s ease-out}.MuiAvatar-root{transition:transform .3s ease,box-shadow .3s ease}.MuiAvatar-root:hover{transform:scale(1.05);box-shadow:0 4px 20px #00000026!important}.MuiCard-root{transition:transform .3s ease,box-shadow .3s ease}.MuiCard-root:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f!important}.MuiButton-contained{transition:all .3s ease!important}.MuiButton-contained:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0003!important}.MuiOutlinedInput-root:focus-within{transform:scale(1.01);transition:transform .2s ease}.MuiChip-root{transition:all .2s ease}.MuiChip-colorSuccess{animation:highlight 1.5s ease-out}.MuiSwitch-root .MuiSwitch-thumb{transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}.MuiTabs-indicator{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.password-strength-meter{height:4px;border-radius:2px;margin-top:8px;margin-bottom:16px;transition:all .3s ease}.MuiListItem-root{transition:background-color .2s ease}.MuiListItem-root:hover{background-color:#0000000a}.MuiTooltip-tooltip{animation:fadeIn .2s ease-out}.avatar-upload-button{animation:pulse 2s infinite}.MuiDialog-paper::-webkit-scrollbar{width:6px}.MuiDialog-paper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.MuiDialog-paper::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:10px}.MuiDialog-paper::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.danger-zone{position:relative;padding:20px;border:1px solid #f44336}.MuiDialog-container .MuiDialog-paper{animation:fadeIn .3s ease-out}@media (max-width: 960px){.MuiTabPanel-root{padding:16px!important}.MuiCard-root:hover{transform:none}}@media (max-width: 600px){.MuiTabs-root{max-width:100%;overflow-x:auto}.MuiTabs-flexContainer{flex-wrap:nowrap}.settings-container{padding:1rem}.MuiAvatar-root{width:100px!important;height:100px!important}}.MuiCard-root{border-radius:12px;transition:all .25s ease;overflow:hidden;box-shadow:0 1px 5px #0000000a,0 1px 3px #00000008!important}.MuiCard-root:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000014,0 3px 4px #00000008!important}.MuiCardHeader-root{padding:16px 24px}.MuiCardHeader-avatar{margin-right:16px}.MuiCardHeader-content .MuiTypography-root{font-weight:600}.MuiCardHeader-subheader{color:#64748b!important}.MuiCardContent-root{padding:24px}.MuiTabs-root{min-height:48px;margin-bottom:8px}.MuiTabs-flexContainer{height:48px}.MuiTab-root{text-transform:none;min-width:100px;font-weight:500;min-height:48px;letter-spacing:0;transition:all .2s ease}.MuiTab-root:hover{background-color:#0000000a}.Mui-selected{font-weight:600!important}.MuiTabs-indicator{height:3px;border-radius:3px 3px 0 0}.MuiOutlinedInput-root{border-radius:8px;transition:all .2s ease}.MuiOutlinedInput-root:hover{box-shadow:0 0 0 1px #0000001a}.MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 2px #2563eb33}.MuiFormControlLabel-root{margin-left:0}.MuiAvatar-root{box-shadow:0 3px 6px #0000001f;transition:all .2s ease;border:3px solid #ffffff}.MuiAvatar-root:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000029}.MuiButton-contained{box-shadow:0 2px 4px #0000001a!important;border-radius:8px;text-transform:none;padding:8px 24px;transition:all .2s ease;font-weight:500}.MuiButton-contained:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #00000029!important}.MuiButton-outlined{border-radius:8px;text-transform:none;padding:7px 16px;transition:all .2s ease;font-weight:500}.MuiButton-outlined:hover{transform:translateY(-1px);box-shadow:0 3px 5px #00000014}.MuiIconButton-root{transition:transform .2s ease}.MuiIconButton-root:hover{transform:scale(1.1)}.MuiListItem-root{transition:background-color .2s ease;border-radius:8px}.MuiListItem-root:hover{background-color:#00000005}.MuiListItemIcon-root{min-width:42px}.MuiSwitch-root .MuiSwitch-thumb{transition:all .2s cubic-bezier(.4,0,.2,1)}.MuiSwitch-root .Mui-checked+.MuiSwitch-track{opacity:.5!important}.MuiLinearProgress-root{height:4px;border-radius:2px}.MuiChip-root{height:24px;transition:all .2s ease}.MuiChip-root:hover{transform:scale(1.05)}.password-strength-meter{display:flex;gap:4px;margin-top:8px}.password-strength-indicator{height:4px;flex:1;border-radius:2px;background-color:#e2e8f0;transition:background-color .3s ease}.password-strength-indicator.active{background-color:currentColor}.theme-card{width:80px;height:80px;cursor:pointer;transition:all .3s ease;overflow:hidden;border-radius:8px}.theme-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0000001a}.theme-card.selected{border:2px solid #2563eb}.MuiDialog-paper{border-radius:12px;overflow:hidden}.MuiAlert-root{border-radius:8px}.MuiAlert-standardInfo{background-color:#f0f7ff;color:#0a58ca}.MuiAlert-standardSuccess{background-color:#ecfdf5;color:#047857}.MuiAlert-standardWarning{background-color:#fffbeb;color:#b45309}.MuiAlert-standardError{background-color:#fef2f2;color:#b91c1c}.MuiDivider-root{border-color:#00000014}.MuiTabPanel-root{animation:fadeIn .3s ease-in-out}@media (max-width: 960px){.MuiTabPanel-root{padding:16px 0}.MuiCard-root{margin-bottom:16px}.MuiCardContent-root,.MuiCardHeader-root{padding:16px}}@media (max-width: 600px){.MuiTabs-root{max-width:100%;overflow-x:auto}.MuiTab-root{min-width:auto;padding:12px 16px}.MuiTabs-flexContainer{gap:8px}.MuiCardContent-root,.MuiCardHeader-root{padding:16px 12px}.MuiGrid-container{margin-top:-8px;margin-bottom:-8px}.MuiGrid-item{padding-top:8px;padding-bottom:8px}.MuiAvatar-root{width:100px!important;height:100px!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.client-list-container{padding:24px;max-width:1400px;margin:0 auto;background-color:#f8fafc}.client-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.client-list-header h1{color:#2c3e50;margin:0;font-size:24px}.add-client-btn{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.add-client-btn:hover{background-color:#2980b9}.client-list-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.search-bar{flex:1;max-width:400px;margin-left:auto}.search-bar input{width:100%;padding:12px 16px 12px 40px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s ease}.search-bar input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;width:20px;height:20px}.filter-controls{display:flex;gap:12px}.filter-select,.sort-select{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;background-color:#fff;color:#495057;cursor:pointer;font-size:14px}.header-controls{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px}.view-options-container{display:flex;align-items:center;gap:4px;background:#f3f4f6;padding:4px;border-radius:8px;margin-top:12px}.view-button{display:flex;align-items:center;padding:6px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease}.view-button-content{display:flex;align-items:center;gap:6px}.view-button svg{width:16px;height:16px}.view-label{font-size:13px;font-weight:500}.view-button:hover{background:#e5e7eb;color:#374151}.view-button.active{background:#ffffff;color:#2563eb;box-shadow:0 1px 3px #0000001a}.toggle-button .tooltip{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:3px 6px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10}.toggle-button .tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:#1f2937}.toggle-button:hover .tooltip{opacity:1;visibility:visible;bottom:-35px}@media (max-width: 768px){.view-toggle[role=group]:before{display:none}}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:32px;padding:24px 0;justify-items:stretch;align-items:stretch}.client-card{display:flex;flex-direction:column;height:100%;background:#ffffff;border-radius:16px;box-shadow:0 1px 2px #0000000d,0 4px 6px -1px #00000014,0 12px 16px -3px #0000000d;border:1px solid rgba(0,0,0,.05);overflow:visible;transition:all .3s ease;position:relative}.client-card:hover{transform:translateY(-4px);box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,0 20px 25px -5px #0000001a;border-color:#3b82f61a}.client-card-header{padding:20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(0,0,0,.06);background:linear-gradient(to right,rgba(255,255,255,.8),rgba(255,255,255,.95))}.client-avatar-wrapper{position:relative}.client-avatar{width:56px;height:56px;border-radius:16px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.client-avatar-img{width:100%;height:100%;object-fit:cover}.online-status{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background-color:#22c55e;border:2px solid white;border-radius:50%}.client-info{flex:1}.client-info h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.application-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:500;background-color:#f3f4f6;color:#6b7280}.application-badge.has-application{background-color:#dbeafe;color:#2563eb}.application-badge[data-status=active]{background-color:#dcfce7;color:#16a34a}.application-badge[data-status=pending]{background-color:#fef3c7;color:#d97706}.application-badge[data-status=completed]{background-color:#dbeafe;color:#2563eb}.client-card-content{flex:1;padding:20px;background-color:#fffffff2;display:flex;flex-direction:column}.contact-details{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:20px}.contact-item{display:flex;align-items:center;gap:12px}.contact-icon{width:20px;height:20px;color:#6b7280}.contact-text{display:flex;flex-direction:column}.contact-text label{font-size:12px;color:#6b7280;margin-bottom:2px}.contact-text span{color:#1f2937;font-size:14px}.client-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px 0;border-top:1px solid rgba(0,0,0,.06);background-color:#f9fafbcc;margin-top:auto}.metric{display:flex;flex-direction:column;align-items:center;text-align:center}.metric-value{font-size:20px;font-weight:600;color:#1f2937}.metric-label{font-size:13px;color:#6b7280;margin-top:4px}.client-card-actions{padding:16px;display:grid;grid-template-columns:2fr 2fr auto;gap:12px;border-top:1px solid rgba(0,0,0,.06);background:linear-gradient(to bottom,rgba(249,250,251,.9),rgba(249,250,251,.95));position:relative;overflow:visible;z-index:2}.action-button{min-width:100px;padding:6px 16px;height:36px;font-size:13px;white-space:nowrap;display:flex;align-items:center;justify-content:center}.action-button.primary{background-color:#2563eb;color:#fff;flex:2}.action-button.primary:hover{background-color:#1d4ed8}.action-button.secondary{background-color:#f3f4f6;color:#1f2937;flex:2}.action-button.secondary:hover{background-color:#e5e7eb}.action-button.icon{position:relative;padding:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;background-color:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.action-button.icon:hover{background-color:#f3f4f6;color:#374151;border-color:#e5e7eb}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px;color:#6c757d}.no-results{text-align:center;padding:40px;color:#6c757d;background-color:#fff;border-radius:12px;margin-top:20px}.clients-list{display:flex;flex-direction:column;gap:12px;padding:4px}.clients-list .client-card{display:grid;grid-template-columns:auto minmax(200px,1.5fr) minmax(200px,1.5fr) auto;align-items:center;padding:16px;background:white;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease;gap:32px}.clients-list .client-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.clients-list .client-card-header{display:flex;align-items:center;gap:16px;padding:0;border:none;background:none}.clients-list .client-avatar{width:40px;height:40px;border-radius:10px}.clients-list .client-info{display:flex;flex-direction:column;gap:2px}.clients-list .client-info h3{font-size:15px;margin:0}.clients-list .application-badge{font-size:12px;padding:2px 8px}.clients-list .contact-details{display:flex;gap:24px}.clients-list .contact-item{display:flex;align-items:center;gap:8px}.clients-list .contact-icon{color:#6b7280;width:16px;height:16px}.clients-list .contact-text{font-size:14px}.clients-list .contact-text label,.clients-list .client-metrics{display:none}.clients-list .client-card-actions{display:flex;gap:8px;padding:0;border:none;background:none}.clients-list .action-button{flex:0 1 auto;min-width:120px}.clients-list .action-button.primary{background:#2563eb}.clients-list .action-button.secondary{background:#f3f4f6}.clients-list .action-button.icon{min-width:36px;width:36px;padding:0}@media (max-width: 1280px){.clients-list .client-card{grid-template-columns:auto 1fr auto;gap:24px}.clients-list .contact-details{display:none}.clients-list .client-metrics{justify-self:flex-end}}@media (max-width: 768px){.clients-list .client-card{grid-template-columns:auto 1fr;gap:16px;padding:12px}.clients-list .client-metrics{display:none}.clients-list .client-card-actions{grid-column:1 / -1;grid-row:2;padding-top:12px;margin-top:12px;border-top:1px solid #e5e7eb}.clients-list .action-button{flex:1;min-width:0}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:8px 0}.title-group{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.title-group h1{font-size:24px;font-weight:600;color:#1f2937;margin:0;white-space:nowrap}.view-options-container{display:flex;align-items:center;gap:8px}.view-toggle[role=group]:before{content:"View Options:";font-size:13px;color:#6b7280;white-space:nowrap;position:static;transform:none}.view-toggle{display:flex;background:#1f2937;padding:3px;border-radius:6px;gap:3px;box-shadow:0 2px 4px #0003;position:static;margin-left:0}.search-bar{position:relative;width:300px}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start;gap:16px}.title-group{width:100%;justify-content:space-between}.search-bar{width:100%}}.menu-container{position:relative;display:inline-block;z-index:1000}.menu-popup{position:absolute;right:0;top:100%;transform:translateY(8px);background:white;border-radius:8px;box-shadow:0 2px 8px #00000026;z-index:9999;min-width:160px;padding:4px 0;border:1px solid #e5e7eb;overflow:visible}.menu-item{display:flex;align-items:center;gap:8px;padding:8px 16px;width:100%;border:none;background:none;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.menu-item.delete{color:#dc2626}.menu-item.delete:hover{background-color:#fee2e2}.menu-item svg{width:16px;height:16px}.action-button.icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .2s ease}.action-button.icon:hover{background-color:#f3f4f6;color:#374151}.client-card-actions{position:relative;overflow:visible;z-index:2}.menu-items-container{position:relative;z-index:9999;background:white;border-radius:8px;overflow:hidden}.client-card-mui{transition:transform .25s ease-in-out,box-shadow .25s ease-in-out!important;border-radius:16px!important;overflow:hidden!important;height:100%}.client-card-mui:hover{transform:translateY(-4px);box-shadow:0 12px 28px -8px #0000001a!important}.client-card-mui .MuiCardHeader-avatar{transition:transform .3s ease}.client-card-mui:hover .MuiCardHeader-avatar{transform:scale(1.05)}.client-card-mui .MuiChip-root{transition:transform .3s ease,box-shadow .3s ease}.client-card-mui:hover .MuiChip-root{transform:scale(1.05);box-shadow:0 3px 6px #00000014}.client-card-mui .MuiChip-filledSuccess{background-color:#dcfce7!important;color:#166534!important}.client-card-mui .MuiChip-filledWarning{background-color:#fef9c3!important;color:#854d0e!important}.client-card-mui .MuiChip-filledInfo{background-color:#dbeafe!important;color:#1e40af!important}.client-card-mui .MuiChip-filledError{background-color:#fee2e2!important;color:#991b1b!important}.client-card-mui .MuiCardContent-root{transition:background-color .3s ease}.client-card-mui:hover .MuiCardContent-root{background-color:#fafbfc}.client-card-mui .MuiCardContent-root .MuiGrid-item{transition:transform .3s ease}.client-card-mui:hover .MuiCardContent-root .MuiGrid-item{transform:translateY(-2px)}.MuiPagination-root .MuiPaginationItem-root{font-weight:500}.MuiPagination-root .MuiPaginationItem-root.Mui-selected{box-shadow:0 3px 6px #2563eb33}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.MuiPaper-root .MuiSvgIcon-root{animation:fadeInUp .5s ease-out forwards}.MuiPaper-root h6{animation:fadeInUp .5s ease-out .1s forwards;opacity:0;transform:translateY(20px)}.MuiPaper-root .MuiTypography-body2{animation:fadeInUp .5s ease-out .2s forwards;opacity:0;transform:translateY(20px)}.MuiPaper-root .MuiButton-root{animation:fadeInUp .5s ease-out .3s forwards;opacity:0;transform:translateY(20px)}.MuiTextField-root,.MuiButton-outlined,.MuiToggleButtonGroup-root{transition:transform .2s ease,box-shadow .2s ease!important}.MuiTextField-root:hover,.MuiButton-outlined:hover{transform:translateY(-1px);box-shadow:0 4px 8px -2px #00000014}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.MuiSkeleton-root{background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.08) 37%,rgba(0,0,0,.06) 63%);background-size:200% 100%;animation:shimmer 1.5s infinite}.MuiDialog-paper{animation:dialogFadeIn .3s ease-out forwards}@keyframes dialogFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.MuiAlert-standardWarning{border-left:4px solid #f59e0b;border-radius:8px}.MuiButton-containedPrimary{background-image:linear-gradient(to right,#2563eb,#3b82f6);transition:background-position .3s ease-in-out,box-shadow .3s ease-in-out!important;background-size:200% 100%;background-position:right bottom}.MuiButton-containedPrimary:hover{background-position:left bottom;box-shadow:0 6px 12px -3px #2563eb66!important}.MuiToggleButtonGroup-root .MuiToggleButton-root{border-radius:8px;margin:0 2px;padding:6px 12px;transition:all .2s ease}.MuiToggleButtonGroup-root .MuiToggleButton-root.Mui-selected{background-color:#2563eb;color:#fff;box-shadow:0 4px 8px -2px #2563eb4d}@media (max-width: 600px){.client-card-mui{border-radius:12px!important}.client-card-mui .MuiCardHeader-content{max-width:160px;overflow:hidden}.client-card-mui .MuiCardHeader-content .MuiTypography-subtitle1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.MuiMenu-paper{animation:menuFadeIn .2s ease-out forwards;box-shadow:0 8px 16px #0000001a!important;border-radius:12px!important;overflow:hidden}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.MuiMenuItem-root{transition:background-color .2s ease;padding:10px 16px!important}.MuiMenuItem-root .MuiListItemIcon-root{min-width:36px!important}.dashboard-container{max-width:none!important;margin:0!important;padding:16px 0!important;width:100%!important;box-sizing:border-box;overflow:visible!important}.dashboard-container>.MuiGrid-container{margin-left:0;margin-right:0;width:100%}.section-header{padding:24px;background:white;border-radius:8px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.section-header h1{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.section-header .subtitle{color:#666;font-size:14px}.header-controls{display:flex;align-items:center;gap:16px;margin-top:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0;width:100%}.stat-card{background:white;padding:24px;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;align-items:flex-start;gap:16px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-4px)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#e3f2fd;border-radius:12px;color:#1976d2}.stat-icon svg{width:24px;height:24px}.stat-content h3{color:#64748b;font-size:14px;margin:0 0 8px;font-weight:500}.stat-value{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 8px}.stat-trend{display:inline-flex;align-items:center;font-size:13px;gap:4px}.stat-trend.positive{color:#2ecc71}.stat-trend.negative{color:#e74c3c}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin:24px 0;width:100%}.dashboard-card{background:white;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.card-header{padding:20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.card-header h2{font-size:16px;color:#2c3e50;margin:0}.card-content{padding:20px;max-height:400px;overflow-y:auto}.list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.list-item:last-child{border-bottom:none}.list-item:hover{background-color:#f8fafc}.item-info{flex:1}.item-info h4{color:#2c3e50;font-size:14px;margin:0 0 4px}.item-info p{color:#64748b;font-size:13px;margin:0}.item-date{font-size:13px;color:#64748b}.status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status.pending{background-color:#fff8e1;color:#f57f17}.status.active{background-color:#e3f2fd;color:#1976d2}.status.completed{background-color:#e8f5e9;color:#2e7d32}.status.rejected{background-color:#ffebee;color:#c62828}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:400px}.error-message{padding:16px;margin:16px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;text-align:center}.card-content::-webkit-scrollbar{width:6px}.card-content::-webkit-scrollbar-track{background:#f1f5f9}.card-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.card-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-container>*{animation:fadeIn .3s ease-out forwards}.MuiCard-root{transition:box-shadow .3s ease,transform .2s ease}.MuiCard-root:hover{box-shadow:0 4px 20px #0000001a!important}.MuiAvatar-root{width:48px!important;height:48px!important}.MuiLinearProgress-root{background-color:#1976d21a!important}@media (max-width: 1024px){.dashboard-container{padding:16px 0}}@media (max-width: 768px){.dashboard-container{padding:0}.stats-grid,.dashboard-grid{grid-template-columns:1fr;margin:16px 0}.section-header{padding:16px;margin-bottom:16px}.stat-card{padding:16px}}.dashboard-grid{transition:all .3s ease-in-out}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%;font-size:1.125rem;color:#2563eb;font-weight:500}.broker-profile{padding:2rem;max-width:1200px;margin:0 auto}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.profile-header h1{margin:0}.edit-button,.cancel-button,.save-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;border:none;cursor:pointer;font-weight:500}.edit-button{background-color:#007bff;color:#fff}.cancel-button{background-color:#dc3545;color:#fff}.save-button{background-color:#28a745;color:#fff}.error-message,.success-message{padding:1rem;border-radius:4px;margin-bottom:1rem}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.profile-form{background:white;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;color:#2c3e50}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:disabled,.form-group textarea:disabled{background-color:#f8f9fa;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;margin-top:2rem}.loading-state{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.2rem;color:#666}@media (max-width: 768px){.profile-container{padding:1rem}.profile-header{flex-direction:column;gap:1rem;text-align:center}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}}.mortgage-application{max-width:1200px;margin:0 auto;padding:2.5rem;background:#f8fafc}.application-progress{margin-bottom:3.5rem;padding:2.5rem;background:white;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.form-section{background:white;border-radius:16px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease}.form-section:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.section-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2.5rem;padding-bottom:1.25rem;border-bottom:2px solid #f1f5f9}.section-header svg{width:28px;height:28px;color:#0f766e;padding:6px;background:#f0fdfa;border-radius:8px}.section-header h2{font-size:1.75rem;font-weight:600;color:#0f172a;margin:0}.form-grid{display:flex;flex-direction:column;gap:1.5rem}.form-field{margin-bottom:1.5rem}.form-field label{display:block;font-size:1rem;font-weight:500;color:#334155;margin-bottom:.75rem}.form-field label .required{color:#dc2626;margin-left:.25rem}input,select,textarea{width:100%;padding:.875rem 1.25rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;color:#1e293b;transition:all .2s ease;background:white}input:hover,select:hover,textarea:hover{border-color:#94a3b8}input:focus,select:focus,textarea:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 4px #0f766e1a}.input-prefix{position:absolute;left:1rem;color:#64748b;pointer-events:none}input.has-usd-prefix{padding-left:2rem}.field-hint{display:flex;align-items:center;gap:.625rem;margin-top:.75rem;font-size:.9rem;color:#64748b;padding:.5rem .75rem;background:#f8fafc;border-radius:6px}.field-hint svg{width:18px;height:18px;color:#0f766e}.field-description{margin-top:.5rem;font-size:.875rem;color:#64748b}.spouse-information{margin-top:3rem;padding:2rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.subsection-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.form-actions{margin-top:3rem;text-align:center}.submit-button{background:#0f766e;color:#fff;padding:1rem 2.5rem;border-radius:8px;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.submit-button:hover{background:#115e59}.submit-button:disabled{background:#94a3b8;cursor:not-allowed}.spinner-small{width:20px;height:20px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.validation-errors{background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;padding:1.25rem;margin-bottom:2.5rem}.error-message{color:#dc2626;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.form-field.has-error input,.form-field.has-error select{border-color:#dc2626}@media (max-width: 1200px){.mortgage-application{max-width:100%;padding:1.5rem}.form-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 992px){.form-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.section-header{padding:1.25rem 1.5rem}.section-header h2{font-size:1.25rem}input,select,textarea{padding:.75rem .875rem;font-size:.9375rem}}@media (max-width: 768px){.mortgage-application{padding:1rem}.application-progress,.form-section{padding:1.5rem;margin-bottom:1.5rem}.section-header{margin:-1.5rem -1.5rem 1.5rem;padding:1.25rem}.section-header svg{width:24px;height:24px;padding:4px}.form-grid{grid-template-columns:1fr;gap:1.25rem;padding:.5rem 0}.spouse-information{margin-top:2rem;padding:1.5rem}.form-field{gap:.5rem}.form-field label{font-size:.875rem}.field-hint,.field-description{font-size:.75rem}.submit-button{width:100%;justify-content:center}}@media (max-width: 576px){.mortgage-application{padding:.75rem}.form-section{padding:1.25rem;margin-bottom:1rem}.section-header{margin:-1.25rem -1.25rem 1.25rem;padding:1rem;gap:.75rem}.section-header svg{width:20px;height:20px}.section-header h2{font-size:1.125rem}.form-grid{gap:1rem}.submit-button{padding:.875rem 1.5rem;font-size:.9375rem}.spouse-information{padding:1.25rem;margin-top:1.5rem}.subsection-title{font-size:1.125rem;margin-bottom:1.5rem;padding-bottom:.75rem}input,select,textarea{padding:.75rem;font-size:.875rem}.form-actions{margin-top:2rem;padding-top:1.5rem}}@media (hover: none){input,select,textarea{font-size:16px}.submit-button{padding:1rem 1.5rem}select{padding-right:2rem}}@media (max-height: 800px){.mortgage-application{padding-top:1rem;padding-bottom:1rem}.form-section{margin-bottom:1rem}.section-header{padding:1rem 1.5rem}}@media print{.mortgage-application{padding:0;max-width:none}.form-section{break-inside:avoid;page-break-inside:avoid;border:1px solid #e5e7eb;box-shadow:none;margin-bottom:1rem}.submit-button,.application-progress{display:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.form-section{box-shadow:0 1px 2px #0000000d}}.terms-section{background:#f8fafc;border:1.5px solid #e2e8f0;margin-top:2rem;padding:1.5rem;border-radius:8px}.checkbox-wrapper{display:flex;gap:1rem;align-items:flex-start;padding:1rem}.checkbox-wrapper input[type=checkbox]{width:20px;height:20px;margin-top:.25rem}.checkbox-wrapper label{font-size:.95rem;line-height:1.5;color:#4b5563}.checkbox-wrapper a{color:#2563eb;text-decoration:none}.checkbox-wrapper a:hover{text-decoration:underline}.disclosure-content{padding:1.5rem;background:white;border-radius:8px;margin-bottom:1rem;font-size:.95rem;line-height:1.6;color:#334155}.investment-properties{width:100%;margin-top:1rem}.investment-property-card{background:white;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000000d;border:1px solid #e2e8f0}.investment-property-card h4{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 1.75rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.property-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.add-property-button{background:linear-gradient(135deg,#0f766e 0%,#0d9488 100%);color:#fff;border:none;border-radius:10px;padding:1rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;width:100%;justify-content:center}.add-property-button:hover{background:linear-gradient(135deg,#115e59 0%,#0f766e 100%);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.remove-property-button{background:#fee2e2;color:#dc2626;border:none;border-radius:8px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center;margin-top:1.25rem}.remove-property-button:hover{background:#fecaca;color:#b91c1c}.form-section{margin-bottom:2rem}.spinner{width:20px;height:20px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;display:inline-block}.submit-button{display:flex;align-items:center;justify-content:center;gap:8px}.submit-button:disabled{opacity:.7;cursor:not-allowed}.mortgage-application .currency-prefix,.mortgage-application .currency-prefix-usd{margin-right:8px;color:#0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-message{animation:fadeIn .5s ease-in-out}.spinner{border:2px solid rgba(0,0,0,.1);border-top:2px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite;display:inline-block;margin-right:8px;vertical-align:middle}.field-hint{display:flex;align-items:center;font-size:.75rem;margin-top:4px;color:#0009}.field-hint svg{margin-right:4px;font-size:14px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;transition:background-color 5000s ease-in-out 0s}@media print{.mortgage-application{background-color:#fff!important}.form-actions{display:none!important}.MuiPaper-root{box-shadow:none!important;margin-bottom:1cm!important;border:1px solid #ddd!important}}.terms-container{max-width:1000px;margin:80px auto;padding:0 20px}.terms-container h1{color:#1f2937;font-size:2.5rem;margin-bottom:2rem;text-align:center}.terms-content{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 4px #0000000d}.terms-content section{margin-bottom:2rem}.terms-content h2{color:#2563eb;font-size:1.5rem;margin-bottom:1rem}.terms-content p{color:#4b5563;line-height:1.6;margin-bottom:1rem}.terms-content ul{list-style-type:disc;margin-left:1.5rem;margin-bottom:1rem}.terms-content li{color:#4b5563;line-height:1.6;margin-bottom:.5rem}.contact-info{background:#f8fafc;padding:1.5rem;border-radius:8px;margin-top:1rem}.contact-info p{margin-bottom:.5rem}@media (max-width: 768px){.terms-container{margin:60px auto}.terms-container h1{font-size:2rem}.terms-content{padding:1.5rem}}.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:-15px}.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}.policy-icon-container svg{font-size:50px;color:#fff}.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:-5px}.policy-icon-container svg{font-size:40px}}@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:0;z-index:99999!important;width:320px;transform:translate(calc(100% - 40px));border-radius:8px 0 0 8px;box-shadow:-2px 2px 15px #0000004d}.demo-panel:hover,.demo-panel.expanded{transform:translate(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}.field-group{background-color:#f8fafc;border-radius:8px;padding:20px;margin-top:16px;border:1px solid #e2e8f0;animation:slideIn .3s ease forwards}.field-group h4{color:#1f2937;font-size:1.1rem;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-field{margin-bottom:16px}.form-field label{display:block;margin-bottom:8px;color:#374151;font-weight:500}.form-field input,.form-field select,.form-field textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}@media (max-width: 768px){.field-group{padding:16px}.form-field input,.form-field select,.form-field textarea{font-size:16px}}.mortgage-application{padding:24px;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:1200px;margin:0 auto}.application-header{margin-bottom:32px}.application-header h1{font-size:28px;color:#2c3e50;margin-bottom:8px}.application-header p{color:#666;font-size:16px}.error-message{background-color:#fee2e2;border:1px solid #ef4444;color:#b91c1c;padding:12px;border-radius:6px;margin-bottom:24px}.feedback-message{padding:12px;margin:10px 0;border-radius:4px;background-color:#e3f2fd;color:#1976d2;text-align:center;font-size:14px}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:16px;color:#666}.form-row{display:flex;gap:20px;margin-bottom:16px}.form-row .form-field{flex:1;margin-bottom:0}.form-field select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;background-color:#fff;cursor:pointer}.form-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}@media (max-width: 768px){.form-row{flex-direction:column;gap:16px}.form-row .form-field{margin-bottom:0}}.submitting-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.submitting-content{text-align:center;padding:32px;border-radius:8px;background:white;box-shadow:0 4px 6px #0000001a}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.submitting-content p{font-size:16px;color:#374151;margin:0}.success-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.success-message{text-align:center;padding:40px;background:white;border-radius:8px;box-shadow:0 2px 10px #0000001a}.checkmark{width:56px;height:56px;margin:0 auto 20px}.checkmark-circle{stroke:#4caf50;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{stroke:#4caf50;stroke-width:2;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}.test-data-button{margin-top:16px;padding:8px 16px;background-color:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.test-data-button:hover{background-color:#4f46e5}.test-data-button:active{background-color:#4338ca}.spinner-small{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:8px;vertical-align:middle}.form-actions{display:flex;justify-content:center;margin-top:32px}.submit-button{width:100%;height:42px;background-color:#2563eb;color:#fff;padding:0 1rem;border:none;border-radius:.375rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:1rem;margin-bottom:1rem}.submit-button:hover:not(:disabled){background-color:#1d4ed8}.submit-button:disabled{background-color:#93c5fd;cursor:not-allowed;opacity:.7}.submit-button span{font-size:.9375rem;font-weight:600}.login-button{margin-top:16px;padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s;display:block;margin-left:auto;margin-right:auto}.login-button:hover{background-color:#1d4ed8}.error-message{text-align:center;padding:24px;margin:24px;background-color:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#b91c1c}.submitted-application{max-width:1000px;margin:0 auto;padding:32px;background:white;border-radius:12px;box-shadow:0 2px 4px #0000001a}.status-header{text-align:center;margin-bottom:40px}.status-icon{margin:0 auto 24px;width:72px;height:72px}.status-header h1{color:#0f172a;font-size:32px;margin-bottom:8px}.submission-date{color:#64748b;font-size:16px}.next-steps{background-color:#f8fafc;border-radius:8px;padding:24px;margin-bottom:32px}.next-steps h2{color:#0f172a;font-size:24px;margin-bottom:16px}.next-steps p{color:#334155;font-size:16px;line-height:1.6;margin-bottom:16px}.document-list{display:grid;gap:24px}.document-section{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.document-section h3{color:#0f172a;font-size:20px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.document-section ul{list-style:none;padding:0;margin:0}.document-section ul li{color:#334155;font-size:16px;line-height:1.6;margin-bottom:12px;padding-left:24px;position:relative}.document-section ul li:before{content:"•";color:#2563eb;position:absolute;left:0}.document-section ul ul{margin-top:8px;margin-left:24px}.document-section ul ul li{color:#475569;font-size:15px;margin-bottom:8px}.upload-notice{background:#f0f7ff;padding:1.5rem;border-radius:8px;margin-top:2rem}.upload-notice p{color:#1f2937;line-height:1.6;margin-bottom:1rem}.sync-link-button{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background-color:#2563eb;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .2s ease}.sync-link-button:hover{background-color:#1d4ed8;transform:translateY(-1px)}.disclosure-section{margin:40px 0;padding:24px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.disclosure-content{margin-bottom:20px;color:#334155;font-size:15px;line-height:1.6}.disclosure-checkbox{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.disclosure-checkbox input[type=checkbox]{margin-top:4px;width:18px;height:18px;cursor:pointer}.disclosure-checkbox label{color:#1f2937;font-size:15px;cursor:pointer}.consent-text{color:#64748b;font-size:14px;text-align:center;margin-bottom:24px}.mortgage-application{max-width:1200px;margin:0 auto;padding:2rem;background-color:#f8fafc}.mortgage-application-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:white;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.form-section h2{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.form-section h2 svg{color:#2563eb}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:.875rem;font-weight:500;color:#4b5563}.form-field input,.form-field select,.form-field textarea{padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-field textarea{min-height:100px;resize:vertical}.input-wrapper{position:relative;display:flex;align-items:center}.currency-prefix{position:absolute;left:.75rem;color:#6b7280;pointer-events:none}input.has-currency-prefix{padding-left:2rem}.field-hint{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.field-hint svg{width:16px;height:16px;flex-shrink:0}.field-error{color:#dc2626;font-size:.875rem;margin-top:.25rem}.spouse-information{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.spouse-information h3{color:#1f2937;font-size:1.25rem;margin-bottom:1.5rem}.form-progress{position:sticky;top:0;background:white;padding:1rem;border-bottom:1px solid #e5e7eb;z-index:10}.progress-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#2563eb;transition:width .3s ease}@media (max-width: 768px){.mortgage-application{padding:1rem}.form-section{padding:1.5rem}.form-grid{grid-template-columns:1fr}}.save-indicator{position:fixed;bottom:2rem;right:2rem;background:#1f2937;color:#fff;padding:.75rem 1.5rem;border-radius:9999px;font-size:.875rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a;z-index:50;opacity:0;transform:translateY(1rem);transition:all .3s ease}.save-indicator.visible{opacity:1;transform:translateY(0)}.save-indicator svg{animation:spin 1s linear infinite}.field-description{font-size:.875rem;color:#6b7280;margin-top:.5rem;line-height:1.4}.form-field label.required:after{content:"*";color:#dc2626;margin-left:.25rem}.loading-spinner{display:inline-block;width:14px;height:14px;border:1.5px solid rgba(255,255,255,.8);border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite;vertical-align:middle;margin-right:4px}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:2000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tutorial-modal{max-width:95vw;width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 10px 25px #0003;padding:1.5rem;border-radius:12px;animation:slideIn .3s ease-out}.tutorial-completion{max-width:500px;padding:2rem;text-align:center;border-radius:12px;animation:popIn .4s ease-out}@keyframes slideIn{0%{transform:translate(-50%,-55%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.tutorial-tooltip{background:white;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:320px;z-index:2200;position:absolute}.tutorial-tooltip.bottom{top:calc(100% + 12px);left:50%;transform:translate(-50%)}.tutorial-tooltip.top{bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.tutorial-tooltip.left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tutorial-tooltip.right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}.tutorial-highlight{position:absolute;pointer-events:none}.tutorial-tooltip h3{color:#1f2937;font-size:1.25rem;margin-bottom:.75rem}.tutorial-tooltip p{color:#4b5563;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.tutorial-navigation{display:flex;justify-content:space-between;align-items:center}.tutorial-navigation button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:#2563eb;color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease}.tutorial-navigation button:disabled{background:#94a3b8;cursor:not-allowed}.tutorial-progress{color:#64748b;font-size:.875rem}.close-tutorial{position:absolute;top:.75rem;right:.75rem;padding:.25rem;border:none;background:none;cursor:pointer;color:#64748b}.profile-container{padding:2rem;max-width:1200px;margin:0 auto}.profile-header{margin-bottom:2rem}.profile-header h1{font-size:2rem;font-weight:600;color:#111827;margin-bottom:.5rem}.profile-subtitle{color:#6b7280;font-size:1rem}.profile-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s;border-radius:.375rem}.tab-button:hover{color:#111827;background-color:#f3f4f6}.tab-button.active{color:#2563eb;background-color:#eff6ff}.tab-button svg{width:1.25rem;height:1.25rem}.profile-content{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.settings-form{max-width:800px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:span 2}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.save-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.save-button:hover{background-color:#1d4ed8}.notification-settings{display:flex;flex-direction:column;gap:1.5rem}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f9fafb;border-radius:.5rem}.notification-item h3{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem}.notification-item p{font-size:.875rem;color:#6b7280}.toggle{position:relative;display:inline-block;width:3rem;height:1.5rem}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.4s;border-radius:9999px}.toggle-slider:before{position:absolute;content:"";height:1.25rem;width:1.25rem;left:.125rem;bottom:.125rem;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#2563eb}input:checked+.toggle-slider:before{transform:translate(1.5rem)}@media (max-width: 768px){.profile-container{padding:1rem}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}.profile-tabs{overflow-x:auto;padding-bottom:1rem}.tab-button{white-space:nowrap}}</rewritten_file>.btn{display:inline-block;padding:10px 20px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .1s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.button.loading{position:relative;color:transparent!important;pointer-events:none}.loading-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.button:disabled{opacity:.7;cursor:not-allowed}.admin-sidebar{display:flex;flex-direction:column}.sidebar-content{height:100%;display:flex;flex-direction:column;justify-content:space-between}.sidebar-top{flex-grow:1}.sidebar-bottom{padding:16px;border-top:1px solid var(--admin-border)}.logout-button{display:flex;align-items:center;gap:8px;width:100%;padding:12px;background:none;border:none;color:var(--admin-text-primary);font-size:1rem;cursor:pointer;border-radius:6px;transition:all .2s ease}.logout-button:hover{background:var(--admin-hover);color:var(--admin-primary)}.logout-button svg{width:20px;height:20px}.admin-layout{display:flex;min-height:100vh}.admin-main{flex:1;margin-left:260px;min-height:100vh;background-color:#f8fafc}.content-container{padding:2rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.admin-main{margin-left:240px}}:root{--admin-sidebar-width: 280px;--admin-primary: #4f46e5;--admin-bg: #f3f4f6;--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}.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}.register-card{max-width:500px;background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #00000014}.login-logo{text-align:center;margin-bottom:1.5rem}.login-logo img{max-width:150px;height:auto;transition:transform .3s ease}.success-message{padding:12px;background:#dcfce7;color:#166534;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-weight:500}.back-to-login{display:flex;align-items:center;gap:8px;color:var(--admin-primary);text-decoration:none;font-size:.9rem;transition:all .2s ease;padding:8px 0}.back-to-login:hover{color:var(--admin-primary-dark);text-decoration:underline;transform:translate(-3px)}.back-to-login svg{width:16px;height:16px;transition:transform .2s ease}.back-to-login:hover svg{transform:translate(-2px)}.register-card form{gap:1rem}@media (min-width: 768px){.register-card form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.register-card .form-group:nth-child(5),.register-card .login-button{grid-column:span 2}}.password-requirements{margin-top:8px;font-size:.85rem;color:#666;background-color:#f8f9fa;padding:10px;border-radius:6px}.password-requirements div{margin:4px 0;display:flex;align-items:center;opacity:.7;transition:opacity .2s ease,color .2s ease}.password-requirements div.met{color:#4caf50;opacity:1;font-weight:500}.verification-card{text-align:center;padding:2rem;max-width:450px}.verification-message{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem}.verification-icon{font-size:3rem;color:#4caf50;margin-bottom:.5rem}.verification-message h2{color:#1976d2;margin-bottom:.5rem;font-weight:600}.verification-message p{color:#555;margin:.25rem 0;line-height:1.5}.verification-message strong{color:#1976d2;font-weight:600}.form-group input{transition:all .2s ease;border:1px solid #e0e0e0}.form-group input:focus{border-color:#06f;box-shadow:0 0 0 2px #0066ff1a}.login-button{background-color:#06f;transition:all .25s ease;border-radius:8px;font-weight:600;letter-spacing:.01em}.login-button:hover:not(:disabled){background-color:#0052cc;transform:translateY(-2px);box-shadow:0 4px 8px #06f3}.login-button:active:not(:disabled){transform:translateY(0)}.success-message{padding:12px;background:#dcfce7;color:#166534;border-radius:4px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.back-to-login{display:flex;align-items:center;gap:8px;color:var(--admin-primary);text-decoration:none;font-size:.9rem;transition:color .2s ease}.back-to-login:hover{color:var(--admin-primary-dark);text-decoration:underline}.back-to-login svg{width:16px;height:16px}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}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:12px;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 24px #0003}.modal-close{position:absolute;top:16px;right:16px;background:white;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;z-index:2}.modal-body{display:flex;flex-direction:column;gap:24px;padding:24px}.modal-image-container{flex:1;min-height:300px;position:relative}.modal-image{position:relative;width:100%;height:400px;border-radius:8px;overflow:hidden}.modal-image img{width:100%;height:100%;object-fit:cover;display:block}.image-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000026}.image-nav:hover{background:white;transform:translateY(-50%) scale(1.1)}.image-nav.prev{left:16px}.image-nav.next{right:16px}.image-thumbnails{display:flex;gap:8px;margin-top:16px;overflow-x:auto;padding:8px 0}.thumbnail{width:80px;height:60px;border-radius:4px;overflow:hidden;cursor:pointer;opacity:.7;transition:all .2s;flex-shrink:0}.thumbnail:hover{opacity:.9}.thumbnail.active{opacity:1;box-shadow:0 0 0 2px #3b82f6}.thumbnail img{width:100%;height:100%;object-fit:cover}.modal-details{padding:24px;background:#f8fafc;border-radius:8px}.modal-details h2{font-size:24px;margin-bottom:16px;color:#1e293b}.modal-price{font-size:28px;font-weight:700;color:#3b82f6;margin-bottom:8px}.modal-location{color:#64748b;margin-bottom:24px}.property-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px;padding:16px;background:white;border-radius:8px}.spec-item{display:flex;flex-direction:column;align-items:center;text-align:center}.spec-label{font-size:14px;color:#64748b}.spec-value{font-size:18px;font-weight:600;color:#1e293b}.modal-description{margin-bottom:24px}.modal-description h3{font-size:18px;margin-bottom:12px;color:#1e293b}.modal-description p{color:#475569;line-height:1.6}.modal-actions{display:flex;gap:12px;flex-wrap:wrap}.modal-actions button{padding:12px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.contact-button{background:#3b82f6;color:#fff;border:none}.contact-button:hover{background:#2563eb}.schedule-button{background:white;color:#3b82f6;border:1px solid #3b82f6}.schedule-button:hover{background:#f0f7ff}.source-link-container{margin-top:16px;width:100%}.source-link{display:inline-block;color:#64748b;text-decoration:none;font-size:14px}.source-link:hover{color:#3b82f6;text-decoration:underline}@media (min-width: 768px){.modal-body{flex-direction:row}.modal-image-container{flex:0 0 60%}.modal-details{flex:0 0 40%}}@media (max-width: 767px){.modal-content{height:90vh}.modal-image{height:300px}.property-specs{grid-template-columns:repeat(3,1fr)}}.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}.email-templates-container{padding:24px;max-width:1200px;margin:0 auto;background-color:#f9fafb;min-height:80vh}.template-help{background-color:#f5f5f5;padding:10px 15px;border-radius:4px;margin-top:10px;border-left:4px solid #2196f3}.template-help ul{margin:8px 0 0;padding-left:20px}.template-help li{margin-bottom:4px}.email-body-textarea{min-height:300px;resize:vertical;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:10px;line-height:1.5}.preview-container{padding:20px;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0;margin:20px 0}.preview-container h3{margin-top:0;margin-bottom:16px;color:#333;font-size:18px;border-bottom:1px solid #eaeaea;padding-bottom:10px}.tox-tinymce{border-radius:4px!important;border-color:#c4c4c4!important}.tox-tinymce:focus-within{border-color:#2196f3!important;box-shadow:0 0 0 2px #2196f333!important}.tox-statusbar{border-top:1px solid #e0e0e0!important}@media (max-width: 768px){.email-templates-container{padding:16px}.preview-container{padding:15px}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{font-family:Inter,system-ui,sans-serif}body{@apply bg-gray-50;}@media (prefers-color-scheme: dark){html{color-scheme:light!important}body,html{background-color:initial!important}}}@media (prefers-color-scheme: dark){:root{color-scheme:light!important}body,html{background-color:initial!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}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}#root{min-height:100vh}