*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc}.home-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.home-header{position:relative;z-index:10}.home-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.nav-brand{display:flex;align-items:center}.brand-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff}.logo-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.brand-name{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.nav-actions{display:flex;gap:1rem}.home-main{padding:0}.hero-section{text-align:center;padding:4rem 2rem;color:#fff}.hero-content{max-width:800px;margin:0 auto}.brand-section{margin-bottom:3rem}.main-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.logo-shield{width:120px;height:120px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.shield-icon{font-size:3rem}.brand-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg,#ffffff,#e2e8f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em}.hero-headline{font-size:2.25rem;font-weight:600;margin-bottom:1.5rem;opacity:.95;line-height:1.2}.hero-subtitle{font-size:1.25rem;opacity:.8;margin-bottom:1rem;line-height:1.6}.welcome-text{font-size:1.1rem;opacity:.7;line-height:1.6;max-width:600px;margin:0 auto 2rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.features-section{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:4rem 2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;text-align:center;color:#000;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0003}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{opacity:.9;line-height:1.6;color:#000}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:12px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;font-size:1rem;gap:.5rem}.btn-cta{background:linear-gradient(45deg,#ff6b6b,#feca57);color:#fff;box-shadow:0 8px 25px #ff6b6b66;font-size:1.1rem;padding:1.25rem 2.5rem}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ff6b6b80}.btn-full{width:100%}.google-icon{width:20px;height:20px;border-radius:2px}.btn-secondary{background:#f8f9fa;color:#495057;border:1px solid #ced4da;padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;font-size:.9rem}.btn-secondary:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.btn-primary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 25px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea80}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{transform:none;box-shadow:initial}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426;background:#fef2f2;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.error-message{display:flex;align-items:center;gap:.375rem;color:#ef4444;font-size:.875rem;margin-top:.5rem;font-weight:500;padding:.375rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.error-message:before{content:"\26a0\fe0f";font-size:.75rem}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.form-group label{color:#374151;font-weight:600;margin-bottom:.5rem;display:block}.form-group input:disabled,.form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.auth-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:2rem}.auth-container-unified{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;width:100%;max-width:480px;box-shadow:0 25px 80px #00000026;border:1px solid rgba(255,255,255,.3);position:relative}.auth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.auth-header .brand-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#1a202c}.auth-header .logo-icon{font-size:1.5rem}.auth-header .brand-name{font-size:1.25rem;font-weight:700;color:#000}.close-button{color:#666;text-decoration:none;font-size:1.5rem;font-weight:700;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background:#f5f5f5;color:#333}.auth-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#000}.auth-header p{color:#000;font-size:1rem}.auth-tabs{display:flex;background:transparent;border-bottom:2px solid #e2e8f0;margin-bottom:2rem;position:relative}.auth-tab{flex:1;padding:1rem 1.5rem;text-align:center;background:transparent;border:none;border-bottom:3px solid transparent;font-weight:600;cursor:pointer;transition:all .3s ease;color:#64748b;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;position:relative}.auth-tab:hover{color:#374151;background:rgba(102,126,234,.05)}.auth-tab.active{background:transparent;color:#667eea;border-bottom-color:#667eea;box-shadow:none}.auth-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:2px 2px 0 0}.auth-form{margin-bottom:1.5rem}.signin-description{margin-bottom:2rem;padding:0 .5rem}.signin-description p{color:#374151;font-size:1rem;line-height:1.6;text-align:center;margin:0}.registration-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:#000}.form-icon{font-size:1rem;color:#000}.form-group input{padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:white;color:#000}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{color:#e53e3e;font-size:.875rem;margin-top:.25rem}.divider{position:relative;text-align:center;margin:1.5rem 0;color:#000}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.divider span{background:white;padding:0 1rem;font-size:.9rem}.btn-google{background:linear-gradient(135deg,#4285f4 0%,#34a853 20%,#fbbc05 40%,#ea4335 60%,#4285f4 100%);background-size:300% 300%;color:#fff;border:none;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 8px 25px #4285f44d,0 4px 12px #00000026,inset 0 1px #fff3;min-height:56px;position:relative;overflow:hidden;animation:gradientShift 6s ease infinite;border:2px solid rgba(255,255,255,.3)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-google:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.btn-google:hover:before{left:100%}.btn-google:hover{background:linear-gradient(135deg,#357ae8 0%,#2d8a47 20%,#f9ab00 40%,#d73527 60%,#357ae8 100%);background-size:300% 300%;box-shadow:0 12px 35px #4285f466,0 8px 20px #0003,inset 0 1px #ffffff4d;transform:translateY(-3px) scale(1.02);border-color:#ffffff80}.btn-google:active{transform:translateY(-1px) scale(1.01);box-shadow:0 6px 20px #4285f44d,0 4px 12px #00000026,inset 0 1px #fff3}.btn-google:disabled{opacity:.7;cursor:not-allowed;animation:none;background:#9ca3af;transform:none;box-shadow:0 2px 4px #0000001a}.btn-google:disabled:hover{transform:none;box-shadow:0 2px 4px #0000001a}.google-btn{background:linear-gradient(135deg,#4285f4 0%,#34a853 20%,#fbbc05 40%,#ea4335 60%,#4285f4 100%);background-size:300% 300%;color:#fff;border:none;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 8px 25px #4285f44d,0 4px 12px #00000026,inset 0 1px #fff3;min-height:56px;position:relative;overflow:hidden;animation:gradientShift 6s ease infinite;border:2px solid rgba(255,255,255,.3)}.google-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.google-btn:hover:before{left:100%}.google-btn:hover{background:linear-gradient(135deg,#357ae8 0%,#2d8a47 20%,#f9ab00 40%,#d73527 60%,#357ae8 100%);background-size:300% 300%;box-shadow:0 12px 35px #4285f466,0 8px 20px #0003,inset 0 1px #ffffff4d;transform:translateY(-3px) scale(1.02);border-color:#ffffff80}.google-btn:active{transform:translateY(-1px) scale(1.01);box-shadow:0 6px 20px #4285f44d,0 4px 12px #00000026,inset 0 1px #fff3}.google-btn:disabled{opacity:.7;cursor:not-allowed;animation:none;background:#9ca3af;transform:none;box-shadow:0 2px 4px #0000001a}.google-btn:disabled:hover{transform:none;box-shadow:0 2px 4px #0000001a}.auth-footer{text-align:center;margin-top:2rem;color:#000}.auth-footer a{color:#667eea;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.pending-container{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border-radius:24px;padding:0;width:100%;max-width:520px;box-shadow:0 25px 80px #00000026;border:1px solid rgba(255,255,255,.3);overflow:hidden}.pending-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9}.pending-content{padding:2rem}.status-section{text-align:center;margin-bottom:2rem}.pending-title{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.pending-subtitle{color:#64748b;font-size:1rem;margin-bottom:2rem}.status-indicator{position:relative;display:inline-block;margin-bottom:2rem}.hourglass{font-size:3rem;color:#f59e0b;position:relative;z-index:2;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:2px solid #f59e0b;border-radius:50%;animation:pulse 2s cubic-bezier(.455,.03,.515,.955) infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.message-card{background:#f8fafc;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border-left:4px solid #f59e0b}.message-card h3{font-size:1.1rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.message-card p{color:#64748b;line-height:1.6}.email-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:2rem}.email-label{font-size:.875rem;opacity:.9;margin-bottom:.5rem}.email-address{font-size:1.1rem;font-weight:600}.btn-signout{background:#e2e8f0;color:#4a5568;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.btn-signout:hover{background:#cbd5e0;transform:translateY(-1px)}.superadmin-dashboard{min-height:100vh;background:#f8fafc}.dashboard-header-new{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem;color:#fff;box-shadow:0 4px 20px #0000001a}.header-content-new{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.header-info-new h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.header-info-new p{font-size:1.1rem;opacity:.9}.header-actions{display:flex;gap:1rem;align-items:center}.dashboard-btn-new{background:rgba(255,255,255,.9);color:#667eea;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.dashboard-btn-new:hover{background:rgba(255,255,255,1);transform:translateY(-2px);box-shadow:0 8px 25px #0003}.logout-btn-new{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.logout-btn-new:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:0 8px 25px #0003}.notification-bar{background:linear-gradient(45deg,#ffeaa7,#fab1a0);color:#2d3436;text-align:center;padding:1rem;font-weight:500;box-shadow:0 2px 10px #0000001a}.stats-section-new{padding:1.5rem 2rem;max-width:1400px;margin:0 auto}.stats-grid-new{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.stat-card-new{background:white;border-radius:10px;padding:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 8px #0000000a;border:1px solid #e2e8f0;transition:all .3s ease;min-height:70px}.stat-card-new:hover{transform:translateY(-1px);box-shadow:0 2px 12px #00000014}.stat-icon-new{font-size:1.5rem;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.total-card{border-left:4px solid #3b82f6}.total-card .stat-icon-new{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.active-card{border-left:4px solid #10b981}.active-card .stat-icon-new{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.pending-card{border-left:4px solid #f59e0b}.pending-card .stat-icon-new{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.disabled-card{border-left:4px solid #ef4444}.disabled-card .stat-icon-new{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-content-new{flex:1}.stat-number-new{font-size:1.5rem;font-weight:700;color:#1a202c;line-height:1.2;margin-bottom:.125rem;white-space:pre-line}.stat-label-new{font-size:.65rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.filters-section-new{padding:0 2rem 1rem;max-width:1400px;margin:0 auto}.filter-group-new{background:white;border-radius:16px;padding:1.5rem 2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.filter-label-new{font-weight:600;color:#1a202c;margin-bottom:1rem;display:block;font-size:1.1rem}.filter-radio-group{display:flex;flex-wrap:wrap;gap:1.5rem}.filter-radio{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#4a5568;transition:color .2s ease}.filter-radio:hover{color:#1a202c}.filter-radio input[type=radio]{display:none}.radio-custom{width:20px;height:20px;border:2px solid #cbd5e0;border-radius:50%;position:relative;transition:all .2s ease}.filter-radio input[type=radio]:checked+.radio-custom{border-color:#667eea;background:#667eea}.filter-radio input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:white;border-radius:50%}.table-section-new{padding:2rem;max-width:1400px;margin:0 auto}.table-header-new{background:white;border-radius:16px 16px 0 0;padding:2rem;border:1px solid #e2e8f0;border-bottom:none}.table-header-new h2{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.table-header-new p{color:#64748b;font-size:1rem}.table-container-new{background:white;border-radius:0 0 16px 16px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.users-table-new{width:100%;border-collapse:collapse;background:white}.users-table-new th{background:#f8fafc;padding:1.25rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.users-table-new td{padding:1.25rem 1rem;border-bottom:1px solid #f1f5f9;color:#4a5568;font-size:.875rem}.users-table-new tr:hover{background:#f8fafc}.sort-icon{color:#9ca3af;margin-left:.5rem;font-size:.75rem}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-pending{background:#fef3c7;color:#92400e;font-weight:600}.role-badge{display:inline-block;padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-admin{background:#e0e7ff;color:#3730a3}.role-dealer{background:#ecfdf5;color:#14532d}.role-viewer{background:#fef3c7;color:#92400e}.action-buttons-new{display:flex;gap:8px;flex-wrap:wrap}.action-btn-new{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative}.action-btn-new:disabled{opacity:.7;cursor:not-allowed}.approve-btn{background:#10b981;color:#fff}.approve-btn:hover:not(:disabled){background:#059669}.disable-btn{background:#ef4444;color:#fff}.disable-btn:hover:not(:disabled){background:#dc2626}.enable-btn{background:#3b82f6;color:#fff}.enable-btn:hover:not(:disabled){background:#2563eb}.button-loader{display:flex;align-items:center;gap:8px}.spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}.no-data{text-align:center;color:#9ca3af;font-style:italic;padding:3rem}.loading{text-align:center;padding:3rem;color:#6b7280;font-size:1.1rem}.team-detail-modal{width:70%;max-width:800px;min-width:600px;max-height:90vh;overflow-y:auto}.team-detail-body{padding:1.5rem}.member-profile-section{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:1.5rem;color:#fff}.member-avatar-large{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.3)}.member-basic-info h4{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.member-basic-info .role-badge,.member-basic-info .status-badge{margin-right:.5rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2)}.member-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.detail-section{background:#f8fafc;border-radius:8px;padding:1rem;border:1px solid #e2e8f0}.detail-section h5{margin:0 0 1rem;color:#4a5568;font-size:.9rem;font-weight:600;border-bottom:1px solid #e2e8f0;padding-bottom:.5rem}.detail-row{display:grid;grid-template-columns:1fr 2fr;gap:.5rem;margin-bottom:.5rem;align-items:center}.detail-row label{font-weight:500;color:#6b7280;font-size:.85rem}.detail-row span{color:#1f2937;font-size:.9rem}.performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.performance-item{text-align:center;background:white;border-radius:6px;padding:.75rem;border:1px solid #e5e7eb}.performance-value{font-size:1.1rem;font-weight:600;color:#667eea;margin-bottom:.25rem}.performance-label{font-size:.75rem;color:#6b7280;font-weight:500}.member-actions{display:flex;gap:.75rem;justify-content:center;padding-top:1rem;border-top:1px solid #e5e7eb}.member-actions .btn{padding:.5rem 1rem;font-size:.85rem;border-radius:6px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.member-actions .btn-primary{background:#667eea;color:#fff}.member-actions .btn-primary:hover{background:#5a67d8}.member-actions .btn-success{background:#48bb78;color:#fff}.member-actions .btn-success:hover{background:#38a169}.member-actions .btn-warning{background:#ed8936;color:#fff}.member-actions .btn-warning:hover{background:#dd6b20}@media (max-width: 768px){.team-detail-modal{width:95%;min-width:320px;margin:.25rem}.member-profile-section{flex-direction:column;text-align:center;gap:1rem}.member-details-grid{grid-template-columns:1fr;gap:1rem}.performance-grid{grid-template-columns:1fr;gap:.5rem}.member-actions{flex-direction:column}.member-actions .btn{width:100%}}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:2rem;background:#f8fafc;border-top:1px solid #e5e7eb}.pagination-btn{padding:.5rem .75rem;font-size:.75rem}.modal-content{margin:.5rem;max-height:95vh}.modal-header,.add-lead-form{padding:1rem}.form-actions{flex-direction:column}.form-actions .btn-cancel,.form-actions .btn-save{width:100%}} .leadbank-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;flex-direction:column}.leadbank-header{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(102,126,234,.1);position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #00000014}.header-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;min-height:72px}.header-container .brand-logo{color:#1a202c;text-decoration:none;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;padding:.5rem;border-radius:12px}.header-container .brand-logo:hover{background:rgba(102,126,234,.05);transform:translateY(-1px)}.header-container .logo-icon{font-size:2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(102,126,234,.2))}.header-container .brand-name{color:#fff;font-weight:800;font-size:1.75rem;letter-spacing:-.025em}.header-actions{display:flex;align-items:center;gap:2rem}.user-info{background:rgba(255,255,255,.98);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.5);border-radius:32px;padding:2.5rem 3rem;box-shadow:0 32px 64px #0000001f,inset 0 1px #fff9,0 2px #ffffff4d,0 0 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;min-width:420px;display:flex;flex-direction:column;gap:2rem;overflow:hidden}.user-info:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(102,126,234,.8) 0%,rgba(118,75,162,.8) 50%,rgba(102,126,234,.8) 100%);border-radius:32px 32px 0 0}.user-info:hover{background:rgba(255,255,255,1);box-shadow:0 40px 80px #0000002e,inset 0 1px #fffc,0 4px #fff6,0 0 0 1px #fff3;transform:translateY(-4px) scale(1.02)}.user-greeting{display:flex;align-items:center;gap:1.5rem;margin-bottom:0}.user-emoji{font-size:3.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));animation:subtle-bounce 3s ease-in-out infinite}@keyframes subtle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.greeting-text{display:flex;flex-direction:column;gap:.5rem;flex:1}.leadbank-header .welcome-text{font-size:1.25rem;color:#64748b;font-weight:500;line-height:1.2;margin:0;text-shadow:none;opacity:.8}.user-name{font-size:.75rem;color:#1a202c;font-weight:800;line-height:1;margin:0;background:linear-gradient(135deg,#1a202c 0%,#4a5568 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.role-section{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);position:relative}.role-section:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent)}.role-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent)}.role-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.role-badge{font-size:.95rem;padding:.75rem 1.5rem;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;line-height:1;box-shadow:0 8px 16px #00000026,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.role-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.role-badge:hover:before{left:100%}.reminders-section{display:flex;align-items:center;gap:1.5rem;background:rgba(102,126,234,.05);padding:1.5rem;border-radius:20px;border:1px solid rgba(102,126,234,.1)}.reminder-emoji{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:bell-ring 2s ease-in-out infinite}@keyframes bell-ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%{transform:rotate(10deg)}}.reminder-text{font-size:1.75rem;color:#1a202c;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.05);flex:1}.role-admin{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);color:#1976d2;border-color:#1976d233}.role-agent{background:linear-gradient(135deg,#f3e5f5 0%,#e1bee7 100%);color:#7b1fa2;border-color:#7b1fa233}.role-leadviewer{background:linear-gradient(135deg,#e8f5e8 0%,#c8e6c8 100%);color:#388e3c;border-color:#388e3c33}.role-superadmin{background:linear-gradient(135deg,#fff3e0 0%,#ffcc02 30%);color:#f57c00;border-color:#f57c0033}.crm-main{flex:1;padding:1.5rem 0}.crm-container{max-width:1400px;margin:0 auto;padding:0 1rem}.tab-navigation{display:flex;background:white;border-radius:12px;padding:.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.tab-btn{flex:1;padding:.75rem 1.5rem;border:none;background:transparent;border-radius:8px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;font-size:.875rem}.tab-btn.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 2px 4px #667eea33}.tab-btn:not(.active):hover{background:#f1f5f9;color:#475569}.stats-bar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.stat-item{background:white;padding:1rem;border-radius:12px;border:1px solid #e2e8f0;flex:1;min-width:150px;text-align:center;transition:all .2s ease}.stat-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.team-controls{background:white;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid #e2e8f0}.team-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.team-header h2{margin:0;color:#1e293b;font-size:1.5rem;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem}.modal-content{background:white;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #00000026;border:1px solid #e2e8f0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.modal-header h3{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.close-btn{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:50%;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease}.close-btn:hover{background:#e2e8f0;color:#475569}.add-team-form{padding:2rem;overflow-y:auto;max-height:calc(90vh - 120px)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:white;color:#374151}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.error-message:before{content:"\26a0\fe0f";font-size:.75rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e5e7eb;margin-top:2rem}.btn-cancel{padding:.75rem 1.5rem;border:2px solid #d1d5db;background:white;color:#6b7280;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-cancel:hover{border-color:#9ca3af;color:#374151;background:#f9fafb}.btn-save{padding:.75rem 1.5rem;border:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-save:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-loading{position:relative}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%;justify-content:center}.modal-content{margin:.5rem;max-height:95vh}.add-team-form{padding:1.5rem}}.btn-signout{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.875rem;min-height:44px;box-shadow:0 4px 12px #dc35454d;border:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.5px}.btn-signout:hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%);transform:translateY(-2px);box-shadow:0 8px 20px #dc354566}.btn-signout:active{transform:translateY(0);box-shadow:0 4px 12px #dc35454d}.leadbank-main{flex:1;padding:2rem 0}.leadbank-container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{text-align:center;margin-bottom:4rem;color:#fff}.hero-icon{font-size:4rem;margin-bottom:1rem}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;line-height:1.6;max-width:800px;margin:0 auto;opacity:.9}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;text-align:center;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:1rem}.feature-description{color:#4a5568;line-height:1.6}.action-section{text-align:center;margin-bottom:2rem}.auth-actions,.dashboard-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.leadbank-footer{background:rgba(0,0,0,.1);border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:2rem}.footer-content{display:flex;justify-content:space-between;align-items:center;color:#fff;flex-wrap:wrap;gap:1rem}.footer-brand{display:flex;flex-direction:column;gap:.5rem}.footer-brand .brand-logo{color:#fff}.footer-tagline{font-size:.9rem;opacity:.9;margin:0;color:#fff}.footer-info p{font-size:.9rem;opacity:.9;margin:0;color:#fff;padding:2px;text-align:center}@media (max-width: 768px){.header-container{padding:.75rem 1rem;gap:1rem;min-height:64px}.header-container .brand-name{font-size:1.5rem}.header-container .logo-icon{font-size:1.75rem}.header-actions{gap:1rem}.user-info{min-width:300px;padding:1.5rem 2rem;border-radius:24px;gap:1.5rem}.user-greeting{gap:1rem}.user-emoji{font-size:2.5rem}.leadbank-header .welcome-text{font-size:1rem;text-align:left}.user-name{font-size:2rem}.role-section{padding:1rem 0;gap:.75rem}.role-badge{font-size:.8rem;padding:.5rem 1rem;letter-spacing:1px}.reminders-section{padding:1rem;gap:1rem}.reminder-text{font-size:1.25rem}.btn-signout{padding:.6rem 1.2rem;font-size:.8rem;min-height:40px;border-radius:10px}.leadbank-container{padding:0 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.auth-actions,.dashboard-actions{flex-direction:column;align-items:center;max-width:300px;margin:0 auto}.btn{width:100%;padding:1rem}.footer-content{flex-direction:column;text-align:center}}@media (max-width: 768px){.user-info-bar{padding:.5rem 1rem;flex-direction:column;gap:.75rem;align-items:flex-start}.user-section{gap:.75rem;flex-wrap:wrap}.user-section .greeting,.user-section .user-name{font-size:.9rem}.user-section .role-badge{font-size:.7rem;padding:.25rem .5rem}.reminders-item{padding:.375rem .75rem;border-radius:16px}.reminder-label{font-size:.8rem}.reminder-count{width:20px;height:20px;font-size:.7rem}}@media (max-width: 480px){.user-info-bar{padding:.5rem;border-radius:0}.user-section{gap:.5rem}.user-section .greeting{font-size:.8rem}.user-section .user-name{font-size:.85rem}.user-section .role-badge{font-size:.65rem;padding:.2rem .4rem;border-radius:8px}.reminders-item{padding:.3rem .6rem;gap:.375rem}.reminder-icon{font-size:1rem}.reminder-label{font-size:.75rem}.reminder-count{width:18px;height:18px;font-size:.65rem}.hero-icon{font-size:3rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.1rem}.header-container{padding:.5rem .75rem;min-height:56px;gap:.75rem;flex-direction:column}.header-container .brand-name{font-size:1.25rem}.header-container .logo-icon{font-size:1.5rem}.header-actions{width:100%;justify-content:space-between;gap:.5rem}.user-info{min-width:250px;padding:1rem 1.5rem;border-radius:20px;gap:1rem}.user-greeting{gap:.75rem}.user-emoji{font-size:2rem}.leadbank-header .welcome-text{font-size:.9rem}.user-name{font-size:1.5rem}.role-section{padding:.75rem 0;gap:.5rem}.role-badge{font-size:.7rem;padding:.4rem .8rem;border-radius:12px;letter-spacing:.5px}.reminders-section{padding:.75rem;gap:.75rem}.reminder-text{font-size:1rem}.btn-signout{padding:.5rem 1rem;font-size:.75rem;min-height:36px;border-radius:8px}}@media (max-width: 480px){.brand-title{font-size:2rem}.hero-headline{font-size:1.5rem}.btn{width:100%;max-width:300px}.auth-container-unified{margin:.25rem;padding:.75rem;border-radius:12px}.registration-form{gap:.6rem}.form-group input{padding:.5rem;font-size:.85rem;border-radius:6px}.auth-header h1{font-size:1.5rem}.auth-header,.auth-tabs{margin-bottom:1rem}.auth-tab{padding:.75rem 1rem;font-size:.8rem}.dashboard-header-new{padding:.75rem}.header-info-new h1{font-size:1.25rem;margin-bottom:.125rem}.header-info-new p{font-size:.8rem}.logout-btn-new{padding:.375rem .75rem;font-size:.8rem}.stats-grid-new{grid-template-columns:repeat(4,1fr);gap:.25rem}.stat-card-new{padding:.5rem;min-height:70px}.stat-number-new{font-size:1rem}.stat-label-new{font-size:.55rem;line-height:1.1}.stat-icon-new{font-size:1rem;width:28px;height:28px}.filters-section-new,.filter-group-new{padding:.5rem}.filter-label-new{font-size:.9rem;margin-bottom:.5rem}.filter-radio{font-size:.8rem;gap:.375rem}.radio-custom{width:14px;height:14px}.table-header-new{padding:.75rem .5rem}.table-header-new h2{font-size:1.1rem}.table-header-new p{font-size:.8rem}.users-table-new{min-width:650px}.users-table-new th,.users-table-new td{padding:.375rem .25rem;font-size:.65rem}.action-btn-new{padding:.2rem .4rem;font-size:.6rem}.status-badge,.role-badge{padding:.15rem .3rem;font-size:.55rem}.notification-bar{padding:.75rem;font-size:.8rem}.crm-container{padding:.5rem}.stats-bar{grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.5rem}.stat-item{padding:.4rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.65rem}.controls-section{gap:.75rem}.search-section{flex-direction:column;gap:.5rem}.filter-section{flex-direction:column;align-items:flex-start;gap:.5rem}.leads-table{min-width:1000px}.leads-table th,.leads-table td{padding:.3rem .2rem;font-size:.65rem}}.leadbank-crm-page{min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.crm-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:1000}.crm-header .header-container{max-width:1400px;margin:0 auto;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;min-height:60px}.crm-header .header-left{display:flex;align-items:center}.crm-header .brand-logo{color:#1a202c;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.8)}.crm-header .logo-icon{font-size:1.5rem}.crm-header .brand-name{font-size:1.25rem}.crm-header .header-actions{display:flex;align-items:center;gap:1rem}.crm-header .user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;color:#1a202c;background:rgba(255,255,255,.9);padding:.5rem 1rem;border-radius:8px;backdrop-filter:blur(10px)}.crm-header .welcome-text{font-size:.875rem;font-weight:500;color:#1a202c;text-shadow:0 1px 2px rgba(255,255,255,.8)}.crm-header .role-badge{font-size:.7rem;padding:.2rem .6rem;background:rgba(255,255,255,.9);color:#374151;border-radius:12px;border:1px solid rgba(255,255,255,.5)}.crm-header .btn-signout{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.crm-header .btn-signout:hover{background:rgba(255,255,255,.25)}.crm-main{flex:1;padding:0}.crm-container{max-width:1400px;margin:0 auto;padding:1rem}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff4d,0 1px #ffffff26;overflow-x:auto;position:relative}.stats-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(102,126,234,.8) 0%,rgba(118,75,162,.8) 25%,rgba(16,185,129,.8) 50%,rgba(245,158,11,.8) 75%,rgba(239,68,68,.8) 100%);border-radius:20px 20px 0 0}@media (max-width: 992px){.stats-bar{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem;padding:1rem}}@media (max-width: 768px){.stats-bar{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem}}@media (max-width: 480px){.stats-bar{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem}}.stat-item{text-align:center;padding:1.25rem .75rem;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer;overflow:hidden;min-width:0;border:2px solid transparent;background-clip:padding-box;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100px}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:14px;z-index:-1}.stat-item:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.3) 100%);border-radius:18px;z-index:-2;opacity:0;transition:opacity .3s ease}.stat-item:hover:after{opacity:1}.stat-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #00000026,0 4px 20px #0000001a}.stat-item.total{background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);color:#000;box-shadow:0 8px 25px #667eea33;border:1px solid rgba(102,126,234,.3)}.stat-item.new{background:linear-gradient(135deg,#e8f5e8 0%,#f0fff4 100%);color:#000;box-shadow:0 8px 25px #11998e33;border:1px solid rgba(17,153,142,.3)}.stat-item.answered{background:linear-gradient(135deg,#fce4ec 0%,#fff0f6 100%);color:#000;box-shadow:0 8px 25px #f093fb33;border:1px solid rgba(240,147,251,.3)}.stat-item.scheduled{background:linear-gradient(135deg,#e1f5fe 0%,#f0f9ff 100%);color:#000;box-shadow:0 8px 25px #4facfe33;border:1px solid rgba(79,172,254,.3)}.stat-item.visited{background:linear-gradient(135deg,#e8f5e8 0%,#f0fff4 100%);color:#000;box-shadow:0 8px 25px #43e97b33;border:1px solid rgba(67,233,123,.3)}.stat-item.broker{background:linear-gradient(135deg,#fff8e1 0%,#fffde7 100%);color:#000;box-shadow:0 8px 25px #fa709a33;border:1px solid rgba(250,112,154,.3)}.stat-item.hot-client{background:linear-gradient(135deg,#ffebee 0%,#fce4ec 100%);color:#000;box-shadow:0 8px 25px #ff9a9e33;border:1px solid rgba(255,154,158,.3)}.stat-item.hot-client .stat-value,.stat-item.hot-client .stat-label{color:#000;text-shadow:none}.stat-item.closed{background:linear-gradient(135deg,#f3f4f6 0%,#f8fafc 100%);color:#000;box-shadow:0 8px 25px #a8edea33;border:1px solid rgba(168,237,234,.3)}.stat-item.closed .stat-value,.stat-item.closed .stat-label{color:#000;text-shadow:none}.stat-item.deactivated{background:linear-gradient(135deg,#ffebee 0%,#fce4ec 100%);color:#000;box-shadow:0 8px 25px #fc466b33;border:1px solid rgba(252,70,107,.3)}.stat-item.active{transform:translateY(-6px) scale(1.05);box-shadow:0 20px 50px #00000040,0 8px 30px #00000026;border-color:#ffffff80;z-index:10}.stat-item.active:hover{transform:translateY(-6px) scale(1.05)}.stat-value{display:block;font-size:1.8rem;font-weight:900;line-height:1.2;margin-bottom:.75rem;color:#000;overflow:hidden;text-overflow:ellipsis;text-shadow:none;position:relative;text-align:center;white-space:pre-line}.stat-label{font-size:.65rem;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.8px;overflow:hidden;text-overflow:ellipsis;line-height:1.3;opacity:1;text-shadow:none;text-align:center;margin-top:.25rem}.stat-item .stat-icon{font-size:1.5rem;margin-bottom:.5rem;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stat-item.active .stat-value{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{text-shadow:0 2px 4px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.3)}50%{text-shadow:0 2px 4px rgba(0,0,0,.1),0 0 20px rgba(255,255,255,.5),0 0 30px rgba(255,255,255,.3)}}.stat-item:hover .stat-value{transform:scale(1.1);transition:transform .2s ease}.stat-item:hover .stat-label{transform:translateY(-2px);transition:transform .2s ease}@media (max-width: 768px){.stat-item{padding:.75rem .5rem}.stat-value{font-size:1.2rem;margin-bottom:.375rem}.stat-label{font-size:.6rem;letter-spacing:.5px}}@media (max-width: 480px){.stats-bar{border-radius:16px}.stat-item{padding:.5rem .375rem;border-radius:12px}.stat-value{font-size:1rem;margin-bottom:.25rem}.stat-label{font-size:.55rem;letter-spacing:.25px}}.controls-section{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff4d,0 1px #ffffff26;display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden}.controls-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8) 50%,transparent);pointer-events:none}.controls-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.1) 100%);pointer-events:none;border-radius:16px}.search-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.date-inputs{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.date-input{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.btn-go{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-go:hover{background:#2563eb}.filter-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.875rem}.filter-label{font-weight:500;color:#374151;white-space:nowrap}.filter-select{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;background:white}.assign-section{display:flex;align-items:center;gap:.5rem;margin-left:auto}.btn-assign{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-assign:hover{background:#059669}.btn-add-lead{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #667eea40;border:1px solid rgba(255,255,255,.2)}.btn-add-lead:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea59;background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%)}.btn-add-lead .btn-icon{font-size:1rem}.table-section{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;border:1px solid #e2e8f0;margin-bottom:1rem}.table-container{overflow-x:auto}.leads-table{width:100%;border-collapse:collapse;min-width:1200px}.leads-table th{background:#f8fafc;padding:.75rem .5rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.75rem;white-space:nowrap}.leads-table td{padding:.75rem .5rem;border-bottom:1px solid #f1f5f9;color:#4a5568;font-size:.75rem;vertical-align:top}.leads-table tr:hover{background:#f8fafc}.leads-table tr.selected{background:#eff6ff}.name-cell{font-weight:600;color:#1a202c}.email-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.requirement-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-cell{font-weight:500;color:#667eea}.date-cell{font-size:.7rem;color:#6b7280}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.status-new{background:#dcfce7;color:#166534}.status-scheduled{background:#fef3c7;color:#92400e}.status-deactivated{background:#fee2e2;color:#991b1b}.status-hot{background:#fecaca;color:#dc2626}.status-broker{background:#e0e7ff;color:#3730a3}.status-closed{background:#f3f4f6;color:#374151}.loading-state{text-align:center;padding:3rem;color:#6b7280}.loading-spinner{font-size:2rem;margin-bottom:1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a}.pagination-btn{padding:.5rem .75rem;border:1px solid #d1d5db;background:white;color:#374151;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.crm-container{padding:.5rem}.stats-bar{grid-template-columns:repeat(3,1fr);gap:.25rem}.controls-section{padding:.75rem}.search-section,.filter-section{flex-direction:column;align-items:flex-start;gap:.5rem}.leads-table th,.leads-table td{padding:.5rem .25rem;font-size:.7rem}.crm-header .header-container{padding:.5rem;flex-direction:column;gap:.5rem;min-height:auto}.crm-header .header-actions{width:100%;justify-content:space-between}}@media (min-width: 1200px){.stats-grid-new{grid-template-columns:repeat(4,1fr)}.table-container-new{border-radius:16px}.users-table-new th,.users-table-new td{padding:1.5rem 1.25rem}}.dashboard{min-height:100vh;background:#f8fafc}.dashboard-content{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.quick-actions-section{background:white;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000000d}.section-header h2{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.section-header p{color:#64748b;font-size:1rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-card{background:white;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease;text-align:left}.action-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px #667eea26}.action-card.primary-action{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:transparent}.action-card.primary-action:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea4d}.action-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:12px;flex-shrink:0}.action-card:not(.primary-action) .action-icon{background:#f1f5f9}.action-content h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:inherit}.action-content p{font-size:.875rem;opacity:.8;color:inherit}.recent-activity-section{background:white;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000000d}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px;border-left:4px solid #667eea}.activity-item .activity-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:white;border-radius:50%;flex-shrink:0}.activity-content h4{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:.25rem}.activity-content p{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.activity-time{font-size:.75rem;color:#9ca3af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content{background:white;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #00000040,0 0 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;margin-bottom:1rem;border-bottom:1px solid #f1f5f9}.modal-header h3{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0;display:flex;align-items:center;gap:.5rem}.modal-header h3:before{content:"\1f464";font-size:1.25rem}.close-btn{background:#f8fafc;border:1px solid #e2e8f0;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.5rem;line-height:1;border-radius:50%;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#e2e8f0;color:#374151;transform:scale(1.05)}.add-user-form,.add-lead-form,.add-team-form{padding:0 2rem 2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.75rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.form-group label:before{font-size:1rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#fafbfc;color:#1a202c}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26;background:white;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-weight:400}.form-group textarea{min-height:100px;resize:vertical;font-family:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:1rem}}.modal-actions,.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.modal-actions .btn-secondary,.modal-actions .btn-primary,.form-actions .btn-cancel,.form-actions .btn-save{padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.875rem;min-width:120px;position:relative;overflow:hidden}.btn-cancel,.modal-actions .btn-secondary{background:#f8fafc;color:#64748b;border:2px solid #e2e8f0}.btn-cancel:hover,.modal-actions .btn-secondary:hover{background:#e2e8f0;color:#374151;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn-save,.modal-actions .btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:2px solid transparent;box-shadow:0 4px 15px #667eea4d}.btn-save:hover,.modal-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-save:disabled,.modal-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 768px){.modal-actions,.form-actions{flex-direction:column;gap:.75rem}.modal-actions .btn-secondary,.modal-actions .btn-primary,.form-actions .btn-cancel,.form-actions .btn-save{width:100%;padding:1rem;min-width:auto}}.manage-users-modal{max-width:900px;max-height:80vh}.manage-users-content{padding:0 2rem 2rem;max-height:60vh;overflow-y:auto}.loading-state,.empty-state{text-align:center;padding:3rem 1rem}.loading-spinner{font-size:2rem;margin-bottom:1rem}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.empty-state h4{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#374151}.empty-state p{color:#6b7280}.users-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:12px}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#64748b;font-weight:500}.users-table-wrapper{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.users-management-table{width:100%;border-collapse:collapse;background:white}.users-management-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.875rem}.users-management-table td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#4a5568;font-size:.875rem}.users-management-table tr:hover{background:#f8fafc}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}.user-details{flex:1}.user-name{font-weight:600;color:#1a202c;margin-bottom:.25rem}.user-email{color:#64748b;font-size:.8rem;margin-bottom:.125rem}.user-phone{color:#64748b;font-size:.8rem}.modal-actions .btn-secondary{background:#f3f4f6;color:#374151}.modal-actions .btn-secondary:hover{background:#e5e7eb}.modal-actions .btn-primary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.modal-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 25px #667eea4d}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-active{background:#dcfce7;color:#166534}.status-pending{background:#fef3c7;color:#92400e}.role-badge{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500}.role-admin{background:#dbeafe;color:#1e40af}.role-dealer{background:#f3e8ff;color:#7c3aed}.role-default{background:#f1f5f9;color:#475569}.action-buttons-new{display:flex;gap:.5rem}.action-btn-new{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border:none;cursor:pointer;transition:all .2s}.approve-btn,.enable-btn{background:#dcfce7;color:#166534}.approve-btn:hover,.enable-btn:hover{background:#bbf7d0}.disable-btn{background:#fee2e2;color:#991b1b}.disable-btn:hover{background:#fecaca}.action-btn-new:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.dashboard-content{padding:1rem}.actions-grid{grid-template-columns:1fr}.action-card{padding:1rem}.action-icon{font-size:1.5rem;width:50px;height:50px}.modal-overlay{padding:.5rem}.modal-content{margin:0;border-radius:16px;max-height:95vh}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-header h3{font-size:1.25rem}.add-user-form,.add-lead-form,.add-team-form{padding:0 1.5rem 1.5rem}.form-group{margin-bottom:1.25rem}.form-group input,.form-group select,.form-group textarea{padding:.875rem;font-size:.9rem}.users-stats{grid-template-columns:repeat(2,1fr)}.users-management-table{font-size:.8rem}.users-management-table th,.users-management-table td{padding:.5rem}.action-buttons-new{flex-direction:column}}@media (max-width: 480px){.modal-overlay{padding:.25rem}.modal-content{border-radius:12px;max-height:97vh}.modal-header{padding:1rem 1rem .75rem}.modal-header h3{font-size:1.1rem}.close-btn{width:36px;height:36px;font-size:1.25rem}.add-user-form,.add-lead-form,.add-team-form{padding:0 1rem 1rem}.form-group{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;font-size:.875rem}.form-group label{font-size:.8rem;margin-bottom:.5rem}.modal-actions,.form-actions{margin-top:1.5rem;padding-top:1rem}}.modal-actions{flex-direction:column}.modal-actions .btn-secondary,.modal-actions .btn-primary{width:100%}} .email-section{margin-top:2rem}.email-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center}.close-button{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.close-button:hover{background:rgba(0,0,0,.1);color:#374151}.pending-container-compact{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border-radius:20px;padding:0;width:100%;max-width:420px;box-shadow:0 20px 60px #00000026;border:1px solid rgba(255,255,255,.3);overflow:hidden}.pending-header-compact{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;border-bottom:1px solid #f1f5f9;background:#fafbfc}.brand-logo-compact{display:flex;align-items:center;gap:.75rem;color:#1a202c;font-weight:600}.logo-icon-compact{font-size:1.5rem}.brand-name-compact{font-size:1.25rem;font-weight:700;color:#1a202c}.close-button-compact{background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.close-button-compact:hover{background:rgba(0,0,0,.08);color:#374151}.pending-content-compact{padding:1.75rem}.status-section-compact{text-align:center;margin-bottom:1.5rem}.status-badge-compact{display:inline-block;background:linear-gradient(45deg,#f59e0b,#d97706);color:#fff;padding:.375rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;box-shadow:0 4px 12px #f59e0b4d}.pending-title-compact{font-size:1.75rem;font-weight:800;color:#1a202c;margin-bottom:.5rem;line-height:1.2}.pending-subtitle-compact{color:#64748b;font-size:.95rem;font-weight:500}.pending-illustration-compact{text-align:center;margin-bottom:1.5rem}.hourglass-compact{font-size:2.5rem;display:inline-block;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.message-section-compact{margin-bottom:1.5rem}.message-card-compact{background:#f8fafc;border-radius:12px;padding:1.25rem;margin-bottom:1rem;border-left:4px solid #e2e8f0;display:flex;gap:1rem;align-items:flex-start;transition:all .2s ease}.message-card-compact:last-child{margin-bottom:0}.message-card-compact:hover{background:#f1f5f9;border-left-color:#cbd5e0}.message-icon-compact{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.message-content-compact h3{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:.375rem;line-height:1.3}.message-content-compact p{color:#64748b;line-height:1.5;font-size:.875rem}.email-section-compact{margin-top:1.5rem}.email-card-compact{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;padding:1rem 1.25rem;text-align:center;box-shadow:0 8px 25px #667eea4d}.email-address-compact{font-size:1rem;font-weight:600;color:#fff;word-break:break-all}@media (max-width: 480px){.pending-container-compact{margin:.5rem;max-width:calc(100vw - 1rem);border-radius:16px}.pending-header-compact{padding:1rem 1.25rem}.pending-content-compact{padding:1.25rem}.pending-title-compact{font-size:1.5rem}.message-card-compact{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.message-icon-compact{margin-top:0}}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1rem}.auth-card{background:white;border-radius:12px;padding:2.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:100%;text-align:center}.auth-card h2{margin:0 0 1rem;color:#1f2937;font-size:1.5rem;font-weight:700}.auth-card p{color:#6b7280;margin-bottom:2rem;line-height:1.6}.auth-form{margin-bottom:2rem}.btn-google-signin{width:100%;padding:.75rem 1.5rem;background:#4285f4;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-google-signin:hover:not(:disabled){background:#3367d6;transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}.btn-google-signin:disabled{opacity:.7;cursor:not-allowed}.google-icon{font-size:1.2rem}.loading-spinner{animation:spin 1s linear infinite}.auth-footer{border-top:1px solid #e5e7eb;padding-top:1.5rem}.back-link{color:#6b7280;text-decoration:none;font-size:.875rem;transition:color .2s}.back-link:hover{color:#374151}.access-denied-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f9fafb;padding:1rem}.access-denied-card{background:white;border-radius:12px;padding:3rem 2rem;box-shadow:0 10px 15px -3px #0000001a;max-width:400px;width:100%;text-align:center}.access-denied-card h2{color:#dc2626;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.access-denied-card p{color:#6b7280;margin-bottom:2rem;line-height:1.6}.access-indicator{display:flex;justify-content:center;margin-top:1rem}.security-badge{background:#fee2e2;color:#dc2626;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;border:1px solid #fecaca}.api-management-section{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.api-card{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}.api-card h2{margin:0 0 1.5rem;color:#1f2937;font-size:1.5rem;font-weight:600}.source-list{display:flex;flex-direction:column;gap:1rem}.source-item{display:flex;justify-content:between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.source-info{display:flex;flex-direction:column;gap:.25rem}.source-name{font-weight:500;color:#1f2937}.source-status{font-size:.875rem;padding:.25rem .75rem;border-radius:20px;font-weight:500}.source-status.connected{background:#d1fae5;color:#065f46}.source-status.disconnected{background:#fee2e2;color:#991b1b}.source-status.new{background:#dbeafe;color:#1e40af}.settings-section{display:flex;flex-direction:column;gap:1rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.setting-item:last-child{border-bottom:none}.setting-item label{font-weight:500;color:#374151}.setting-select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;background:white;color:#374151;min-width:150px}.settings-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.admin-controls{display:flex;flex-direction:column;gap:1rem}.control-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.control-item span{font-weight:500;color:#374151}.dealer-api-card{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}.dealer-api-card h2{margin:0 0 1.5rem;color:#1f2937;font-size:1.5rem;font-weight:600}.dealer-info{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.dealer-details{display:flex;align-items:center;gap:1rem}.dealer-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #e5e7eb}.dealer-text h3{margin:0 0 .25rem;color:#1f2937;font-size:1.25rem;font-weight:600}.dealer-text p{margin:0 0 .25rem;color:#6b7280;font-size:.875rem}.tab-navigation{display:flex;background:white;border-radius:10px;padding:.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;border:1px solid #e5e7eb}.tab-btn{flex:1;padding:1rem 1.5rem;border:none;background:transparent;color:#6b7280;font-weight:500;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-btn:hover{background:#f3f4f6;color:#374151}.tab-btn.active{background:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f64d}.team-controls{margin-bottom:2rem}.team-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}.team-header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.team-table{width:100%;border-collapse:collapse;background:white;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.team-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.team-table td{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:top}.team-table tr:hover{background:#f9fafb}.member-cell{min-width:250px}.member-info{display:flex;align-items:center;gap:1rem}.member-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.member-details{flex:1}.member-name{font-weight:600;color:#1f2937;font-size:1rem;margin-bottom:.25rem}.member-email{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.member-phone{color:#9ca3af;font-size:.8rem}.performance-cell{min-width:180px}.performance-stats{display:flex;flex-direction:column;gap:.25rem}.performance-stats div{font-size:.875rem;color:#6b7280}.actions-cell{min-width:150px}.action-buttons{display:flex;gap:.5rem}.btn-sm{padding:.5rem .75rem;font-size:.875rem;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.btn-view{background:#e0f2fe;color:#0277bd}.btn-view:hover{background:#b3e5fc}.btn-edit{background:#f3e5f5;color:#7b1fa2}.btn-edit:hover{background:#e1bee7}.btn-approve{background:#e8f5e8;color:#2e7d32}.btn-approve:hover{background:#c8e6c9}.add-team-form{display:flex;flex-direction:column;gap:1.5rem}.assign-leads-form{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.assign-leads-form p{font-weight:500;color:#374151;margin:0}.stats-bar .stat-item.agents{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:1px solid rgba(102,126,234,.4);position:relative}.stats-bar .stat-item.viewers{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;border:1px solid rgba(240,147,251,.4);position:relative}.stats-bar .stat-item.team-total{background:linear-gradient(135deg,#10b981,#06d6a0);color:#fff;border:1px solid rgba(16,185,129,.4);position:relative}.stats-bar .stat-item.team-active{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:1px solid rgba(59,130,246,.4);position:relative}.stats-bar .stat-item.team-pending{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border:1px solid rgba(245,158,11,.4);position:relative}.empty-state{text-align:center;padding:4rem 2rem;background:white;border-radius:12px;box-shadow:0 4px 6px #0000001a}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#374151;margin-bottom:.5rem;font-size:1.5rem}.empty-state p{color:#6b7280;margin-bottom:2rem;font-size:1rem}.unauthorized-access{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.unauthorized-access h2{color:#dc2626;margin-bottom:1rem;font-size:2rem}.unauthorized-access p{color:#6b7280;margin-bottom:2rem;font-size:1.125rem}.role-badge.role-agent{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.role-badge.role-leadviewer{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff}.user-info-bar{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #00000014;border-radius:0;position:relative}.user-info-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(102,126,234,.8) 0%,rgba(118,75,162,.8) 50%,rgba(102,126,234,.8) 100%)}.user-section{display:flex;align-items:center;gap:1rem}.user-section .greeting{font-size:1rem;color:#64748b;font-weight:500}.user-section .user-name{font-size:1.1rem;color:#1a202c;font-weight:700}.user-section .role-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.375rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #667eea4d}.notifications-section{display:flex;align-items:center;gap:1rem}.reminders-item{display:flex;align-items:center;gap:.5rem;background:rgba(102,126,234,.1);padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(102,126,234,.2);transition:all .3s ease}.reminders-item:hover{background:rgba(102,126,234,.15);transform:translateY(-1px);box-shadow:0 4px 12px #667eea33}.reminder-icon{font-size:1.2rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.reminder-label{font-size:.9rem;color:#374151;font-weight:600}.reminder-count{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border-radius:50%;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:pulse-notification 2s infinite}.bell-container{margin-left:1.5rem}.bell-button{background:rgba(255,255,255,.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:.75rem 1.25rem;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:120px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000001f,inset 0 1px #fff6,0 1px #fff3;overflow:hidden}.bell-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.2) 100%);pointer-events:none;border-radius:16px;transition:opacity .3s ease;opacity:0}.bell-button:hover:before{opacity:1}.bell-button:hover{background:rgba(255,255,255,.35);border-color:#ffffff80;box-shadow:0 12px 40px #0003,inset 0 1px #fff9,0 1px #ffffff4d;transform:translateY(-2px) scale(1.02)}.bell-button:active{transform:translateY(-1px) scale(1.01);box-shadow:0 8px 25px #00000026,inset 0 1px #fff6,0 1px #fff3}.bell-icon{width:22px;height:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s ease}.bell-button:hover .bell-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transform:scale(1.1)}.bell-count{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border-radius:50%;width:32px;height:32px;font-size:.9rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,1);box-shadow:0 8px 20px #ef444466,inset 0 1px #ffffff4d,0 0 0 2px #ef444433;animation:pulse-notification 2s infinite;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease;cursor:pointer;position:relative}.bell-count:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;z-index:-1;opacity:.3;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.1}}.bell-count:hover{transform:scale(1.15);box-shadow:0 12px 24px #ef444499,inset 0 1px #fff6,0 0 0 3px #ef44444d}@keyframes pulse-notification{0%,to{transform:scale(1);box-shadow:0 4px 12px #ef444466,inset 0 1px #fff3,0 0 #ef444466}50%{transform:scale(1.05);box-shadow:0 6px 16px #ef444480,inset 0 1px #ffffff4d,0 0 0 8px #ef44441a}}.scheduled-leads-modal{width:80%;max-width:900px;min-width:600px;max-height:80vh;overflow-y:auto}.scheduled-leads-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.scheduled-leads-list{display:flex;flex-direction:column;gap:1rem}.scheduled-lead-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;display:flex;gap:1rem;align-items:flex-start;transition:all .2s ease}.scheduled-lead-item:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a}.lead-basic-info{flex:0 0 200px}.lead-name{font-weight:600;color:#1e293b;font-size:1rem;margin-bottom:.25rem}.lead-contact{color:#475569;font-size:.875rem;margin-bottom:.25rem}.lead-email{color:#64748b;font-size:.8rem}.lead-details{flex:1;min-width:0}.lead-requirement{color:#374151;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.lead-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:#6b7280}.lead-meta span{background:white;padding:.25rem .5rem;border-radius:4px;border:1px solid #e5e7eb}.lead-actions{flex:0 0 auto;display:flex;align-items:center}.lead-actions .btn-view{background:#3b82f6;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:background-color .2s ease}.lead-actions .btn-view:hover{background:#2563eb}.btn-assign{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-assign:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-assign:disabled{opacity:.6;cursor:not-allowed;transform:none}.lead-detail-modal{width:80%;max-width:1200px;min-width:800px;max-height:90vh;min-height:400px;overflow-y:auto;border-radius:8px;margin:.25rem;resize:both;position:relative}.lead-detail-modal .modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.5rem .75rem;border-radius:8px 8px 0 0;border:none;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #00000026}.lead-detail-modal .modal-title{display:flex;align-items:center;gap:.375rem;margin:0}.lead-detail-modal .lead-icon{font-size:1rem}.lead-detail-modal .modal-title h3{margin:0;font-size:.95rem;font-weight:600}.lead-detail-modal .close-btn{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3);font-size:1rem;padding:.3rem;width:28px;height:28px;border-radius:50%}.lead-detail-modal .close-btn:hover{background:rgba(255,255,255,.3)}.lead-detail-body{padding:.75rem}.lead-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.lead-info-card{background:#f8fafc;border-radius:6px;padding:.75rem;border:1px solid #e2e8f0}.info-grid{display:grid;gap:.5rem}.info-row{display:grid;grid-template-columns:35% 65%;gap:.375rem;align-items:center;padding:.25rem 0;border-bottom:1px solid #f1f5f9}.info-row:last-child{border-bottom:none}.info-row label{font-weight:600;color:#374151;font-size:.75rem}.info-row span{color:#1f2937;font-size:.75rem}.compact-select,.compact-input{width:100%;padding:.25rem .3rem;border:1px solid #d1d5db;border-radius:3px;font-size:.75rem;background:white}.compact-select:focus,.compact-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea26}.messages-card{background:white;border-radius:6px;padding:.75rem;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem}.requirement-section h4,.messages-section h4{margin:0 0 .375rem;color:#1f2937;font-size:.8rem;font-weight:600;padding-bottom:.25rem;border-bottom:1px solid #f1f5f9}.requirement-text{background:#f8fafc;padding:.5rem;border-radius:4px;color:#374151;font-size:.75rem;line-height:1.3;border:1px solid #e2e8f0}.messages-list{max-height:150px;overflow-y:auto;padding:.375rem;border:1px solid #e2e8f0;border-radius:4px;background:#fafbfc}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.messages-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.message-bubble{background:white;padding:.375rem;border-radius:4px;margin-bottom:.375rem;border:1px solid #f1f5f9;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.message-bubble:hover{background:#fafbfc;transform:translate(1px)}.message-bubble:last-child{margin-bottom:0}.message-text{color:#374151;font-size:.7rem;line-height:1.25;margin-bottom:.25rem}.message-metadata{display:grid;grid-template-columns:1fr auto;gap:.375rem;font-size:.65rem;color:#6b7280}.message-author{font-weight:600;color:#667eea}.message-timestamp{color:#9ca3af;text-align:right}.message-input{margin-top:.5rem}.message-input label{display:block;font-weight:600;color:#374151;margin-bottom:.25rem;font-size:.75rem}.message-textarea{width:100%;padding:.375rem;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;resize:vertical;min-height:50px;font-family:inherit}.message-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea26}.btn-post-message{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;padding:.3rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.25rem}.btn-post-message:hover{transform:translateY(-1px);box-shadow:0 3px 8px #10b9814d}.modal-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.375rem;padding:.5rem .75rem;border-top:1px solid #f1f5f9;background:#fafbfc}.btn-action{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.4rem .6rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-update{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-update:hover{transform:translateY(-1px);box-shadow:0 3px 8px #667eea4d}.btn-download{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff}.btn-download:hover{transform:translateY(-1px);box-shadow:0 3px 8px #f59e0b4d}.btn-delete{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.btn-delete:hover{transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.button-loader{display:inline-block;animation:spin 1s linear infinite}.btn-action:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.lead-detail-modal:after{content:"";position:absolute;bottom:0;right:0;width:20px;height:20px;background:linear-gradient(-45deg,transparent 30%,#cbd5e0 30%,#cbd5e0 40%,transparent 40%,transparent 60%,#cbd5e0 60%,#cbd5e0 70%,transparent 70%);cursor:nw-resize;pointer-events:none}.contact-with-whatsapp{display:flex;align-items:center;gap:.5rem}.whatsapp-icon{width:20px;height:20px;cursor:pointer;transition:transform .2s ease}.whatsapp-icon:hover{transform:scale(1.1)}.context-menu{position:fixed;background:white;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 25px #00000026;padding:.5rem 0;min-width:150px;z-index:1000;animation:contextMenuSlideIn .2s ease-out}@keyframes contextMenuSlideIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease;text-align:left}.context-menu-item:hover{background:#f8fafc;color:#1f2937}.context-menu-item.copy{color:#3b82f6}.context-menu-item.copy:hover{background:#eff6ff;color:#1d4ed8}.context-menu-item.reply{color:#10b981}.context-menu-item.reply:hover{background:#f0fdf4;color:#059669}.context-menu-item.edit{color:#f59e0b}.context-menu-item.edit:hover{background:#fffbeb;color:#d97706}.context-menu-item.delete{color:#ef4444}.context-menu-item.delete:hover{background:#fef2f2;color:#dc2626}.context-menu-divider{height:1px;background:#e5e7eb;margin:.25rem 0}.context-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}.message-bubble{background:white;padding:.375rem;border-radius:4px;margin-bottom:.375rem;border:1px solid #f1f5f9;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;position:relative;cursor:pointer}.message-bubble:hover{background:#fafbfc;transform:translate(1px);border-color:#e2e8f0;box-shadow:0 2px 4px #00000014}.message-bubble:active{transform:translate(0);background:#f1f5f9}.message-bubble:after{content:"";position:absolute;top:50%;right:.5rem;transform:translateY(-50%);opacity:0;transition:opacity .2s ease;color:#9ca3af;font-size:.75rem;pointer-events:none}.message-bubble:hover:after{content:"\22ee";opacity:.6}.message-bubble.long-pressing{background:#eff6ff;border-color:#3b82f6;animation:longPressIndicate .5s ease-in-out}@keyframes longPressIndicate{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.recycle-bin-btn{background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);border:1px solid #9ca3af;color:#374151;padding:.5rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.375rem;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.recycle-bin-btn:hover{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-color:#6b7280;color:#1f2937;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.recycle-bin-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.deleted-count{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;font-size:.65rem;font-weight:700;padding:.125rem .375rem;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ef44444d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.deleted-messages-section{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fca5a5;border-radius:12px;padding:1rem;margin-top:.5rem;box-shadow:0 4px 12px #ef44441a;position:relative;overflow:hidden}.deleted-messages-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#e5e7eb}.deleted-messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(239,68,68,.2)}.deleted-messages-header h5{margin:0;color:#7f1d1d;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:.5rem;text-shadow:0 1px 2px rgba(127,29,29,.1)}.btn-back-to-messages{background:linear-gradient(135deg,#374151 0%,#1f2937 100%);color:#fff;border:none;padding:.375rem .75rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;box-shadow:0 2px 4px #1f29374d}.btn-back-to-messages:hover{background:linear-gradient(135deg,#4b5563 0%,#374151 100%);transform:translateY(-1px);box-shadow:0 4px 8px #1f293766}.deleted-messages-list{max-height:200px;overflow-y:auto;padding:.5rem;background:rgba(255,255,255,.7);border-radius:8px;border:1px solid rgba(239,68,68,.2);backdrop-filter:blur(10px)}.deleted-messages-list::-webkit-scrollbar{width:8px}.deleted-messages-list::-webkit-scrollbar-track{background:rgba(239,68,68,.1);border-radius:4px}.deleted-messages-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);border-radius:4px;box-shadow:inset 0 1px 2px #0000001a}.deleted-messages-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.deleted-message-bubble{background:rgba(255,255,255,.9);border:1px solid rgba(239,68,68,.3);border-left:4px solid #ef4444;border-radius:8px;padding:.75rem;margin-bottom:.75rem;box-shadow:0 2px 8px #ef444426;transition:all .3s ease;position:relative;backdrop-filter:blur(5px)}.deleted-message-bubble:hover{background:rgba(255,255,255,1);border-color:#ef444480;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.deleted-message-bubble:last-child{margin-bottom:0}.deleted-message-bubble .message-text{color:#374151;font-size:.75rem;line-height:1.4;margin-bottom:.5rem;font-weight:500}.deleted-message-bubble .message-metadata{display:grid;grid-template-columns:1fr;gap:.25rem;margin-bottom:.75rem;padding:.5rem;background:rgba(248,250,252,.8);border-radius:6px;border:1px solid rgba(226,232,240,.5)}.deleted-message-bubble .message-author{font-weight:700;color:#667eea;font-size:.7rem;display:flex;align-items:center;gap:.25rem}.deleted-message-bubble .message-author:before{content:"\1f464";font-size:.7rem}.deleted-message-bubble .message-timestamp{color:#6b7280;font-size:.65rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.deleted-message-bubble .message-timestamp:before{content:"\1f4c5";font-size:.65rem}.deleted-message-bubble .deleted-info{color:#dc2626;font-size:.65rem;font-weight:600;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:rgba(254,226,226,.8);border-radius:4px;border:1px solid rgba(252,165,165,.5)}.deleted-info:before{content:"\1f5d1\fe0f";font-size:.65rem}.deleted-message-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}.btn-restore{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.25rem;box-shadow:0 2px 4px #10b9814d}.btn-restore:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}.btn-permanent-delete{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.25rem;box-shadow:0 2px 4px #ef44444d}.btn-permanent-delete:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 8px #ef444466}.empty-recycle-bin{text-align:center;padding:2rem 1rem;color:#6b7280}.empty-recycle-bin .empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.6;display:block}.empty-recycle-bin p{margin:0;font-size:.875rem;font-weight:500;color:#9ca3af}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.messages-header h4{margin:0;color:#1f2937;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.messages-header h4:before{content:"\1f4ac";font-size:.85rem}@media (max-width: 768px){.lead-detail-modal{margin:.125rem;width:97%;max-width:calc(100vw - .25rem);min-width:300px;max-height:97vh;resize:vertical}.lead-detail-grid{grid-template-columns:1fr;gap:.5rem}.info-row{grid-template-columns:1fr;gap:.125rem;text-align:left;padding:.15rem 0}.info-row label{font-size:.7rem;color:#6b7280;font-weight:500}.info-row span{font-weight:500;font-size:.75rem}.lead-detail-body{padding:.5rem}.modal-actions{grid-template-columns:1fr;gap:.375rem;padding:.5rem}.btn-action{width:100%;justify-content:center;padding:.5rem}.messages-list{max-height:120px}.lead-info-card,.messages-card{padding:.5rem}}@media (max-width: 480px){.lead-detail-modal{margin:.125rem;border-radius:8px;width:98%;min-width:280px;resize:none}.lead-detail-modal:after{display:none}.lead-detail-modal .modal-header{padding:.5rem .75rem;border-radius:8px 8px 0 0}.lead-detail-modal .modal-title h3{font-size:1rem}.lead-detail-modal .close-btn{width:28px;height:28px;font-size:1rem;padding:.3rem}.lead-detail-body{padding:.5rem}.lead-detail-grid{gap:.5rem}.lead-info-card,.messages-card{padding:.5rem;border-radius:6px}.requirement-section h4,.messages-section h4{font-size:.85rem;margin-bottom:.375rem}.message-bubble{padding:.375rem;margin-bottom:.375rem}.message-text{font-size:.75rem}.message-metadata{font-size:.65rem;grid-template-columns:1fr;gap:.25rem}.message-timestamp{text-align:left}.compact-select,.compact-input{padding:.25rem .3rem;font-size:.75rem}.btn-action{font-size:.75rem;padding:.5rem}.modal-actions{padding:.5rem}}@media (max-width: 1200px){.team-table{font-size:.875rem}.member-info{flex-direction:column;align-items:flex-start;gap:.5rem}.performance-stats{font-size:.8rem}}@media (max-width: 768px){.tab-navigation{flex-direction:column;gap:.5rem}.team-header{flex-direction:column;gap:1rem;align-items:flex-start}.stats-bar{grid-template-columns:repeat(2,1fr);gap:1rem}.table-container{overflow-x:auto}}.dealers-list-card{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}.card-header{margin-bottom:2rem}.card-header h2{margin:0 0 .5rem;color:#1f2937;font-size:1.5rem;font-weight:600}.card-header p{margin:0;color:#6b7280;font-size:.875rem}.dealers-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.dealers-table{width:100%;border-collapse:collapse;background:white}.dealers-table th{background:#f9fafb;padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.875rem}.dealers-table td{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.dealers-table tr:hover{background:#f9fafb}.dealer-info-cell{display:flex;align-items:center;gap:.75rem}.dealer-avatar-small{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.dealer-details-small{display:flex;flex-direction:column;gap:.25rem}.dealer-name{font-weight:600;color:#1f2937;font-size:.875rem}.dealer-id{font-size:.75rem;color:#9ca3af;font-family:monospace}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-info .email{font-size:.875rem;color:#374151}.contact-info .phone{font-size:.75rem;color:#6b7280}.agency-id{font-family:monospace;font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px}.date-text{font-size:.875rem;color:#6b7280}.dealers-summary{margin-top:2rem;padding:1.5rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.summary-stats{display:flex;gap:2rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-number{font-size:1.5rem;font-weight:700;color:#1f2937}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-state .loading-spinner{font-size:2rem;margin-bottom:1rem}.error-state .error-icon,.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:#374151;font-size:1.25rem}.empty-state p{margin:0;color:#6b7280;font-size:.875rem}.navigation-actions{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.action-button{background:none;border:none;padding:0;cursor:pointer;text-align:left;width:100%;height:100%}.action-button:hover{transform:translateY(-2px)}.api-management-info{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.info-card h4{margin:0 0 1rem;color:#1f2937;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.info-card p{margin:0 0 1rem;color:#6b7280;line-height:1.5}.contact-options{display:flex;flex-direction:column;gap:.5rem}.contact-options span{font-size:.875rem;color:#374151;background:white;padding:.5rem 1rem;border-radius:6px;border:1px solid #d1d5db}.api-config-modal{max-width:900px;max-height:90vh;overflow-y:auto}.dealer-info-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:12px;margin-bottom:2rem;border:1px solid #e2e8f0}.dealer-avatar-modal{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.dealer-details-modal h4{margin:0 0 .25rem;color:#1f2937;font-size:1.25rem}.dealer-details-modal p{margin:0 0 .25rem;color:#6b7280;font-size:.875rem}.dealer-id-modal{font-size:.75rem;color:#9ca3af;font-family:monospace;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px}.add-api-section{margin-bottom:2rem;padding:1.5rem;background:white;border:2px solid #e2e8f0;border-radius:12px}.add-api-section h4{margin:0 0 1.5rem;color:#1f2937;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.api-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;gap:1rem}.form-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.875rem}.form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error{border-color:#ef4444;background-color:#fef2f2}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.btn-add-config{align-self:flex-start;margin-top:1rem}.api-config-item.readonly{opacity:.9;border-left:4px solid #6b7280}.api-config-item.readonly .config-actions{display:none}.readonly-notice{margin-top:2rem;padding:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.readonly-notice-modal{margin-top:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.notice-content{display:flex;align-items:center;gap:.75rem}.notice-icon{font-size:1.25rem}.notice-content p{margin:0;color:#6b7280;font-size:.875rem}.existing-apis-section{padding:1.5rem;background:white;border:2px solid #e2e8f0;border-radius:12px}.existing-apis-section h4{margin:0 0 1.5rem;color:#1f2937;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.api-configs-list{display:flex;flex-direction:column;gap:1rem}.api-config-item{border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;background:#fafbfc;transition:all .2s ease}.api-config-item.active{border-left:4px solid #10b981;background:#f0fdf4}.api-config-item.disabled{border-left:4px solid #ef4444;background:#fef2f2;opacity:.8}.config-main{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.config-info{flex:1}.config-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.config-header h5{margin:0;color:#1f2937;font-size:1.1rem;font-weight:600}.loading-spinner{display:inline-block;margin-right:.5rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-add-config:disabled{background-color:#9ca3af;border-color:#9ca3af}.config-endpoint{color:#6b7280;font-size:.875rem;margin-bottom:1rem;font-family:monospace;background:#f3f4f6;padding:.5rem;border-radius:4px}.config-stats{display:flex;flex-wrap:wrap;gap:1rem}.config-stats .stat{font-size:.75rem;color:#6b7280;background:white;padding:.25rem .5rem;border-radius:4px;border:1px solid #e5e7eb}.config-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.btn-sm{padding:.5rem .75rem;font-size:.75rem;white-space:nowrap}.btn-warning{background:#f59e0b;color:#fff;border:none}.btn-warning:hover{background:#d97706}.btn-success{background:#10b981;color:#fff;border:none}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff;border:none}.btn-danger:hover{background:#dc2626}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f8fafc}.dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.dashboard-action-card{background:white;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;text-decoration:none;color:inherit;position:relative;transition:all .3s ease}.dashboard-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;text-decoration:none;color:inherit}.action-icon{font-size:3rem;margin-bottom:1rem}.dashboard-action-card h3{margin:0 0 .5rem;color:#1f2937;font-size:1.25rem;font-weight:600}.dashboard-action-card p{margin:0;color:#6b7280;font-size:.875rem}.coming-soon{position:absolute;top:1rem;right:1rem;background:#fbbf24;color:#92400e;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.api-configs-section{margin:3rem 0}.section-header{margin-bottom:2rem}.section-header h2{margin:0 0 .5rem;color:#1f2937;font-size:1.5rem;font-weight:600}.section-header p{margin:0;color:#6b7280;font-size:.875rem}.api-configs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.api-config-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;position:relative}.api-config-card.active{border-left:4px solid #10b981}.api-config-card.disabled{border-left:4px solid #ef4444;opacity:.8}.config-header{margin-bottom:1rem}.config-title{display:flex;justify-content:space-between;align-items:center}.config-title h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-active{background:#d1fae5;color:#065f46}.status-disabled{background:#fee2e2;color:#991b1b}.config-details{margin-bottom:1rem}.config-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.config-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.config-item .label{font-weight:600;color:#374151;font-size:.875rem}.config-item .value{color:#6b7280;font-size:.875rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-item .value.masked{font-family:monospace}.config-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.stat{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#1f2937}.stat-date{display:block;font-size:.75rem;color:#1f2937;font-weight:600}.stat-label{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.config-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.config-footer small{color:#9ca3af;font-size:.75rem}.contact-admin-section{margin:3rem 0}.contact-card{background:#f8fafc;border-radius:12px;padding:2rem;border:1px solid #e2e8f0}.contact-card h3{margin:0 0 1rem;color:#1f2937;font-size:1.25rem;font-weight:600}.contact-card p{margin:0 0 1rem;color:#374151;font-size:.875rem}.contact-card ul{margin:0;padding-left:1.5rem;color:#6b7280;font-size:.875rem}.contact-card li{margin-bottom:.5rem}@media (max-width: 768px){.dealer-info{flex-direction:column;gap:1rem;text-align:center}.dealers-table-container{font-size:.875rem}.dealers-table th,.dealers-table td{padding:.5rem}.summary-stats{justify-content:center;gap:1rem}.api-config-modal{margin:.5rem;max-height:95vh}.form-row{flex-direction:column}.config-main{flex-direction:column;align-items:stretch}.config-actions{flex-direction:row;justify-content:flex-end}.dealer-info-header{flex-direction:column;text-align:center}.dashboard-actions,.api-configs-grid{grid-template-columns:1fr}.config-item{flex-direction:column;align-items:flex-start;gap:.5rem}.config-stats{grid-template-columns:1fr}}