body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.suggestion-window{bottom:var(--spacing-xl);font-family:inherit;position:fixed;right:var(--spacing-xl);z-index:1050}.suggestion-trigger{align-items:center;animation:pulse 2s infinite;background:var(--primary-gradient);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all var(--transition-normal);width:60px}.suggestion-trigger:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px) scale(1.05)}.suggestion-panel{animation:slideInUp .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:600px;overflow:hidden;width:400px}.suggestion-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.header-content{align-items:center;gap:var(--spacing-sm)}.header-content h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.header-content svg{color:var(--primary-color)}.suggestion-content{max-height:500px;overflow-y:auto;padding:var(--spacing-lg)}.rating-section{margin-bottom:var(--spacing-xl);text-align:center}.section-label{color:var(--text-primary);display:block;font-size:.9375rem;font-weight:500;margin-bottom:var(--spacing-md)}.rating-stars{display:flex;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-sm)}.star{background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-fast)}.star:hover{background:var(--bg-secondary);transform:scale(1.1)}.star.active{color:#fbbf24}.star svg{fill:currentColor}.rating-text{color:var(--text-secondary);font-size:.875rem;margin:0;min-height:1.25rem}.form-input,.form-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:var(--spacing-md);resize:vertical;transition:all var(--transition-fast);width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{line-height:1.5}.submit-btn{font-size:.9375rem}.success-message{padding:var(--spacing-xl) var(--spacing-lg)}.success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-full);color:#fff;height:60px;margin:0 auto var(--spacing-lg);width:60px}.success-message h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-sm)}.success-message p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.suggestion-window{bottom:var(--spacing-lg);right:var(--spacing-lg)}.suggestion-panel{max-width:calc(100vw - 2rem);width:350px}.suggestion-trigger{height:56px;width:56px}.suggestion-content,.suggestion-header{padding:var(--spacing-md)}}@media (max-width:480px){.suggestion-window{bottom:var(--spacing-md);right:var(--spacing-md)}.suggestion-panel{width:calc(100vw - 2rem)}.rating-stars{gap:var(--spacing-sm)}.star{padding:var(--spacing-sm)}}.suggestion-content::-webkit-scrollbar{width:6px}.suggestion-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.suggestion-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.suggestion-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.error-message{background:#fee2e2;border:1px solid #fecaca;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.error-message:before{content:"⚠️";font-size:1rem}.layout{background:var(--bg-secondary);display:flex;min-height:100vh}.unified-header{background:var(--bg-primary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);display:flex;height:72px;left:0;min-height:72px;position:fixed;right:0;top:0;z-index:1001}.header-sidebar-section{border-right:1px solid var(--border-light);justify-content:center;position:relative;width:260px}.header-main-section,.header-sidebar-section{align-items:center;display:flex;padding:var(--spacing-lg)}.header-main-section{flex:1 1;justify-content:space-between}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-light);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:calc(100vh - 72px);left:0;position:fixed;top:72px;transform:translateX(-100%);transition:transform var(--transition-normal);width:260px;z-index:1000}.sidebar-open{transform:translateX(0)}.header-sidebar-section .logo-icon,.sidebar-logo{align-items:center;display:flex;justify-content:center}.header-sidebar-section .logo-icon{background:#0000;border-radius:8px;height:28px!important;overflow:hidden;width:28px!important}.header-sidebar-section .logo-image{border-radius:8px;height:100%!important;object-fit:cover;width:100%!important}.logo-text{color:var(--text-primary);font-size:1.125rem;font-weight:700}.sidebar-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:none;padding:var(--spacing-xs);position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.sidebar-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.nav-list{list-style:none;margin:0;padding:0}.nav-list li{margin-bottom:var(--spacing-sm)}.nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:all var(--transition-normal);width:100%}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateX(4px)}.nav-item-active{background:#667eea1a;border:1px solid #667eea33;color:var(--primary-color)}.nav-item-active:hover{background:#667eea26;transform:translateX(0)}.nav-item-content{display:flex;flex-direction:column;gap:2px}.nav-item-label{font-size:.875rem;font-weight:500}.nav-item-description{font-size:.75rem;opacity:.8}.sidebar-footer{border-top:1px solid var(--border-light);padding:var(--spacing-lg)}.user-info{gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:var(--primary-gradient);border-radius:var(--radius-full);color:#fff;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.user-role{color:var(--text-muted);font-size:.75rem;text-transform:capitalize}.logout-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);transition:all var(--transition-normal);width:100%}.logout-button:hover{background:var(--error-color);border-color:var(--error-color);color:#fff}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:0;margin-top:72px;transition:margin-left var(--transition-normal)}.header-left{align-items:center;display:flex;gap:var(--spacing-lg)}.menu-toggle{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);transition:all var(--transition-fast)}.menu-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.page-title{font-size:1.5rem;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:var(--spacing-lg)}.search-box svg{left:var(--spacing-md);position:absolute}.search-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 2.5rem;transition:all var(--transition-normal);width:250px}.search-input:focus{background:var(--bg-primary);border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.notification-button{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);position:relative;transition:all var(--transition-fast)}.notification-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-badge{background:var(--error-color);border-radius:var(--radius-full);color:#fff;font-size:.625rem;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:2px;text-align:center;top:2px}.header-user{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.header-user .user-avatar{font-size:.75rem;height:32px;width:32px}.header-user .user-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.user-dropdown{position:relative}.user-dropdown-trigger{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.user-dropdown-trigger:hover{background:var(--bg-secondary)}.user-dropdown-trigger .user-avatar{font-size:.875rem;height:32px;width:32px}.user-dropdown-trigger .user-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.dropdown-icon{color:var(--text-muted);transition:transform var(--transition-normal)}.dropdown-icon-open{transform:rotate(180deg)}.user-dropdown-menu{animation:dropdownSlideIn .2s ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-header{padding:var(--spacing-lg)}.dropdown-user-info{align-items:center;display:flex;gap:var(--spacing-md)}.dropdown-user-avatar{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-full);color:#fff;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.dropdown-user-details{display:flex;flex-direction:column;gap:2px}.dropdown-user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.dropdown-user-role{text-transform:capitalize}.dropdown-user-email,.dropdown-user-role{color:var(--text-muted);font-size:.75rem}.dropdown-divider{background:var(--border-light);height:1px;margin:0 var(--spacing-md)}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:background-color var(--transition-normal);width:100%}.dropdown-item:hover{background:var(--bg-secondary)}.logout-item{border-radius:0 0 var(--radius-xl) var(--radius-xl);color:var(--error-color)}.logout-item:hover{background:#ef44441a}.page-content{flex:1 1;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-lg) var(--spacing-lg)}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (min-width:1024px){.sidebar{box-shadow:none;position:fixed;transform:translateX(0)}.menu-toggle,.sidebar-close{display:none}.main-content{margin-left:260px}.header-sidebar-section{display:flex}.sidebar-overlay{display:none!important}}@media (max-width:1023px){.sidebar-close,.sidebar-overlay{display:block}.header-sidebar-section{display:none}.unified-header{padding-left:0}.header-main-section{width:100%}.header-right{gap:var(--spacing-md)}.header-user .user-name{display:none}}@media (max-width:768px){.unified-header{height:64px;min-height:64px}.header-main-section,.header-sidebar-section{padding:var(--spacing-md)}.sidebar{height:calc(100vh - 64px);top:64px}.main-content{margin-top:64px}.page-content{padding:var(--spacing-lg)}.page-title{font-size:1.25rem}.search-box{display:none}.header-right{gap:var(--spacing-sm)}.sidebar{max-width:320px;width:100%}}@media (max-width:480px){.unified-header{height:56px;min-height:56px}.header-main-section,.header-sidebar-section{padding:var(--spacing-sm) var(--spacing-md)}.header-sidebar-section .logo-icon{height:24px!important;width:24px!important}.sidebar{height:calc(100vh - 56px);top:56px}.main-content{margin-top:56px}.page-content{padding:var(--spacing-md)}.page-title{font-size:1.125rem}.sidebar-nav{padding:var(--spacing-md)}}.auth-loader-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.auth-loader-content{color:#fff;text-align:center}.auth-spinner{animation:auth-spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 20px;width:40px}.auth-loader-content p{font-size:16px;font-weight:500;margin:0;opacity:.9}@keyframes auth-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg);position:relative}.login-background{background:linear-gradient(135deg,#667eea,#764ba2);z-index:-1}.login-background,.login-background:before{bottom:0;left:0;position:absolute;right:0;top:0}.login-background:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);content:""}.login-content{max-width:400px;width:100%;z-index:1}.login-card{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl)}.login-header{margin-bottom:var(--spacing-2xl);text-align:center}.login-logo{margin-bottom:var(--spacing-lg)}.login-logo .logo-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:var(--shadow-md);display:flex;height:80px;justify-content:center;margin:0 auto;overflow:hidden;width:80px}.login-logo .logo-image{border-radius:16px;height:100%;object-fit:cover;width:100%}.login-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-sm)}.login-subtitle{color:var(--text-secondary);font-size:.875rem;margin-bottom:0}.login-form{margin-bottom:var(--spacing-lg)}.success-message{font-weight:500}.login-footer{border-top:1px solid var(--border-light);padding-top:var(--spacing-lg);text-align:center}.auth-links{margin-bottom:var(--spacing-lg)}.forgot-password-link,.register-link{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md);text-align:center}.forgot-password-link{margin-bottom:0}.register-link{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md)}.register-link a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.register-link a:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width:480px){.login-container{padding:var(--spacing-md)}.login-card{padding:var(--spacing-xl)}.login-logo .logo-icon{height:70px;width:70px}.login-title{font-size:1.5rem}}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.registration-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg);position:relative}.registration-background{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.registration-background:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.registration-content{max-width:600px;width:100%;z-index:1}.registration-card{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);position:relative}.back-button:hover{text-decoration:none}.registration-header{margin-bottom:var(--spacing-2xl);margin-top:var(--spacing-xl);text-align:center}.registration-logo{margin-bottom:var(--spacing-lg)}.registration-logo .logo-icon{align-items:center;background:#0000;border-radius:16px;display:inline-flex;height:80px;justify-content:center;margin:0 auto;overflow:hidden;width:80px}.registration-logo .logo-image{border-radius:16px;height:100%;object-fit:cover;width:100%}.registration-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-sm)}.registration-subtitle{color:var(--text-secondary);font-size:.875rem;margin-bottom:0}.registration-form{margin-bottom:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.registration-footer{border-top:1px solid var(--border-light);padding-top:var(--spacing-lg);text-align:center}.login-link{color:var(--text-secondary);margin:0}.login-link a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.login-link a:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width:768px){.registration-container{padding:var(--spacing-md)}.registration-card{padding:var(--spacing-xl)}.back-button{margin-bottom:var(--spacing-lg);position:static;width:-webkit-fit-content;width:fit-content}.registration-header{margin-top:0}.form-row{gap:0;grid-template-columns:1fr}.registration-logo .logo-icon{height:70px;width:70px}.registration-title{font-size:1.5rem}}@media (max-width:480px){.registration-content{max-width:100%}.registration-card{padding:var(--spacing-lg)}.form-row{gap:0}.input-group .form-input{padding-left:2.5rem;padding-right:2.5rem}.input-icon{left:var(--spacing-sm)}.password-toggle{right:var(--spacing-sm)}}.form-group{animation:slideInUp .4s ease-out;animation-fill-mode:both}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.15s}.form-group:nth-child(3){animation-delay:.2s}.form-group:nth-child(4){animation-delay:.25s}.form-group:nth-child(5){animation-delay:.3s}.form-group:nth-child(6){animation-delay:.35s}.form-input:invalid:not(:placeholder-shown){border-color:var(--error-color)}.form-input:valid:not(:placeholder-shown){border-color:var(--success-color)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-xl);transform:translateY(-2px)}.email-verification-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg);position:relative}.email-verification-background{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.email-verification-background:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.email-verification-content{max-width:500px;width:100%;z-index:1}.email-verification-card{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);position:relative}.email-verification-header{margin-bottom:var(--spacing-2xl);margin-top:var(--spacing-xl);text-align:center}.email-verification-logo{margin-bottom:var(--spacing-lg)}.logo-icon{background:#0000;border-radius:8px;display:inline-flex;height:80px;overflow:hidden;width:80px}.logo-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.verification-icon{align-items:center;background:#667eea1a;border:2px solid #667eea33;border-radius:var(--radius-2xl);color:var(--primary-color);display:inline-flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.email-verification-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-sm)}.email-verification-subtitle{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-xs)}.user-email{color:var(--primary-color);font-size:1rem;font-weight:500;margin-bottom:0}.email-verification-content-body{margin-bottom:var(--spacing-lg)}.verification-steps{margin-bottom:var(--spacing-xl)}.step{border:1px solid var(--border-light);border-radius:var(--radius-lg);gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.step:last-child{margin-bottom:0}.step-icon{color:var(--success-color);flex-shrink:0}.step p{color:var(--text-secondary);font-size:.875rem;margin:0}.resend-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.resend-text{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md)}.email-verification-footer{border-top:1px solid var(--border-light);padding-top:var(--spacing-lg);text-align:center}.help-text{color:var(--text-secondary);font-size:.75rem}.help-text a{transition:all var(--transition-fast)}.help-text a:hover{color:var(--primary-hover)}@media (max-width:480px){.email-verification-container{padding:var(--spacing-md)}.email-verification-card{padding:var(--spacing-xl)}.back-button{margin-bottom:var(--spacing-lg);position:static;width:-webkit-fit-content;width:fit-content}.email-verification-header{margin-top:0}.logo-icon,.verification-icon{height:60px;width:60px}.verification-icon svg{height:36px;width:36px}.email-verification-title{font-size:1.5rem}.step{padding:var(--spacing-sm)}.resend-section{padding:var(--spacing-md)}}.step{animation:slideInUp .4s ease-out;animation-fill-mode:both}.step:first-child{animation-delay:.1s}.step:nth-child(2){animation-delay:.2s}.step:nth-child(3){animation-delay:.3s}.verification-success-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg);position:relative}.verification-success-background{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.verification-success-background:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.verification-success-content{max-width:450px;width:100%;z-index:1}.verification-success-card{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl)}.verification-success-header{margin-bottom:var(--spacing-xl);text-align:center}.verification-success-logo{margin-bottom:var(--spacing-lg)}.verification-success-logo .logo-image{filter:brightness(0) invert(1);height:32px;width:32px}.status-icon{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.status-icon.success{color:var(--success-color)}.status-icon.error{color:var(--error-color)}.status-icon.loading{color:var(--primary-color)}.spin{animation:spin 1s linear infinite}.verification-success-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 var(--spacing-sm) 0}.verification-success-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.verification-success-content-body{margin-bottom:var(--spacing-xl)}.message-section{margin-bottom:var(--spacing-lg);text-align:center}.verification-message{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.success-section{text-align:center}.success-steps{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);position:relative}.success-steps:before{background:var(--success-color);content:"";height:2px;left:20%;position:absolute;right:20%;top:50%;transform:translateY(-50%);z-index:0}.step{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs);position:relative;z-index:1}.step.completed{color:var(--success-color)}.step span{font-size:.875rem;font-weight:500;white-space:nowrap}.auto-redirect{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.auto-redirect p{color:var(--text-secondary);font-size:.875rem;margin:0}.error-section{text-align:center}.error-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.verification-success-footer{border-top:1px solid var(--border-light);padding-top:var(--spacing-lg);text-align:center}.help-text a{color:var(--primary-color);font-weight:500;text-decoration:none}.help-text a:hover{text-decoration:underline}.btn-primary:hover{box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-secondary)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-outline{background:#0000;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}@media (max-width:480px){.verification-success-container{padding:var(--spacing-md)}.verification-success-card{padding:var(--spacing-lg)}.verification-success-title{font-size:1.5rem}.success-steps{flex-direction:column;gap:var(--spacing-md)}.success-steps:before{display:none}.step span{text-align:center;white-space:normal}}.twofa-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg);position:relative}.twofa-background{background:linear-gradient(135deg,#667eea,#764ba2);z-index:-1}.twofa-background,.twofa-background:before{bottom:0;left:0;position:absolute;right:0;top:0}.twofa-background:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);content:""}.twofa-content{max-width:500px;width:100%;z-index:1}.twofa-card{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);position:relative}.back-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.back-button:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--text-primary)}.twofa-header{margin-bottom:var(--spacing-2xl);margin-top:var(--spacing-xl);padding:0 var(--spacing-lg);text-align:center}.twofa-logo{margin-bottom:var(--spacing-lg)}.twofa-logo .logo-icon{align-items:center;background:#0000;border-radius:16px;display:inline-flex;height:80px;justify-content:center;margin:0 auto;overflow:hidden;width:80px}.twofa-logo .logo-image{border-radius:16px;height:100%;object-fit:cover;width:100%}.twofa-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-sm)}.twofa-subtitle{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-md)}.user-info{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;margin-bottom:0;padding:var(--spacing-sm) var(--spacing-md)}.user-info strong{color:var(--primary-color)}.twofa-form{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-lg)}.code-inputs{display:flex;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-xl) 0;padding:var(--spacing-lg) 0}.code-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1.5rem;font-weight:600;height:60px;outline:none;text-align:center;transition:all var(--transition-normal);width:60px}.code-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;transform:scale(1.05)}.code-input:disabled{cursor:not-allowed;opacity:.6}.error-message,.twofa-footer{text-align:center}.twofa-footer{border-top:1px solid var(--border-light);margin:0 var(--spacing-lg);padding:var(--spacing-lg)}.demo-info{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.75rem;margin:0;padding:var(--spacing-md)}.demo-info strong{color:var(--text-primary)}@media (max-width:480px){.twofa-container{padding:var(--spacing-md)}.twofa-card{padding:var(--spacing-lg)}.twofa-header{margin-top:0}.twofa-form,.twofa-header{padding:0 var(--spacing-md)}.twofa-footer{margin:0 var(--spacing-md);padding:var(--spacing-md)}.back-button{margin-bottom:var(--spacing-lg);position:static;width:-webkit-fit-content;width:fit-content}.twofa-logo .logo-icon{height:70px;width:70px}.twofa-title{font-size:1.5rem}.code-inputs{gap:var(--spacing-sm)}.code-input{font-size:1.25rem;height:50px;width:50px}}.code-input{animation:slideInUp .4s ease-out;animation-fill-mode:both}.code-input:first-child{animation-delay:.1s}.code-input:nth-child(2){animation-delay:.15s}.code-input:nth-child(3){animation-delay:.2s}.code-input:nth-child(4){animation-delay:.25s}.code-input:nth-child(5){animation-delay:.3s}.code-input:nth-child(6){animation-delay:.35s}.code-input.filled{background:#667eea1a;border-color:var(--primary-color);color:var(--primary-color)}.forgot-password-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg);position:relative}.forgot-password-background{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.forgot-password-background:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.forgot-password-content{animation:fadeIn .6s ease-out;max-width:400px;width:100%}.forgot-password-card{animation:slideInUp .6s ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.forgot-password-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl);text-align:center}.forgot-password-logo{margin-bottom:var(--spacing-lg)}.forgot-password-logo .logo-icon{align-items:center;background:#0000;border-radius:16px;display:inline-flex;height:80px;justify-content:center;margin:0 auto;overflow:hidden;width:80px}.forgot-password-logo .logo-image{border-radius:16px;height:100%;object-fit:cover;width:100%}.forgot-password-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-sm)}.forgot-password-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.forgot-password-form{padding:var(--spacing-xl)}.form-input{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem}.submit-btn{align-items:center;display:flex;font-size:.875rem;gap:var(--spacing-sm);justify-content:center;min-height:2.75rem;width:100%}.forgot-password-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-light);padding:var(--spacing-lg) var(--spacing-xl);text-align:center}.back-link{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast)}.back-link:hover{color:var(--accent-color);transform:translateX(-2px)}@media (max-width:480px){.forgot-password-container{padding:var(--spacing-md)}.forgot-password-card{border-radius:var(--radius-xl)}.forgot-password-header{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg)}.forgot-password-logo .logo-icon{height:70px;width:70px}.forgot-password-title{font-size:1.5rem}.forgot-password-form{padding:var(--spacing-lg)}.forgot-password-footer{padding:var(--spacing-md) var(--spacing-lg)}}.forgot-password-confirmation-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg);position:relative}.forgot-password-confirmation-background{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.forgot-password-confirmation-background:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.forgot-password-confirmation-content{animation:fadeIn .6s ease-out;max-width:500px;width:100%}.forgot-password-confirmation-card{animation:slideInUp .6s ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.forgot-password-confirmation-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl);text-align:center}.forgot-password-confirmation-logo{margin-bottom:var(--spacing-lg)}.forgot-password-confirmation-logo .logo-icon{align-items:center;background:#0000;border-radius:16px;display:inline-flex;height:80px;justify-content:center;margin:0 auto;overflow:hidden;width:80px}.forgot-password-confirmation-logo .logo-image{border-radius:16px;height:100%;object-fit:cover;width:100%}.confirmation-icon{color:#059669;display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.forgot-password-confirmation-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-sm)}.forgot-password-confirmation-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.confirmation-content{padding:var(--spacing-xl)}.email-info{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.email-info svg{color:var(--primary-color)}.instructions{margin-bottom:var(--spacing-xl)}.instructions h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md)}.instructions ol{color:var(--text-secondary);line-height:1.6;padding-left:var(--spacing-lg)}.instructions li{margin-bottom:var(--spacing-sm)}.security-notice{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:var(--radius-lg);color:#92400e;display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.security-notice svg{flex-shrink:0;margin-top:2px}.security-notice strong{display:block;font-weight:600;margin-bottom:var(--spacing-xs)}.security-notice p{font-size:.875rem;line-height:1.5;margin:0}.confirmation-actions{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.login-link{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast)}.login-link:hover{color:var(--accent-color);transform:translateX(-2px)}.resend-btn{background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.resend-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--text-primary)}@media (max-width:480px){.forgot-password-confirmation-container{padding:var(--spacing-md)}.forgot-password-confirmation-card{border-radius:var(--radius-xl)}.forgot-password-confirmation-header{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg)}.forgot-password-confirmation-logo .logo-icon{height:70px;width:70px}.confirmation-icon svg{height:48px;width:48px}.forgot-password-confirmation-title{font-size:1.5rem}.confirmation-content{padding:var(--spacing-lg)}.confirmation-actions{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.login-link{justify-content:center}}.reset-password-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg);position:relative}.reset-password-background{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.reset-password-background:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.reset-password-content{max-width:400px;width:100%;z-index:1}.reset-password-card{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);position:relative}.back-button{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);left:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;text-decoration:none;top:var(--spacing-lg);transition:all .2s ease}.back-button:hover{background:var(--bg-secondary);color:var(--primary-color)}.reset-password-header{margin-bottom:var(--spacing-xl);margin-top:var(--spacing-lg);text-align:center}.reset-password-logo{margin-bottom:var(--spacing-lg)}.logo-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;height:60px;justify-content:center;margin:0 auto;width:60px}.reset-password-logo .logo-image{filter:brightness(0) invert(1);height:32px;width:32px}.success-icon{color:var(--success-color);display:flex;justify-content:center;margin:var(--spacing-lg) 0}.reset-password-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 var(--spacing-sm) 0}.reset-password-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.reset-password-form{margin-bottom:var(--spacing-lg)}.form-label{font-weight:600;margin-bottom:var(--spacing-xs)}.form-input{border:2px solid var(--border-color);font-size:1rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md)*2.5);padding-right:calc(var(--spacing-md)*2.5);transition:all .2s ease}.password-toggle{border-radius:var(--radius-sm);transition:all .2s ease}.password-toggle:hover{background:var(--bg-secondary);color:var(--text-secondary)}.error-message{border-radius:var(--radius-md);gap:var(--spacing-xs)}.success-message{border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.reset-password-content-body{margin-bottom:var(--spacing-lg)}.btn{border-radius:var(--radius-md);font-weight:600;gap:var(--spacing-xs);min-height:44px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.btn-primary{box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-lg{min-height:48px;padding:var(--spacing-lg) var(--spacing-xl)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff}.reset-password-footer{border-top:1px solid var(--border-light);padding-top:var(--spacing-lg);text-align:center}.help-text{color:var(--text-muted);font-size:.875rem;line-height:1.5;margin:0}.link{color:var(--primary-color);font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}@media (max-width:480px){.reset-password-container{padding:var(--spacing-md)}.reset-password-card{padding:var(--spacing-lg)}.reset-password-title{font-size:1.5rem}.back-button{align-self:flex-start;margin-bottom:var(--spacing-md);position:static}.reset-password-header{margin-top:0}}.image-zoom-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.image-zoom-modal{align-items:center;animation:zoomIn .3s ease-out;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.zoom-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .2s ease;width:40px;z-index:10001}.zoom-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.zoom-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:50px;z-index:10001}.zoom-nav-btn:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.zoom-nav-btn:disabled{cursor:not-allowed;opacity:.3}.zoom-prev-btn{left:-70px}.zoom-next-btn{right:-70px}.zoom-image-container{align-items:center;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;justify-content:center;max-height:70vh;max-width:80vw;overflow:hidden;position:relative}.zoom-image{border-radius:12px;max-height:100%;max-width:100%;object-fit:contain}.zoom-image-info{color:#fff;margin-top:16px;text-align:center}.zoom-image-filename{font-size:16px;font-weight:600;margin-bottom:4px}.zoom-image-counter{font-size:14px;opacity:.8}.zoom-thumbnails{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:8px;margin-top:16px;max-width:80vw;overflow-x:auto;padding:8px}.zoom-thumbnails::-webkit-scrollbar{height:4px}.zoom-thumbnails::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.zoom-thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.zoom-thumbnail{background:none;border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;padding:0;transition:all .2s ease;width:60px}.zoom-thumbnail img{height:100%;object-fit:cover;width:100%}.zoom-thumbnail:hover{border-color:#ffffff80;transform:scale(1.05)}.zoom-thumbnail.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}@media (max-width:768px){.zoom-nav-btn{height:40px;width:40px}.zoom-prev-btn{left:-50px}.zoom-next-btn{right:-50px}.zoom-image-container{max-height:60vh;max-width:95vw}.zoom-thumbnails{max-width:95vw}.zoom-thumbnail{height:50px;width:50px}}@media (max-width:480px){.zoom-nav-btn{height:35px;width:35px}.zoom-prev-btn{left:10px}.zoom-next-btn{right:10px}.zoom-close-btn{right:10px;top:10px}.zoom-image-container{max-height:50vh;max-width:100vw}}.dashboard{animation:fadeIn .6s ease-out}.dashboard-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.welcome-section{flex:1 1}.welcome-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.welcome-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.header-actions{flex-shrink:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-2xl)}.stat-card{gap:var(--spacing-lg);padding:var(--spacing-xl)}.stat-icon{border-radius:var(--radius-xl);height:60px;width:60px}.stat-icon.clients{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.representatives{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.organizations{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-icon.new-clients{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.active-reps{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-value{font-size:2.5rem}.content-grid{align-items:start}.recent-clients-section{z-index:1}.activity-section{grid-column:1/-1;margin-top:var(--spacing-lg)}.dashboard-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.section-header{padding:var(--spacing-lg)}.section-title{margin:0}.table-container{overflow-x:auto}.table td,.table th{padding:var(--spacing-md) var(--spacing-lg)}.client-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.client-name{color:var(--text-primary);font-weight:500}.client-address{align-items:center;color:var(--text-muted);font-size:.75rem}.client-address,.rep-info{display:flex;gap:var(--spacing-xs)}.rep-info{flex-direction:column}.date-info{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-xs)}.representatives-list{flex-direction:column;padding:var(--spacing-lg)}.rep-card,.representatives-list{display:flex;gap:var(--spacing-md)}.rep-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-normal)}.rep-card:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.rep-location{font-size:.75rem;margin-bottom:var(--spacing-xs)}.rep-location,.rep-update-time{align-items:center;color:var(--text-muted);display:flex;gap:var(--spacing-xs)}.rep-update-time{font-size:.625rem}.update-time{font-family:monospace}.status-badge.updating{background:#f59e0b1a;color:var(--warning-color)}.status-badge.updated{background:#10b9811a;color:var(--success-color)}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.activity-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.activity-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.activity-icon{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-content,.activity-info{flex:1 1;min-width:0}.activity-rep{color:var(--text-primary);font-size:.9375rem;font-weight:600}.activity-separator{font-weight:400}.activity-client{color:var(--text-secondary);font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:var(--spacing-xs);white-space:nowrap}.activity-description{color:var(--text-primary);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-xs)}.activity-notes{font-size:.8125rem;margin-top:var(--spacing-sm)}.activity-status{flex-shrink:0}.status-dot{display:inline-block}.status-dot.completed{background:var(--success-color)}.status-dot.in-progress{animation:pulse 2s infinite;background:var(--warning-color)}.simple-rep-card{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-md)}.simple-rep-card .rep-details{flex:1 1}.simple-rep-card .rep-stats{flex-shrink:0}.activity-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-sm)}.activity-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.activity-separator{color:var(--text-muted);font-weight:700}.activity-notes{background:var(--bg-tertiary);border-left:3px solid var(--primary-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-top:var(--spacing-xs);padding:var(--spacing-sm)}.rep-avatar{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:48px;justify-content:center;width:48px}.rep-details{display:flex;flex-direction:column;gap:2px}.rep-name{font-size:.875rem}.rep-email{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:var(--spacing-xs)}.rep-role{color:var(--text-secondary);font-size:.75rem;font-weight:500}.rep-stats{align-items:flex-end;flex-shrink:0;gap:var(--spacing-sm)}.rep-clients,.rep-stats{display:flex;flex-direction:column}.rep-clients{align-items:center;gap:2px}.stat-number{color:var(--text-primary);font-size:1.25rem;font-weight:700}.stat-text{color:var(--text-muted);font-size:.625rem;letter-spacing:.5px;text-transform:uppercase}.rep-performance{align-items:center;display:flex;gap:var(--spacing-sm)}.performance-bar{height:6px;width:60px}.performance-text{min-width:32px}@media (max-width:1200px){.content-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header{align-items:stretch;gap:var(--spacing-lg)}.dashboard-header,.header-actions{flex-direction:column}.welcome-title{font-size:1.5rem}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center}.stat-icon{height:50px;width:50px}.stat-value{font-size:2rem}.section-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.table td,.table th{padding:var(--spacing-sm) var(--spacing-md)}.activity-header{gap:var(--spacing-sm)}.activity-header,.activity-info{align-items:flex-start;flex-direction:column}.activity-info{gap:var(--spacing-xs)}.simple-rep-card{flex-direction:column;gap:var(--spacing-sm);text-align:center}.representatives-list{padding:var(--spacing-md)}.rep-card{flex-direction:column;gap:var(--spacing-sm);text-align:center}.rep-stats{align-items:center;flex-direction:row;justify-content:space-between;width:100%}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.header-actions{gap:var(--spacing-sm)}.header-actions .btn{font-size:.75rem;padding:var(--spacing-sm) var(--spacing-md)}.client-info,.rep-info{gap:2px}.client-address,.rep-email{font-size:.625rem}}.dashboard-section:first-child{animation-delay:.5s}.dashboard-section:nth-child(2){animation-delay:.6s}.activity-images{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-top:12px;padding:12px}.activity-images-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.activity-images-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);max-width:200px}.activity-image-item{border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;cursor:pointer;height:60px;overflow:hidden;position:relative;transition:all .2s ease;width:60px}.activity-image-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.activity-image{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.activity-image-item:hover .activity-image{transform:scale(1.05)}.activity-image-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:center;left:0;position:absolute;right:0;top:0}@media (max-width:768px){.activity-images-grid{gap:4px;grid-template-columns:repeat(3,1fr);max-width:180px}.activity-image-item{height:55px;width:55px}}@media (max-width:480px){.activity-images-grid{gap:4px;grid-template-columns:repeat(3,1fr);max-width:160px}.activity-image-item{height:50px;width:50px}.activity-images{padding:8px}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.locations-container{animation:fadeIn .6s ease-out}.locations-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.filter-group{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.filter-group:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.filter-group svg{color:var(--text-muted)}.filter-select{background:none;border:none;min-width:120px;outline:none}.location-info{align-items:flex-start;gap:var(--spacing-md)}.location-details{flex:1 1}.table tbody .location-name{color:var(--text-primary);font-size:.8125rem!important;font-weight:600;margin-bottom:var(--spacing-xs)}.contact-email,.contact-person,.contact-phone,.location-address{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:var(--spacing-xs)}.contact-email svg,.contact-person svg,.contact-phone svg{color:var(--text-muted)}.location-type{display:flex;justify-content:flex-start}.type-badge{align-items:center;border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:var(--spacing-xs);letter-spacing:.025em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.last-visit,.representative-info{color:var(--text-secondary);font-size:.8125rem;gap:var(--spacing-xs)}.last-visit{align-items:center;display:flex}.last-visit svg{color:var(--text-muted)}.btn-view:hover{background:var(--success-color);color:#fff;transform:translateY(-1px)}.location-modal-content{animation:slideInUp .3s ease-out;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);margin:var(--spacing-md) 0;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.location-picker-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.location-search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) 2.75rem;transition:all var(--transition-fast);width:100%}.location-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.location-picker-hint{align-items:center;color:var(--text-muted);display:flex;font-size:.8125rem;gap:var(--spacing-xs);margin:0;padding:var(--spacing-sm) 0}.location-picker-map{border:1px solid var(--border-light);position:relative}.location-picker-map .leaflet-control-container{position:relative;z-index:400}.location-picker-map .leaflet-control-zoom{margin-left:var(--spacing-md);margin-top:var(--spacing-md)}.location-search-bar{margin-bottom:var(--spacing-md);position:relative;z-index:1002}.modal-content::-webkit-scrollbar,.search-results-dropdown::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track,.search-results-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.modal-content::-webkit-scrollbar-thumb,.search-results-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.modal-content::-webkit-scrollbar-thumb:hover,.search-results-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.location-form{padding:var(--spacing-xl)}.location-form .form-group label{align-items:center!important;color:var(--text-primary);display:flex!important;font-size:.875rem;font-weight:500;gap:8px!important;margin-bottom:8px}.location-form .form-group label svg{flex-shrink:0!important;margin-right:4px!important}.location-form .section-title{align-items:center!important;border-bottom:2px solid var(--border-color);color:var(--text-primary);display:flex!important;font-size:1rem;font-weight:600;gap:10px!important;margin-bottom:16px;padding-bottom:8px}.location-form .section-title svg{color:var(--primary-color)!important;margin-right:4px!important}.field-hint{color:var(--text-muted);display:block;font-size:.75rem;margin-top:4px}.field-hint.text-muted{color:#94a3b8;font-style:italic}.form-group select:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.6}.form-group textarea{font-family:inherit}.location-picker-map{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.coordinates-info{color:var(--text-muted);font-size:.75rem;margin-top:var(--spacing-sm)}.submit-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}@media (max-width:1024px){.table-container{overflow-x:auto}.table{min-width:800px}.location-modal-content{max-width:900px}.form-grid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:span 2}}@media (max-width:768px){.locations-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.add-btn{justify-content:center}.filters-section{flex-direction:column;gap:var(--spacing-md)}.search-box{min-width:auto}.table td,.table th{padding:var(--spacing-md)}.table th{font-size:.8125rem}.table tbody .location-name{font-size:.8125rem!important}.contact-email,.contact-person,.contact-phone,.last-visit,.location-address,.representative-info{font-size:.75rem}.form-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:span 2}.form-actions{flex-direction:column}.modal-overlay{padding:var(--spacing-md)}.location-form,.modal-header{padding:var(--spacing-lg)}}@media (max-width:480px){.page-title{font-size:1.5rem}.form-grid{gap:var(--spacing-md);grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.location-form,.modal-header{padding:var(--spacing-md)}.location-modal-content{margin:var(--spacing-sm) 0;max-width:95vw}}.coordinate-input-section{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:0;margin-top:var(--spacing-md);padding:var(--spacing-md)}.toggle-coordinate-btn{align-items:center;background:#0000;border:1px solid var(--primary-color);border-radius:var(--radius-md);color:var(--primary-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal);width:100%}.toggle-coordinate-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.coordinate-input-container{animation:slideDown .3s ease-out;border-top:1px solid var(--border-light);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.coordinate-inputs{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-md)}.coordinate-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.coordinate-input-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.coordinate-input{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.coordinate-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.coordinate-input::placeholder{color:var(--text-muted);font-size:.8rem}.coordinate-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:.875rem;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.update-coordinates-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal);width:100%}.update-coordinates-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.update-coordinates-btn:disabled{background:var(--surface-muted);color:var(--text-muted);cursor:not-allowed;transform:none}@media (max-width:768px){.coordinate-inputs{gap:var(--spacing-sm);grid-template-columns:1fr}.coordinate-input-section{margin:var(--spacing-md) 0;padding:var(--spacing-sm)}.toggle-coordinate-btn,.update-coordinates-btn{font-size:.8rem;padding:var(--spacing-sm)}}.existing-images-section,.new-images-section{margin-bottom:var(--spacing-lg)}.existing-images-section h4,.new-images-section h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.image-preview-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:var(--spacing-md)}.image-preview-item{background:var(--surface-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:all var(--transition-normal)}.image-preview-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.image-preview-item.existing{border-color:var(--success-color)}.image-preview-item.new{border-color:var(--primary-color)}.preview-image{display:block;height:100px;object-fit:cover;width:100%}.remove-image-button{align-items:center;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:all var(--transition-normal);width:24px}.image-preview-item:hover .remove-image-button{opacity:1}.remove-image-button:hover{background:#dc2626;transform:scale(1.1)}.image-filename{background:#000000b3;bottom:0;color:#fff;font-size:.75rem;left:0;overflow:hidden;padding:4px 6px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.image-upload-section{margin-top:var(--spacing-md)}.image-upload-label{background:var(--surface-secondary);border:2px dashed var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal)}.image-upload-label:hover{background:var(--primary-color-light);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.upload-hint{color:var(--text-muted);font-size:.75rem;font-weight:400}.max-images-notice{background:var(--warning-bg);border-radius:var(--radius-md);color:var(--warning-color);font-size:.875rem;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center}@media (max-width:768px){.image-preview-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.preview-image{height:80px}.image-upload-label{padding:var(--spacing-lg)}.remove-image-button{opacity:1}}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:16px;margin-right:var(--spacing-sm);width:16px}.submit-btn:disabled{opacity:.7;pointer-events:none}.submit-btn:disabled:hover{box-shadow:var(--shadow-sm);transform:none}.cancel-btn:disabled{opacity:.5;pointer-events:none}.visit-history-modal-overlay{align-items:center;background:#0009;bottom:0;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;width:100vw;z-index:9999}.visit-history-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%;z-index:10000}.visit-history-modal .modal-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:0;padding:24px 24px 16px}.visit-history-modal .modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:24px;font-weight:600;margin:0}.visit-history-modal .close-button{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.visit-history-modal .close-button:hover{background:#f5f5f5;color:#333}.visit-history-modal-content{padding:24px}.modal-location-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#334155;margin-bottom:24px;padding:20px}.modal-location-info h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 12px}.modal-location-info p{color:#475569;font-size:14px;margin:6px 0}.modal-location-info strong{color:#334155;font-weight:600}.visit-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#667eea}.form-group textarea{min-height:100px}.image-upload-section{display:flex;flex-direction:column;gap:8px}.image-input{display:none}.image-upload-label{align-items:center;background:#667eea0d;border:2px dashed #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.image-upload-label:hover{background:#667eea1a;border-color:#5a6fd8}.upload-info{color:#666;font-size:12px;margin:0;text-align:center}.image-previews{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:12px}.image-preview{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;overflow:hidden;position:relative}.image-preview img{display:block;height:120px;object-fit:cover;width:100%}.remove-image{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px}.remove-image:hover{background:#ff4757;color:#fff}.image-name{background:#000000b3;bottom:0;color:#fff;font-size:11px;left:0;overflow:hidden;padding:4px 8px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.form-actions{border-top:1px solid #e1e5e9;gap:12px;margin-top:24px;padding-top:20px}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-button{background:#f8f9fa;border:2px solid #e1e5e9;color:#666}.cancel-button:hover:not(:disabled){background:#e9ecef;color:#333}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-width:140px}.save-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.visit-history-modal-overlay{padding:10px}.visit-history-modal{max-height:95vh}.visit-history-modal .modal-header,.visit-history-modal-content{padding-left:16px;padding-right:16px}.visit-history-modal .modal-header h2{font-size:20px}.image-previews{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-preview img{height:100px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media (max-width:480px){.visit-history-modal .modal-header h2{font-size:18px}.modal-location-info{padding:16px}.modal-location-info h3{font-size:18px}}.location-details-container{animation:fadeIn .6s ease-out}.location-details-header{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.back-btn{border-radius:var(--radius-lg);font-weight:500;padding:var(--spacing-md) var(--spacing-lg)}.back-btn:hover{border-color:var(--primary-color)}.edit-btn{background:var(--primary-gradient);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.edit-btn:hover{box-shadow:var(--shadow-lg)}.location-details-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:2fr 1fr}.location-info-section,.location-map-section{display:flex;flex-direction:column;gap:var(--spacing-xl)}.location-header-info{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.location-title-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.location-name{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0}.location-badges{align-items:center;display:flex;gap:var(--spacing-md)}.location-type-badge{align-items:center;color:#fff;display:inline-flex;font-weight:500;gap:var(--spacing-xs)}.location-type-badge,.status-badge{border-radius:var(--radius-lg);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.location-details-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.detail-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.detail-card h3{border-bottom:1px solid var(--border-light);font-size:1.25rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.detail-items{display:flex;flex-direction:column;gap:var(--spacing-lg)}.detail-item{align-items:flex-start;display:flex;gap:var(--spacing-md)}.detail-item svg{color:var(--text-muted);flex-shrink:0;margin-top:2px}.detail-item div{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.detail-item label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.detail-item span{color:var(--text-primary);font-size:.9375rem;line-height:1.5}.location-notes{color:var(--text-primary);line-height:1.6;margin:0}.map-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.map-card h3{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.map-container{border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.coordinates-info{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.875rem}.visit-history-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.visit-history-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.visit-history-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.add-visit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.add-visit-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.add-note-form{border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.add-note-form textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:.9375rem;min-height:80px;padding:var(--spacing-md);resize:vertical;transition:all var(--transition-fast);width:100%}.add-note-form textarea:focus{background:var(--bg-primary);border-color:var(--primary-color);outline:none}.add-note-form textarea:disabled{cursor:not-allowed;opacity:.6}.add-note-form textarea::placeholder{color:var(--text-muted)}.submit-note-btn{background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-weight:500;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.submit-note-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.submit-note-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.visit-history{display:flex;flex-direction:column;gap:var(--spacing-lg)}.no-visits{color:var(--text-muted);font-style:italic;padding:var(--spacing-xl);text-align:center}.visit-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.visit-date-time{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:90px}.visit-date{color:var(--primary-color);font-size:.875rem;font-weight:500;white-space:nowrap}.visit-time{color:var(--text-muted);font-size:.75rem;font-weight:400;white-space:nowrap}.visit-details{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.visit-rep{color:var(--text-primary);display:flex;font-size:.875rem;gap:var(--spacing-sm)}.note-badge,.visit-rep{align-items:center;font-weight:500}.note-badge{background:#3b82f61a;border-radius:var(--radius-sm);color:var(--primary-color);display:inline-flex;font-size:.75rem;padding:2px 8px}.visit-notes{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.modal-content{animation:slideInUp .3s ease-out;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-body{padding:var(--spacing-xl)}@media (max-width:1024px){.location-details-content,.location-details-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}@media (max-width:768px){.location-details-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.back-btn,.edit-btn{justify-content:center}.location-name{font-size:1.5rem}.location-badges{flex-wrap:wrap}.detail-card,.map-card,.visit-history-card{padding:var(--spacing-lg)}.visit-item{flex-direction:column;gap:var(--spacing-sm)}.visit-date{min-width:auto}}@media (max-width:480px){.location-details-container{padding:0}.location-name{font-size:1.25rem}.detail-card,.map-card,.visit-history-card{border-radius:var(--radius-lg);padding:var(--spacing-md)}.detail-card h3,.map-card h3,.visit-history-card h3{font-size:1.125rem}.modal-overlay{padding:var(--spacing-md)}.modal-body,.modal-header{padding:var(--spacing-lg)}}.visit-images{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-top:12px;padding:12px}.visit-images-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.visit-images-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);max-width:200px}.visit-image-item{border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;cursor:pointer;height:60px;overflow:hidden;position:relative;transition:all .2s ease;width:60px}.visit-image-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.visit-image{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.visit-image-item:hover .visit-image{transform:scale(1.05)}@media (max-width:768px){.visit-images-grid{gap:4px;grid-template-columns:repeat(3,1fr);max-width:180px}.visit-image-item{height:55px;width:55px}}@media (max-width:480px){.visit-images-grid{gap:4px;grid-template-columns:repeat(3,1fr);max-width:160px}.visit-image-item{height:50px;width:50px}.visit-images{padding:8px}}.location-images-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:var(--spacing-md)}.location-image-item{border:2px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;height:150px;overflow:hidden;position:relative;transition:all var(--transition-normal);width:100%}.location-image-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.location-image{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.location-image-item:hover .location-image{transform:scale(1.05)}.image-overlay{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity var(--transition-normal);width:28px}.location-image-item:hover .image-overlay{opacity:1}.detail-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@media (max-width:768px){.location-images-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.location-image-item{height:120px}}@media (max-width:480px){.location-images-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.location-image-item{height:100px}.image-overlay{height:24px;opacity:1;right:4px;top:4px;width:24px}}.location-types-container{animation:fadeIn .6s ease-out}.location-types-header{align-items:flex-start}.filters-section,.location-types-header{display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.filters-section{align-items:center;flex-wrap:wrap}.search-box{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex:1 1;min-width:300px;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.search-box svg{color:var(--text-muted);margin-right:var(--spacing-sm)}.search-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:.875rem;outline:none}.search-input::placeholder{color:var(--text-muted)}.types-stats{align-items:center;display:flex}.stats-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.table th{padding:var(--spacing-lg) var(--spacing-xl)}.table td:nth-child(5),.table th:nth-child(5){text-align:center}.table td{padding:var(--spacing-lg) var(--spacing-xl)}.type-info{align-items:center;display:flex;gap:var(--spacing-md)}.type-color-indicator{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.type-details{flex:1 1}.type-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.type-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-preview{display:flex;justify-content:flex-start}.color-sample{border-radius:var(--radius-md);min-width:80px;padding:var(--spacing-xs) var(--spacing-sm)}.organization-info{align-items:center;color:var(--text-secondary);font-size:.875rem;gap:8px}.organization-info svg{color:var(--primary-color);flex-shrink:0}.count-number{font-size:1.125rem;font-weight:600;line-height:1.2}.count-label{font-size:.6875rem;margin-top:2px}.created-date{color:var(--text-secondary);font-size:.8125rem}.type-stats{background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.stat-item{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-label{letter-spacing:.025em}.stat-value{font-size:1rem;font-weight:600}.color-sample,.type-color-preview{display:flex;justify-content:center}.color-sample{align-items:center;border-radius:var(--radius-lg);color:#fff;font-family:Courier New,monospace;font-size:.75rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md)}.color-code{text-transform:uppercase}.location-type-modal-content{animation:slideInUp .3s ease-out;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.close-btn{background:var(--bg-secondary);border-radius:var(--radius-lg);height:40px;width:40px}.type-form{padding:var(--spacing-xl)}.form-group label{align-items:center;display:flex;gap:var(--spacing-sm)}.form-group input,.form-group textarea{border-radius:var(--radius-lg);font-family:inherit}.color-picker{display:flex;flex-direction:column;gap:var(--spacing-md)}.color-options{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(6,1fr)}.color-option{border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;height:40px;position:relative;transition:all var(--transition-fast);width:40px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--text-primary)}.color-option.selected:after{color:#fff;content:"✓";font-size:.875rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.custom-color-input{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.color-input{border:none;border-radius:var(--radius-md);cursor:pointer;height:40px;width:40px}.color-value{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.875rem;text-transform:uppercase}.color-preview{margin-bottom:var(--spacing-lg)}.preview-sample{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);text-align:center}.cancel-btn:hover{background:var(--bg-tertiary)!important;border-color:var(--border-medium);color:var(--text-primary)!important}@media (max-width:768px){.location-types-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.add-btn{justify-content:center}.location-types-controls{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.search-bar{max-width:none}.location-types-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.location-type-card{padding:var(--spacing-lg)}.type-header{flex-direction:column;gap:var(--spacing-md)}.type-actions{align-self:flex-end}.type-stats{flex-direction:column;gap:var(--spacing-md)}.stat-item{flex-direction:row;justify-content:space-between}.color-options{grid-template-columns:repeat(4,1fr)}.form-actions{flex-direction:column}.modal-overlay{padding:var(--spacing-md)}.modal-header,.type-form{padding:var(--spacing-lg)}.location-type-modal-content{max-width:95vw}}@media (max-width:480px){.page-title{font-size:1.5rem}.location-type-card{padding:var(--spacing-md)}.type-name{font-size:1rem}.type-description{font-size:.8125rem}.color-options{grid-template-columns:repeat(3,1fr)}.color-option{height:35px;width:35px}.modal-header,.type-form{padding:var(--spacing-md)}}.representatives-page{animation:fadeIn .6s ease-out}.representatives-page .filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.representatives-page .search-box{align-items:center;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;display:flex!important;flex:1 1;height:44px!important;max-width:500px;min-width:300px;padding:12px 16px!important;position:relative!important;transition:all var(--transition-fast)}.representatives-page .search-box:focus-within{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #667eea1a!important}.representatives-page .search-box svg{color:var(--text-muted)!important;flex-shrink:0;height:20px!important;left:auto!important;margin-left:0!important;margin-right:12px!important;position:static!important;width:20px!important}.representatives-page .search-box input{background:none!important;border:none!important;color:var(--text-primary)!important;flex:1 1;font-size:.875rem!important;line-height:1.5!important;outline:none!important;padding:0!important;width:100%!important}.representatives-page .search-box input::placeholder{color:var(--text-muted)!important}.representatives-page .table-container{overflow-x:auto}.representatives-page .table{border-collapse:collapse;width:100%}.representatives-page .table th{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.representatives-page .table td{border-bottom:1px solid var(--border-light);padding:16px!important;vertical-align:middle!important}.representatives-page .table tbody tr{transition:background-color .2s ease}.representatives-page .table tbody tr:hover{background-color:var(--bg-secondary)}.stat-card .stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card .stat-icon.active{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-card .stat-icon.admins{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-card .stat-icon.clients{background:linear-gradient(135deg,#4facfe,#00f2fe)}.representatives-page .rep-info{align-items:center!important;display:flex!important;gap:12px!important}.representatives-page .rep-avatar{align-items:center!important;background:var(--primary-gradient)!important;border-radius:var(--radius-full)!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:.875rem!important;font-weight:600!important;height:48px!important;justify-content:center!important;width:48px!important}.representatives-page .rep-details{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:2px!important;justify-content:center!important;min-width:0!important}.representatives-page .rep-name{color:var(--text-primary)!important;font-size:.875rem!important;font-weight:600!important}.representatives-page .rep-email,.representatives-page .rep-name{line-height:1.4!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.representatives-page .rep-email{color:var(--text-secondary)!important;font-size:.75rem!important}.representatives-page .rep-phone{align-items:center!important;color:var(--text-muted)!important;display:flex!important;font-size:.7rem!important;gap:4px!important;line-height:1.4!important}.representatives-page .rep-phone svg{flex-shrink:0!important}.rep-joined{color:var(--text-muted)}.contact-item,.rep-joined{align-items:center;display:flex;font-size:.75rem;gap:var(--spacing-xs)}.contact-item{color:var(--text-secondary)}.contact-item svg{color:var(--text-muted);flex-shrink:0}.contact-email,.contact-phone{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:var(--spacing-xs)}.contact-email{font-weight:500}.org-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-xs)}.org-info svg{color:var(--text-muted);flex-shrink:0}.representatives-page .date-info{align-items:center!important;color:var(--text-secondary)!important;display:flex!important;font-size:.75rem!important;justify-content:flex-start!important;white-space:nowrap!important}.representatives-page .date-info span{line-height:1.4!important}.representatives-page .relative-time{align-items:center!important;background:var(--bg-secondary)!important;border-radius:12px!important;color:var(--text-secondary)!important;display:inline-flex!important;font-size:.75rem!important;font-weight:500!important;padding:4px 10px!important}.representatives-page .date-info svg{color:var(--text-muted)!important;flex-shrink:0!important;margin-right:4px!important}.location-info{font-size:.75rem}.location-info svg{color:var(--text-muted);flex-shrink:0}.role-status{display:flex;flex-direction:column}.badge,.role-status{gap:var(--spacing-xs)}.badge{width:-webkit-fit-content;width:fit-content}.status-badge{padding:4px 12px;text-transform:capitalize}.status-badge.status-active{background:#10b9811a;color:#10b981}.status-badge.status-inactive{background:#6b72801a;color:#6b7280}.status-badge.status-pending{background:#f59e0b1a;color:#f59e0b}.status-badge.status-accepted{background:#3b82f61a;color:#3b82f6}.status-badge.status-unknown{background:#9ca3af1a;color:#9ca3af}.tracking-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;padding:4px 12px}.tracking-badge.enabled{background:#3b82f61a;color:#3b82f6}.tracking-badge.disabled{background:#6b72801a;color:#6b7280}.performance-info{align-items:center;display:flex;gap:var(--spacing-md)}.performance-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);height:8px;overflow:hidden;position:relative;width:80px}.performance-fill{background:var(--performance-color);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal);width:var(--performance)}.performance-text{color:var(--text-secondary);font-size:.75rem;font-weight:600;min-width:36px}.clients-count{align-items:center;display:flex;flex-direction:column;gap:2px}.count-number{color:var(--text-primary)}.count-label{color:var(--text-muted);font-size:.625rem}.last-active{font-size:.75rem;font-weight:500}.btn-edit:hover{background:var(--info-color)}.btn-delete:hover,.btn-edit:hover{color:#fff;transform:translateY(-1px)}.btn-delete:hover{background:var(--error-color)}.btn-key{background:#f59e0b1a;color:#f59e0b}.btn-key:hover{background:#f59e0b;color:#fff;transform:translateY(-1px)}.empty-state{color:var(--text-muted);padding:var(--spacing-2xl)}.empty-icon{opacity:.5}.empty-state h3{color:var(--text-secondary)}.modal-overlay{animation:fadeIn .3s ease-out}.modal{animation:slideIn .3s ease-out}.modal-body{overflow:visible}.form-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md)}.form-group-full{grid-column:1/-1}.rep-form .form-group,.representatives-page .form-group{display:flex;flex-direction:column;gap:10px!important;margin-bottom:20px!important;position:relative;z-index:1}.rep-form .form-group.email-autocomplete-wrapper{z-index:1000}.rep-form .form-group.full-width,.representatives-page .form-group.full-width{grid-column:1/-1;width:100%}.rep-form .form-group label,.representatives-page .form-group label{align-items:center!important;color:var(--text-primary)!important;display:flex!important;font-size:.875rem!important;font-weight:500!important;gap:8px!important;margin-bottom:2px!important}.rep-form .form-group label svg,.representatives-page .form-group label svg{flex-shrink:0!important;height:18px!important;width:18px!important}.rep-form .form-group input,.rep-form .form-group select,.rep-form .form-group textarea,.representatives-page .form-group input,.representatives-page .form-group select,.representatives-page .form-group textarea{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;color:var(--text-primary)!important;font-family:inherit!important;font-size:.875rem!important;line-height:1.5!important;padding:12px 16px!important;transition:all var(--transition-fast)!important}.rep-form .form-group input,.rep-form .form-group select,.representatives-page .form-group input,.representatives-page .form-group select{height:44px!important}.rep-form .form-group input:focus,.rep-form .form-group select:focus,.rep-form .form-group textarea:focus,.representatives-page .form-group input:focus,.representatives-page .form-group select:focus,.representatives-page .form-group textarea:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.rep-form .form-group input:disabled,.representatives-page .form-group input:disabled{background:var(--bg-secondary)!important;cursor:not-allowed!important;opacity:.6!important}.rep-form .form-group select,.representatives-page .form-group select{cursor:pointer!important}.rep-form .checkbox-label,.representatives-page .checkbox-label{align-items:center!important;color:var(--text-primary)!important;cursor:pointer!important;display:flex!important;font-size:.875rem!important;gap:10px!important;padding:8px 0!important}.rep-form .checkbox-label input[type=checkbox],.representatives-page .checkbox-label input[type=checkbox]{cursor:pointer!important;flex-shrink:0!important;height:20px!important;margin:0!important;width:20px!important}.modal-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.cancel-btn{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;font-weight:500}.cancel-btn:hover:not(:disabled){background:var(--bg-tertiary)!important;border-color:var(--border-medium);color:var(--text-primary)!important}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.submit-btn{background:var(--primary-gradient)!important;color:#fff!important}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#667eea)!important;color:#fff!important}.submit-btn:disabled{background:#9ca3af!important}.form-input{box-sizing:border-box}.modal-footer{padding:var(--spacing-xl)}@media (max-width:1024px){.representatives-page .table-container{overflow-x:auto}.representatives-page .table{min-width:900px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.representatives-page .rep-info{align-items:center!important;flex-direction:row!important;gap:12px!important}}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.add-btn{justify-content:center}.filters-section{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.search-box{max-width:none}.filter-group{justify-content:flex-start}.page-title{font-size:1.5rem}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center}.stat-icon{height:40px;width:40px}.stat-value{font-size:1.5rem}.representatives-page .rep-info{align-items:center!important;flex-direction:row!important;gap:12px!important}.table td,.table th{padding:var(--spacing-md)}.modal{margin:var(--spacing-md);max-width:calc(100vw - 2rem)}.form-grid{gap:var(--spacing-md);grid-template-columns:1fr}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-md)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.action-buttons{flex-direction:column}.representatives-page .rep-info{align-items:center!important;flex-direction:row!important;gap:12px!important}.representatives-page .rep-avatar{height:40px!important;width:40px!important}.representatives-page .rep-details{text-align:left!important}.contact-email,.contact-phone{font-size:.625rem}.performance-info{flex-direction:column;gap:var(--spacing-sm);text-align:center}.performance-bar{width:60px}.role-status{align-items:center}}.table tbody tr{animation:slideInUp .3s ease-out;animation-fill-mode:both}.table tbody tr:first-child{animation-delay:.1s}.table tbody tr:nth-child(2){animation-delay:.15s}.table tbody tr:nth-child(3){animation-delay:.2s}.table tbody tr:nth-child(4){animation-delay:.25s}.table tbody tr:nth-child(5){animation-delay:.3s}.table tbody tr:nth-child(6){animation-delay:.35s}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.email-autocomplete-wrapper{overflow:visible!important;position:relative}.registered-badge{align-items:center;background:#dcfce7;border:1px solid #86efac;border-radius:12px;color:#166534;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;margin-top:8px;padding:4px 12px}.email-suggestions{animation:dropdownSlideIn .2s ease-out;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.suggestion-item{border-bottom:1px solid var(--border-light);cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--bg-secondary)}.suggestion-main{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:8px;margin-bottom:4px}.suggestion-name{font-size:.875rem}.suggestion-email{color:var(--text-secondary);font-size:.75rem;margin-bottom:2px;margin-left:22px}.suggestion-org{color:var(--text-muted);font-size:.75rem;font-style:italic;margin-left:22px}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.organizations-multiselect{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.organizations-list{max-height:280px;overflow-y:auto;padding:8px}.organizations-list::-webkit-scrollbar{width:8px}.organizations-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.organizations-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.organizations-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.organization-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px 14px;position:relative;transition:all .2s ease}.organization-item:last-child{margin-bottom:0}.organization-item:hover{background:var(--bg-secondary);border-color:var(--border-light);transform:translateX(2px)}.organization-item.selected{background:linear-gradient(135deg,#3b82f614,#2563eb0d);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.organization-item.selected:hover{background:linear-gradient(135deg,#3b82f61f,#2563eb14);transform:translateX(2px)}.organization-item input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.checkbox-custom{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:6px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.organization-item:hover .checkbox-custom{border-color:#94a3b8}.organization-item.selected .checkbox-custom{background:#3b82f6;border-color:#3b82f6}.checkbox-custom svg{color:#fff;height:14px;opacity:0;transform:scale(.5);transition:all .2s ease;width:14px}.organization-item.selected .checkbox-custom svg{opacity:1;transform:scale(1)}.org-label{align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-size:.9375rem;font-weight:500;gap:10px}.organization-item.selected .org-label{color:#1e40af;font-weight:600}.org-label svg{color:#64748b;flex-shrink:0}.organization-item.selected .org-label svg{color:#3b82f6}.selected-count{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-top:1px solid #bae6fd;color:#0369a1;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 16px}.count-badge{background:#3b82f6;border-radius:12px;box-shadow:0 2px 4px #3b82f64d;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:24px;min-width:24px;padding:0 8px}.count-badge,.no-organizations{align-items:center;justify-content:center}.no-organizations{color:var(--text-secondary);display:flex;flex-direction:column;padding:40px 20px;text-align:center}.no-organizations svg{margin-bottom:12px;opacity:.5}.no-organizations p{font-size:.875rem;margin:0}.map-page{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;height:calc(100vh - 120px)}.page-header{margin-bottom:var(--spacing-lg)}.header-content h2{margin-bottom:var(--spacing-sm)}.map-controls{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.visibility-controls{display:flex;gap:var(--spacing-md)}.control-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.control-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--text-primary)}.control-btn.active{background:#667eea1a;border-color:var(--primary-color);color:var(--primary-color)}.filter-controls{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-sm)}.filter-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.map-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex:1 1;overflow:hidden;position:relative}.leaflet-map{border-radius:var(--radius-xl)}.custom-marker{background:#0000!important;border:none!important}.custom-popup .leaflet-popup-content-wrapper{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;padding:0}.custom-popup .leaflet-popup-content{margin:0;padding:0;width:280px!important}.custom-popup .leaflet-popup-tip{background:var(--bg-primary);border:1px solid var(--border-light);border-right:none;border-top:none}.popup-content{padding:0}.popup-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.popup-header h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0}.popup-body{padding:var(--spacing-md)}.popup-body h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.popup-info{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.info-item{align-items:center;color:var(--text-secondary);font-size:.75rem;gap:var(--spacing-sm)}.popup-status{display:flex;justify-content:flex-start}.status-badge{font-size:.625rem;font-weight:600;letter-spacing:.5px}.status-badge.active{background:#10b9811a;color:var(--success-color)}.status-badge.pending{background:#f59e0b1a;color:var(--warning-color)}.status-badge.inactive{background:#ef44441a;color:var(--error-color)}.role-badge{background:#3b82f61a;border-radius:var(--radius-full);color:var(--info-color);font-size:.625rem;font-weight:600;letter-spacing:.5px}.map-legend{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-md);position:absolute;right:var(--spacing-lg);z-index:1000}.map-legend h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.legend-items{flex-direction:column}.legend-item,.legend-items{display:flex;gap:var(--spacing-sm)}.legend-item{align-items:center;color:var(--text-secondary);font-size:.75rem}.legend-marker{border-radius:var(--radius-full);flex-shrink:0;height:12px;width:12px}.legend-marker.client-marker{background:#ef4444}.legend-marker.rep-marker{background:#f59e0b}.leaflet-control-zoom{border:1px solid var(--border-light)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important}.leaflet-control-zoom a{background:var(--bg-primary)!important;border:none!important;color:var(--text-primary)!important;transition:all var(--transition-normal)!important}.leaflet-control-zoom a:hover{background:var(--bg-tertiary)!important;color:var(--primary-color)!important}.leaflet-control-attribution{background:#ffffffe6!important;border-radius:var(--radius-md)!important;font-size:.625rem!important}@media (max-width:768px){.map-page{height:calc(100vh - 100px)}.map-controls{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.control-btn,.filter-controls,.visibility-controls{justify-content:center}.control-btn{flex:1 1}.custom-popup .leaflet-popup-content{width:250px!important}.map-legend{bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md)}.legend-items{flex-direction:row;justify-content:space-around}}@media (max-width:480px){.visibility-controls{flex-direction:column}.control-btn{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.custom-popup .leaflet-popup-content{width:220px!important}.popup-body{padding:var(--spacing-sm)}.info-item{font-size:.625rem}}.map-container:before{align-items:center;background:var(--bg-secondary);bottom:0;content:"";display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity var(--transition-normal);z-index:999}.map-container.loading:before{opacity:1;pointer-events:all}.control-btn{animation:slideInUp .4s ease-out;animation-fill-mode:both}.control-btn:first-child{animation-delay:.1s}.control-btn:nth-child(2){animation-delay:.2s}.map-search-container{margin-bottom:var(--spacing-lg)}.map-search-bar{position:relative;width:100%}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);left:var(--spacing-md);pointer-events:none;position:absolute;z-index:1}.map-search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:.875rem;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) 2.75rem;transition:all var(--transition-fast);width:100%}.map-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a,var(--shadow-md);outline:none}.clear-search-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);position:absolute;right:var(--spacing-md);transition:all var(--transition-fast)}.clear-search-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.search-results-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;margin-top:var(--spacing-xs);max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.search-result-item{align-items:flex-start;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-secondary)}.result-icon{color:var(--primary-color);flex-shrink:0;margin-top:var(--spacing-xs)}.result-content{flex:1 1;min-width:0}.result-name{color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs)}.result-address{color:var(--text-secondary);font-size:.8125rem;line-height:1.4;word-break:break-word}.no-results,.searching{align-items:center;color:var(--text-muted);display:flex;font-size:.875rem;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg)}.search-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-light);border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-color);height:16px;width:16px}@media (max-width:768px){.map-search-container{padding:0 var(--spacing-md)}.map-search-input{font-size:.8125rem;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) 2.5rem}.search-icon{left:var(--spacing-sm)}.clear-search-btn{right:var(--spacing-sm)}}.map-page .store-popup-modern{animation:adminPopupSlideIn .3s ease-out;background:#fff;border:none;border-radius:20px!important;box-shadow:0 20px 40px -5px #00000026,0 10px 25px -5px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:400px;min-width:320px;overflow:hidden!important;transform-origin:bottom center}@keyframes adminPopupSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.map-page .popup-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0!important;color:#fff;display:flex;overflow:hidden;padding:20px 20px 16px;position:relative}.map-page .popup-header .popup-header-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.map-page .location-name{color:#fff;font-size:18px;font-weight:700;line-height:1.2;margin:0;text-align:left;text-shadow:0 1px 2px #0000001a}.map-page .location-type-container{margin-top:2px;text-align:left}.map-page .location-type-badge{border:1px solid #fff3;border-radius:10px;box-shadow:0 1px 3px #0003;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;text-transform:capitalize}.map-page .location-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;color:#fff;margin-right:12px;padding:10px;position:relative;z-index:1}.map-page .location-icon svg{stroke:#fff!important;color:#fff!important}.map-page .popup-header-content{flex:1 1;position:relative;z-index:1}.map-page .popup-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px;z-index:2}.map-page .popup-close-btn svg{stroke:#fff!important;color:#fff!important}.map-page .popup-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.map-page .popup-image-section{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;padding:0;position:relative}.map-page .image-gallery-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding:16px 20px;scroll-behavior:smooth}.image-gallery-scroll::-webkit-scrollbar{height:4px}.image-gallery-scroll::-webkit-scrollbar-track{background:#e2e8f0;border-radius:2px}.image-gallery-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.image-gallery-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.popup-image-card-scroll{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;flex-shrink:0;height:100px;overflow:hidden;position:relative;transition:all .3s ease;width:100px}.popup-image-card-scroll:hover{box-shadow:0 8px 15px -3px #0003;transform:translateY(-2px)}.popup-image-scroll{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.popup-image-card-scroll:hover .popup-image-scroll{transform:scale(1.1)}.popup-details{padding:16px 20px}.detail-compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.detail-row{align-items:center;display:flex;gap:12px;padding:8px 0}.detail-row:not(:last-child){border-bottom:1px solid #e2e8f0}.detail-row:last-child{padding-bottom:0}.detail-icon-small{align-items:center;background:#e2e8f0;border-radius:6px;color:#64748b;display:flex;flex-shrink:0;justify-content:center;padding:6px}.detail-text{color:#1e293b;flex:1 1;font-size:14px;font-weight:500;word-break:break-word}.note-section{background:#fef3c7;border:1px solid #fbbf24;border-radius:12px;display:flex;gap:12px;margin-top:16px;padding:16px}.note-icon{background:#f59e0b;border-radius:8px;color:#fff;flex-shrink:0;padding:8px}.note-content{flex:1 1}.note-label{color:#92400e;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.note-text{color:#92400e;font-size:14px;line-height:1.5;margin:0}.popup-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:8px;padding:16px 20px 20px}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s ease}.action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-btn:hover:before{left:100%}.view-details-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 6px -1px #3b82f64d;color:#fff}.view-details-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 15px -3px #3b82f666;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.map-page .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper{overflow:hidden!important;padding:0!important}.map-page .leaflet-container .leaflet-popup-content-wrapper,.map-page .leaflet-popup-content-wrapper{border-radius:20px!important;overflow:hidden!important}.map-page .leaflet-container .leaflet-popup .leaflet-popup-content{line-height:1!important;margin:0!important;width:auto!important}.map-page .leaflet-container .leaflet-popup .leaflet-popup-tip{background:#fff!important;border:none!important;border-radius:3px!important;box-shadow:0 4px 8px #0000001a!important;height:20px!important;transform:rotate(45deg)!important;width:20px!important}.map-page .leaflet-container .leaflet-popup .leaflet-popup-tip-container{height:20px!important;left:50%!important;margin-left:-20px!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;width:40px!important}.map-page .leaflet-container .modern-popup .leaflet-popup-content-wrapper{background:#0000!important;border:none!important;border-radius:20px!important;box-shadow:0 20px 40px -5px #00000026,0 10px 25px -5px #0000001a!important;overflow:hidden!important;padding:0!important}.map-page .leaflet-container .leaflet-popup-close-button{display:none!important}.map-page .leaflet-container .leaflet-popup{margin-bottom:20px!important}.map-page .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper{background:#0000!important;border:none!important;border-radius:20px!important;box-shadow:0 20px 40px -5px #00000026,0 10px 25px -5px #0000001a!important}.map-page .leaflet-popup-content-wrapper,.map-page .leaflet-popup-content-wrapper>*,.map-page .store-popup-modern{border-radius:20px!important}.map-page .leaflet-popup-content{border-radius:20px!important;overflow:hidden!important}.map-page .store-popup-modern .location-icon svg,.map-page .store-popup-modern .popup-close-btn svg{stroke:#fff!important;fill:none!important;color:#fff!important}.map-page .leaflet-popup-pane{z-index:700!important}@media (max-width:480px){.map-page .store-popup-modern{max-width:320px;min-width:280px}}.representative-marker{z-index:1000!important}.representative-marker svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.representatives-count{background:#667eea1a;border:1px solid #667eea33;border-radius:var(--radius-lg);color:var(--primary-color)}.locations-count,.representatives-count{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.locations-count{background:#3b82f61a;border:1px solid #3b82f633;border-radius:var(--radius-lg);color:#2563eb}.loading-indicator{color:#6b7280;font-size:.75rem;font-style:italic;margin-left:var(--spacing-xs)}.toggle-btn,.toggle-controls{display:flex;gap:var(--spacing-sm)}.toggle-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--text-primary)}.toggle-btn.active{background:#667eea1a;border-color:var(--primary-color);color:var(--primary-color)}.last-update{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;padding:var(--spacing-sm)}.representative-popup .popup-header{background:var(--primary-gradient)}.representative-icon{background:#fff3;color:#fff}.representative-badge{background:var(--primary-color)!important;color:#fff}.organization-badge{background:#6b72801a;border-radius:12px;color:#374151;font-size:.75rem;font-weight:500;margin-left:var(--spacing-xs);padding:2px 8px}.status-indicator{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.status-dot{background:#6b7280;border-radius:50%;height:8px;width:8px}.status-dot.active{background:var(--primary-color)}.status-dot.inactive{background:#ef4444}.status-text{color:var(--text-secondary)}.status-text,.tracking-status{font-size:.75rem;font-weight:500}.tracking-status{align-items:center;color:var(--primary-color);display:flex;gap:var(--spacing-xs)}.legend-section{margin-bottom:var(--spacing-md)}.legend-section:last-child{margin-bottom:0}.legend-section h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.representative-marker-legend{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;height:16px;justify-content:center;width:16px}.legend-note{color:var(--text-tertiary);margin-top:var(--spacing-xs)}.legend-note small{font-size:.75rem;font-style:italic}@media (max-width:768px){.map-controls{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.filter-controls,.visibility-controls{flex-wrap:wrap;justify-content:space-between}.locations-count,.representatives-count{flex:1 1;justify-content:center;min-width:120px}.toggle-controls{flex:1 1;justify-content:center}}.tracker-page{animation:fadeIn .6s ease-out}.header-content{gap:var(--spacing-xl);justify-content:space-between}.header-content,.header-title{align-items:flex-start;display:flex}.header-title{gap:var(--spacing-lg)}.header-icon{color:var(--primary-color);margin-top:var(--spacing-xs)}.header-stats{display:flex;gap:var(--spacing-lg)}.stat-card{min-width:120px;text-align:center}.stat-value{color:var(--primary-color)}.stat-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.tab-navigation{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);padding:var(--spacing-xs)}.tab-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{background:var(--primary-gradient);box-shadow:var(--shadow-md);color:#fff}.tab-content{animation:slideInUp .4s ease-out}.overview-content{gap:var(--spacing-xl)}.info-section,.overview-content{display:flex;flex-direction:column}.info-section{gap:var(--spacing-lg)}.info-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.main-info{border-left:4px solid var(--primary-color)}.info-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.info-body p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.info-body p:last-child{margin-bottom:0}.info-grid{grid-gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-grid .info-card{padding:var(--spacing-lg);text-align:center}.info-icon{border-radius:var(--radius-xl);display:inline-flex;height:48px;margin-bottom:var(--spacing-md);width:48px}.info-grid h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.info-grid p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.sync-status{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);justify-content:space-between;padding:var(--spacing-lg)}.sync-indicator,.sync-status{align-items:center;display:flex}.sync-indicator{color:var(--text-primary);font-size:.875rem;font-weight:500;gap:var(--spacing-sm)}.sync-dot{background:var(--text-muted);border-radius:var(--radius-full);height:8px;width:8px}.sync-dot.active{animation:pulse 2s infinite;background:var(--success-color)}.last-sync{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:var(--spacing-sm)}.features-content{animation:slideInUp .4s ease-out}.features-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-icon{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-xl);color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.feature-content h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.feature-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.instructions-content{animation:slideInUp .4s ease-out}.instructions-header{margin-bottom:var(--spacing-xl);text-align:center}.instructions-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.instructions-header p{color:var(--text-secondary);font-size:1rem;margin:0}.instructions-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.instruction-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl)}.instruction-number{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.instruction-content h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.instruction-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 var(--spacing-md) 0}.instruction-action{align-items:center;color:var(--primary-color);display:flex;font-size:.75rem;font-weight:500;gap:var(--spacing-sm)}.help-section{display:flex;justify-content:center}.help-card{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:var(--radius-xl);color:var(--info-color);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.help-card h4{font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.help-card p{font-size:.75rem;margin:0}.access-content{animation:slideInUp .4s ease-out}.access-header{margin-bottom:var(--spacing-xl);text-align:center}.access-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.access-header p{color:var(--text-secondary);font-size:1rem;margin:0}.access-options{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--spacing-xl)}.access-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal)}.access-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.access-card.primary{background:#667eea0d;border-color:var(--primary-color)}.access-icon{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-2xl);color:#fff;display:inline-flex;height:80px;justify-content:center;margin-bottom:var(--spacing-lg);width:80px}.access-info h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.access-info p{color:var(--text-secondary);font-size:.875rem;margin:0 0 var(--spacing-lg) 0}.access-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-normal)}.access-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.access-btn.primary{background:var(--primary-gradient);border-color:var(--primary-color);color:#fff}.access-btn.primary:hover{background:var(--primary-hover);color:#fff}.feature-list{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:left}.feature-item{color:var(--text-secondary);font-size:.75rem;padding:var(--spacing-xs) 0}.access-info-section{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-alert{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:var(--radius-xl);color:var(--warning-color);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.info-alert h4{font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.info-alert p{font-size:.75rem;line-height:1.4;margin:0}.system-requirements{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.system-requirements h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.system-requirements ul{list-style-type:none;margin:0;padding-left:var(--spacing-lg)}.system-requirements li{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-sm);position:relative}.system-requirements li:before{color:var(--primary-color);content:"•";font-weight:700;left:-var(--spacing-md);position:absolute}.system-requirements li:last-child{margin-bottom:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.header-content{flex-direction:column;gap:var(--spacing-lg)}.header-stats{justify-content:space-between;width:100%}.stat-card{flex:1 1;min-width:auto}.tab-navigation{flex-wrap:wrap}.tab-btn{flex:1 1;min-width:120px}.features-grid{grid-template-columns:1fr}.feature-card,.instruction-item{flex-direction:column;text-align:center}.access-options{grid-template-columns:1fr}.mobile-buttons{flex-direction:column}.access-info-section{grid-template-columns:1fr}.info-alert{flex-direction:column;text-align:center}}@media (max-width:480px){.header-title{flex-direction:column;text-align:center}.header-stats{flex-direction:column;gap:var(--spacing-md)}.tab-btn{font-size:.75rem;padding:var(--spacing-sm) var(--spacing-md)}.instruction-number{font-size:1rem;height:40px;width:40px}.access-icon{height:64px;width:64px}}.settings-container{margin:0 auto;max-width:800px;padding:var(--spacing-lg)}.settings-header{margin-bottom:var(--spacing-2xl)}.settings-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.settings-header p{color:var(--text-secondary);font-size:1rem;margin:0}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.settings-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.section-header{align-items:flex-start;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:var(--spacing-xl)}.section-title{flex:1 1}.edit-profile-btn{align-items:center;display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.section-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs)}.section-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.user-info-card{padding:var(--spacing-xl)}.user-info-item{align-items:center;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.user-info-item:hover{background:var(--bg-tertiary)}.info-icon{align-items:center;background:#667eea1a;border-radius:var(--radius-lg);color:var(--primary-color);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.info-content label{letter-spacing:.5px}.info-content span{color:var(--text-primary);font-size:.875rem;font-weight:500}.profile-edit-form{padding:var(--spacing-xl)}.form-grid{grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xl)}.form-group-full{grid-column:span 2}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.form-actions .btn{justify-content:center;min-width:120px}.error-message,.form-actions .btn,.success-message{align-items:center;display:flex;gap:var(--spacing-sm)}.error-message,.success-message{border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;margin:var(--spacing-md) var(--spacing-xl);padding:var(--spacing-md)}.success-message{background:#22c55e1a;border:1px solid #22c55e33;color:#059669}.error-message{color:#dc2626}.password-form{padding:var(--spacing-xl)}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);left:var(--spacing-md);position:absolute;z-index:1}.input-group .form-input{padding-left:3rem;padding-right:3rem}.password-toggle{background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);position:absolute;right:var(--spacing-md);transition:all var(--transition-fast);z-index:1}.password-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-lg);color:var(--error-color)}.error-message,.success-message{align-items:center;display:flex;font-size:.875rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.success-message{animation:slideInUp .3s ease-out;background:#10b9811a;border:1px solid #10b98133;border-radius:var(--radius-lg);color:var(--success-color)}.danger-section{border-color:#ef444433}.danger-section .section-header{background:#ef44440d;border-bottom-color:#ef44441a}.danger-zone{padding:var(--spacing-xl)}.danger-warning{background:#ef44440d;border:1px solid #ef44441a;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.danger-warning svg{color:var(--error-color);flex-shrink:0;margin-top:var(--spacing-xs)}.danger-warning h3{color:var(--error-color);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.danger-warning p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.modal-overlay{animation:fadeIn .2s ease-out}.delete-modal{animation:slideInUp .3s ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-close{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.delete-warning{margin-bottom:var(--spacing-xl);text-align:center}.delete-warning svg{color:var(--error-color);margin-bottom:var(--spacing-md)}.delete-warning h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm)}.delete-warning p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.btn-danger{box-shadow:var(--shadow-md)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-lg)}.spinner{height:16px;width:16px}@media (max-width:768px){.settings-container{padding:var(--spacing-md)}.settings-header h1{font-size:1.75rem}.section-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.danger-zone,.password-form,.profile-edit-form,.section-header,.user-info-card{padding:var(--spacing-lg)}.form-grid{gap:var(--spacing-md);grid-template-columns:1fr}.form-group-full{grid-column:span 1}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.user-info-item{padding:var(--spacing-sm)}.info-icon{height:36px;width:36px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}@media (max-width:480px){.settings-container{padding:var(--spacing-sm)}.danger-zone,.password-form,.section-header,.user-info-card{padding:var(--spacing-md)}.danger-warning{flex-direction:column;text-align:center}.input-group .form-input{padding-left:2.5rem;padding-right:2.5rem}.input-icon{left:var(--spacing-sm)}.password-toggle{right:var(--spacing-sm)}}.organizations-page{animation:fadeIn .6s ease-out}.page-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.header-content{flex:1 1}.page-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-sm)}.page-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.add-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal);white-space:nowrap}.add-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{align-items:center;display:flex;gap:var(--spacing-md)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.active{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-icon.locations{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-icon.representatives{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-content{flex:1 1}.stat-value{font-size:1.875rem;line-height:1}.organizations-controls{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.search-bar{flex:1 1;max-width:400px;position:relative}.search-bar svg{color:var(--text-muted);left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.75rem;transition:all var(--transition-fast);width:100%}.search-bar input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.filters{display:flex;gap:var(--spacing-md)}.filters select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:var(--spacing-md);transition:all var(--transition-fast)}.filters select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.table-container{box-shadow:var(--shadow-sm)}.table th{text-align:left}.table td,.table th{border-bottom:1px solid var(--border-light);padding:var(--spacing-lg)}.table td{vertical-align:top}.table tbody tr:hover{background:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.organization-info{align-items:flex-start;display:flex;gap:var(--spacing-md)}.org-icon{background:var(--primary-gradient);box-shadow:0 2px 8px #667eea40;height:44px;width:44px}.org-icon svg{stroke-width:2.5;height:22px;width:22px}.org-details{flex:1 1}.org-name{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.org-location{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:var(--spacing-xs)}.org-location svg{color:var(--text-muted)}.type-industry{flex-direction:column}.org-type,.type-industry{display:flex;gap:var(--spacing-xs)}.org-type{align-items:center;color:var(--text-primary);font-size:.8125rem;font-weight:500}.org-type svg{color:var(--primary-color)}.org-industry{color:var(--text-secondary);font-size:.8125rem}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-email,.contact-phone,.contact-website{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:var(--spacing-xs)}.contact-email svg,.contact-phone svg,.contact-website svg{color:var(--text-muted)}.contact-website a{color:var(--primary-color);text-decoration:none}.contact-website a:hover{text-decoration:underline}.location-count{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60px;text-align:center;width:100%}.count-number{color:var(--primary-color);font-size:1.25rem;font-weight:700;line-height:1}.count-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;margin-top:var(--spacing-xs);text-transform:uppercase}.location-cell,.location-header{text-align:center!important}.location-cell{padding:var(--spacing-md)!important;vertical-align:middle!important}.representative-info{align-items:center;display:flex;gap:var(--spacing-sm)}.representative-info svg{color:var(--text-muted);flex-shrink:0}.rep-details{flex:1 1}.rep-name{color:var(--text-primary);font-size:.8125rem;font-weight:500;margin-bottom:var(--spacing-xs)}.rep-count{color:var(--text-secondary);font-size:.75rem}.status-badge{border-radius:var(--radius-md);color:#fff}.last-activity{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:var(--spacing-xs)}.last-activity svg{color:var(--text-muted)}.action-buttons{display:flex;gap:var(--spacing-sm)}.btn-view{background:#10b9811a;color:var(--success-color)}.btn-view:hover:not(:disabled){background:var(--success-color);color:#fff;transform:translateY(-1px)}.btn-delete{background:#ef44441a;color:var(--error-color)}.btn-delete:hover:not(:disabled){background:var(--error-color);color:#fff;transform:translateY(-1px)}.empty-state{color:var(--text-secondary);margin-top:2rem;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.empty-icon{color:var(--text-muted);margin-bottom:var(--spacing-lg)}.empty-state h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.empty-state p{font-size:.875rem;margin:0}.modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.close-btn{border-radius:var(--radius-md);color:var(--text-muted);padding:var(--spacing-xs)}.form-sections{margin-bottom:var(--spacing-xl)}.form-section{border:1px solid var(--border-light)}.section-title{border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.form-grid{grid-template-columns:1fr 1fr 1fr}.form-group.full-width{grid-column:span 3}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #667eea1a}.form-actions{padding-top:var(--spacing-lg)}.cancel-btn{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg)}.cancel-btn:hover{background:var(--bg-secondary)}.submit-btn{background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:500;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-lg)}.submit-btn:disabled{transform:none}.loading-container{color:var(--text-secondary);padding:var(--spacing-3xl)}.spinner{height:40px;margin-bottom:var(--spacing-lg);width:40px}@media (max-width:1024px){.organization-modal-content{max-width:900px}.form-grid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:span 2}.table-container{overflow-x:auto}.table{min-width:1000px}}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.add-btn{justify-content:center}.organizations-controls{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.search-bar{max-width:none}.filters{justify-content:stretch}.filters select{flex:1 1}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:span 2}.form-actions{flex-direction:column}.modal-overlay{padding:var(--spacing-md)}.modal-header,.organization-form{padding:var(--spacing-lg)}}@media (max-width:480px){.form-grid,.stats-grid{grid-template-columns:1fr}.form-grid{gap:var(--spacing-md)}.form-group.full-width{grid-column:span 1}.modal-header,.organization-form{padding:var(--spacing-md)}.organization-modal-content{margin:var(--spacing-sm) 0;max-width:95vw}}.role-badge{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:.75rem;font-weight:500;gap:var(--spacing-xs);letter-spacing:.025em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.role-badge.owner{background:#fbbf241a;border:1px solid #fbbf2433;color:#f59e0b}.role-badge.invited{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.org-description{font-size:.875rem;line-height:1.4;margin-top:var(--spacing-xs)}.location-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-xs)}.loading-container{flex-direction:column;padding:var(--spacing-xl);text-align:center}.spinner{border-top:3px solid var(--border-light);border:3px solid var(--border-light);border-top-color:var(--primary-color);height:32px;margin-bottom:var(--spacing-md);width:32px}.organization-details{margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.organization-details-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-light);border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.organization-details-error{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:400px;text-align:center}.organization-details-error h2{color:var(--text-primary);margin:0}.organization-header{margin-bottom:var(--spacing-xl)}.header-top{justify-content:space-between;margin-bottom:var(--spacing-lg)}.back-btn,.header-top{align-items:center;display:flex}.back-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.back-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.header-actions{display:flex;gap:var(--spacing-md)}.edit-btn{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.edit-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.organization-title{align-items:flex-start;display:flex;gap:var(--spacing-lg)}.org-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.org-info h1{color:var(--text-primary);font-size:2rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.org-description{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0 0 var(--spacing-md) 0}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;gap:var(--spacing-xs);letter-spacing:.025em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.status-success{background:#22c55e1a;color:#059669}.status-warning{background:#f59e0b1a;color:#d97706}.status-error{background:#ef44441a;color:#dc2626}.overview-cards{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.overview-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.overview-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.card-icon.locations{background:#ef44441a;color:#dc2626}.card-icon.representatives{background:#22c55e1a;color:#059669}.card-icon.revenue{background:#667eea1a;color:var(--primary-color)}.card-icon.admins{background:#f59e0b1a;color:#d97706}.card-value{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs)}.card-label{color:var(--text-secondary);font-size:.875rem}.content-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.content-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-title{font-size:1.25rem}.section-actions{gap:var(--spacing-md)}.refresh-btn,.section-actions{align-items:center;display:flex}.refresh-btn{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-primary)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn .spinning{animation:spin 1s linear infinite}.info-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-item{align-items:flex-start;display:flex;gap:var(--spacing-md)}.info-item svg{color:var(--text-muted);flex-shrink:0;margin-top:2px}.info-content{flex:1 1;min-width:0}.info-content label{color:var(--text-muted);display:block;font-size:.75rem;font-weight:500;letter-spacing:.025em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.info-content a,.info-content span{color:var(--text-primary);display:block;font-size:.875rem;line-height:1.4;word-break:break-word}.info-content a{color:var(--primary-color);text-decoration:none}.info-content a:hover{text-decoration:underline}.invite-btn{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.invite-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.admins-list{flex-direction:column}.admin-item,.admins-list{display:flex;gap:var(--spacing-md)}.admin-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.admin-item:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.admin-avatar{align-items:center;background:var(--primary-color);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.admin-info{flex:1 1;min-width:0}.admin-name{color:var(--text-primary);font-weight:500}.admin-email,.admin-name{margin-bottom:var(--spacing-xs)}.admin-email{color:var(--text-secondary);font-size:.875rem}.admin-meta{align-items:center;display:flex;gap:var(--spacing-sm)}.admin-role{background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.admin-actions{display:flex;gap:var(--spacing-sm)}.remove-admin-btn{align-items:center;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.remove-admin-btn:hover:not(:disabled){background:#ef44441a;border-color:#dc2626;color:#dc2626}.remove-admin-btn:disabled{cursor:not-allowed;opacity:.6}.invite-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.modal-header{padding:var(--spacing-xl)}.modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-content{padding:var(--spacing-xl)}.invite-description{color:var(--text-secondary);line-height:1.5;margin:0 0 var(--spacing-lg) 0}.form-group label{display:block;margin-bottom:var(--spacing-sm)}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:.875rem;padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-xl)}.cancel-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.cancel-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.send-invite-btn{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.send-invite-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.send-invite-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.modal-overlay{z-index:1000}@media (max-width:1024px){.content-grid{grid-template-columns:1fr}}@media (max-width:768px){.organization-details{padding:var(--spacing-lg)}.header-top{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.organization-title{flex-direction:column;text-align:center}.org-info h1{font-size:1.5rem}.overview-cards{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.overview-card{flex-direction:column;padding:var(--spacing-md);text-align:center}.card-icon{height:40px;width:40px}.card-value{font-size:1.25rem}.content-section{padding:var(--spacing-lg)}.admin-item{gap:var(--spacing-sm)}.admin-item,.admin-meta{align-items:flex-start;flex-direction:column}.admin-meta{gap:var(--spacing-xs)}}@media (max-width:480px){.modal-overlay{padding:var(--spacing-md)}.invite-modal{max-width:100%}.modal-actions,.modal-content,.modal-header{padding:var(--spacing-lg)}.modal-actions{flex-direction:column}.cancel-btn,.send-invite-btn{justify-content:center;width:100%}}.btn-icon{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-normal);width:32px}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-edit{background:#3b82f61a;color:var(--info-color)}.btn-edit:hover:not(:disabled){background:var(--info-color);color:#fff;transform:translateY(-1px)}.organization-modal-content{animation:slideInUp .3s ease-out;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);margin:var(--spacing-md) 0;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.organization-form{padding:var(--spacing-xl)}.form-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-section{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.section-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0}.form-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;padding:var(--spacing-md);transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-actions{border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-xl)}.cancel-btn,.submit-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary)}.cancel-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.submit-btn{background:var(--primary-color);color:#fff}.submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.accept-invitation-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.invitation-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.invitation-header{margin-bottom:30px}.invitation-header svg{color:#667eea;margin-bottom:20px}.invitation-header h2{color:#2d3748;font-size:28px;font-weight:600;margin-bottom:10px}.invitation-header p{color:#718096;font-size:16px;line-height:1.5}.invitation-actions{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.btn-accept{background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-accept:hover:not(:disabled){background:#38a169;transform:translateY(-1px)}.btn-accept:disabled{cursor:not-allowed;opacity:.6}.btn-reject{background:#f56565;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-reject:hover:not(:disabled){background:#e53e3e;transform:translateY(-1px)}.btn-reject:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#667eea;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary:hover{background:#5a67d8;transform:translateY(-1px)}.invitation-info{background:#f7fafc;border-radius:8px;padding:20px;text-align:left}.invitation-info p{color:#2d3748;font-weight:600;margin-bottom:10px}.invitation-info ul{color:#718096;margin:0;padding-left:20px}.invitation-info li{line-height:1.4;margin-bottom:5px}.error-state,.loading-state,.success-state{padding:20px}.loading-state svg{animation:spin 2s linear infinite;color:#667eea;margin-bottom:20px}.success-state svg{color:#48bb78;margin-bottom:20px}.error-state svg{color:#f56565;margin-bottom:20px}.error-state h2,.loading-state h2,.success-state h2{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:10px}.error-state p,.loading-state p,.success-state p{color:#718096;font-size:16px;line-height:1.5;margin-bottom:10px}.success-actions{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:20px}.btn-login{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:14px 28px;transition:all .2s}.btn-login:hover{background:#5a67d8;transform:translateY(-1px)}.success-note{color:#718096!important;font-size:14px;line-height:1.4;margin:0;max-width:300px;text-align:center}@media (max-width:768px){.accept-invitation-container{padding:10px}.invitation-card{padding:30px 20px}.invitation-actions{flex-direction:column}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#4f46e5;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--primary-hover:#5a67d8;--secondary-hover:#f1f5f9;--success-hover:#059669;--warning-hover:#d97706;--error-hover:#dc2626;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:#64748b;color:var(--text-secondary);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;min-height:2.5rem;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .25s ease-in-out;transition:all var(--transition-normal);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover:not(:disabled){background:#5a67d8;background:var(--primary-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#f1f5f9;background:var(--secondary-hover);border-color:#667eea;border-color:var(--primary-color);color:#1e293b;color:var(--text-primary)}.btn-danger{background:#ef4444;background:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;background:var(--error-hover);color:#fff;transform:translateY(-1px)}.btn-sm{font-size:.75rem;min-height:2rem;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:1rem;min-height:3rem;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-input,.form-label{color:#1e293b;color:var(--text-primary);font-size:.875rem}.form-input{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);min-height:2.5rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .25s ease-in-out;transition:all var(--transition-normal);width:100%}.form-input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input::placeholder{color:#94a3b8;color:var(--text-muted)}.card{background:#fff;background:var(--bg-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light)}.card-body,.card-footer,.card-header{padding:1.5rem;padding:var(--spacing-lg)}.card-footer{background:#f8fafc;background:var(--bg-secondary);border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light)}.stat-card{background:#fff;background:var(--bg-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.stat-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-value{color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.stat-label{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500}.table-container{background:#fff;background:var(--bg-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);padding:1rem;padding:var(--spacing-md);text-align:left}.table th{background:#f8fafc;background:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600}.table td{color:#64748b;color:var(--text-secondary);font-size:.875rem}.table tbody tr:hover{background:#f1f5f9;background:var(--bg-tertiary)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1100}.modal{background:#fff;background:var(--bg-primary);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.modal-title{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:1.5rem;padding:.25rem;padding:var(--spacing-xs);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.modal-close:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.modal-body,.modal-footer{padding:1.5rem;padding:var(--spacing-lg)}.modal-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:1rem;gap:var(--spacing-md)}.gap-lg{gap:1.5rem;gap:var(--spacing-lg)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-md{margin-top:1rem;margin-top:var(--spacing-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-xl{margin-top:2rem;margin-top:var(--spacing-xl)}.p-sm{padding:.5rem;padding:var(--spacing-sm)}.p-md{padding:1rem;padding:var(--spacing-md)}.p-lg{padding:1.5rem;padding:var(--spacing-lg)}.p-xl{padding:2rem;padding:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.badge-success{background:#10b9811a;color:#10b981;color:var(--success-color)}.badge-warning{background:#f59e0b1a;color:#f59e0b;color:var(--warning-color)}.badge-error{background:#ef44441a;color:#ef4444;color:var(--error-color)}.badge-info{background:#3b82f61a;color:#3b82f6;color:var(--info-color)}@media (max-width:768px){:root{--spacing-xs:0.25rem;--spacing-sm:0.375rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem}html{font-size:14px}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.modal{margin:1rem;margin:var(--spacing-md);max-width:calc(100vw - 2rem)}.table-container{overflow-x:auto}.btn{padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.btn,.form-input{min-height:2.75rem}.form-input{padding:1rem;padding:var(--spacing-md)}}@media (max-width:480px){.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.stat-card{text-align:center}.card-body,.card-footer,.card-header{padding:1rem;padding:var(--spacing-md)}}.loading-container{align-items:center;background:#f8fafc;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh}.loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);text-align:center}.loading-content p{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin:0}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.text-pacifico{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:block;font-family:Pacifico,cursive;font-size:2rem;font-weight:800;letter-spacing:.02em;text-decoration:none;transition:transform .2s ease}
/*# sourceMappingURL=main.ec60f39c.css.map*/