.add-lead-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-lead-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.2);width:100%;max-width:500px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.add-lead-modal-content{display:flex;flex-direction:column;height:100%;max-height:100%}.add-lead-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.add-lead-modal-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.add-lead-modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;flex-shrink:0}.add-lead-modal-close:hover{background-color:#f3f4f6;color:#374151}.add-lead-modal-close:disabled{opacity:.5;cursor:not-allowed}.add-lead-modal-body{padding:24px;overflow-y:auto;flex:1 1;max-height:calc(90vh - 140px)}.add-lead-form{gap:20px;min-height:min-content}.add-lead-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-label{font-weight:500;color:#374151;font-size:.875rem;margin-bottom:2px}.form-input,.form-select,.form-textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease;background-color:#fff;color:#1f2937;font-family:inherit;width:100%;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed;opacity:.7}.form-textarea{resize:vertical;min-height:80px;line-height:1.5}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.loading-text{font-size:.875rem;color:#6b7280;font-style:italic;margin-top:4px}.add-lead-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:16px;border-top:1px solid #e5e7eb;flex-shrink:0}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:#1d4ed8;transform:translateY(0)}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background-color:#d1d5db;transform:translateY(0)}body.dark .add-lead-modal{background:#1f2937}body.dark .add-lead-modal-title{color:#f9fafb}body.dark .add-lead-modal-header{border-bottom-color:#374151}body.dark .add-lead-modal-close{color:#9ca3af}body.dark .add-lead-modal-close:hover{background-color:#374151;color:#d1d5db}body.dark .form-label{color:#e5e7eb}body.dark .form-input,body.dark .form-select,body.dark .form-textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}body.dark .form-input:focus,body.dark .form-select:focus,body.dark .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}body.dark .form-input::placeholder,body.dark .form-textarea::placeholder{color:#6b7280}body.dark .form-input:disabled,body.dark .form-select:disabled,body.dark .form-textarea:disabled{background-color:#374151;color:#9ca3af}body.dark .loading-text{color:#9ca3af}body.dark .add-lead-modal-actions{border-top-color:#374151}body.dark .btn-secondary{background-color:#374151;color:#e5e7eb}body.dark .btn-secondary:hover:not(:disabled){background-color:#4b5563}body.dark .btn-secondary:active:not(:disabled){background-color:#6b7280}@media (max-width:640px){.add-lead-modal-overlay{padding:10px}.add-lead-modal-header{padding:20px 20px 16px}.add-lead-modal-body{padding:20px;max-height:calc(90vh - 120px)}.add-lead-modal-title{font-size:1.25rem}.add-lead-modal-actions{flex-direction:column-reverse}.btn{min-width:auto;width:100%}}@media (max-height:700px){.add-lead-modal{max-height:95vh}.add-lead-modal-body{max-height:calc(95vh - 140px)}}.add-lead-modal-body::-webkit-scrollbar{width:8px}.add-lead-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px;margin:4px 0}.add-lead-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;border:2px solid #f1f1f1}.add-lead-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.add-lead-modal-body{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}body.dark .add-lead-modal-body::-webkit-scrollbar-track{background:#374151}body.dark .add-lead-modal-body::-webkit-scrollbar-thumb{background:#6b7280;border:2px solid #374151}body.dark .add-lead-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}body.dark .add-lead-modal-body{scrollbar-color:#6b7280 #374151}.form-input:invalid:not(:focus):not(:placeholder-shown),.form-select:invalid:not(:focus){border-color:#ef4444}.form-input:invalid:not(:focus):not(:placeholder-shown):hover,.form-select:invalid:not(:focus):hover{border-color:#dc2626}.dashboard-container{max-width:1400px;margin:0 auto;padding:40px 20px}.dashboard-header-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:40px;grid-gap:20px;gap:20px}.dashboard-title-section{grid-column:2;text-align:center;justify-self:center}.dashboard-title-section h1{font-size:2.5rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.dashboard-title-section p{color:#6b7280;font-size:1.1rem;text-align:center;margin:0}.add-lead-btn{white-space:nowrap;flex-shrink:0;grid-column:3;justify-self:end}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:24px;gap:24px;margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.stat-card:hover{transform:translateY(-4px);border-color:#3b82f6;box-shadow:0 8px 24px rgba(59,130,246,.15)}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.leads-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.converted-icon{background:linear-gradient(135deg,#10b981,#059669)}.commission-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.sales-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{flex:1 1}.stat-label{font-size:.875rem;color:#6b7280;margin-bottom:4px;font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:#1f2937}@media (max-width:1024px){.dashboard-title-section h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-value{font-size:1.5rem}}@media (max-width:768px){.dashboard-container{padding:24px 16px}.dashboard-title-section h1{font-size:1.75rem}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.dashboard-header-main{grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;gap:15px}.dashboard-title-section{grid-column:1;grid-row:1}.dashboard-title-section h1{font-size:2rem;text-align:center}.dashboard-title-section p{text-align:center}.add-lead-btn{grid-column:1;grid-row:2;justify-self:center;width:auto}}@media (max-width:480px){.dashboard-title-section h1{font-size:1.75rem}.add-lead-btn{padding:10px 20px;font-size:.9rem;width:100%;justify-content:center}}body.dark .dashboard-container{background:#0a0a0a}body.dark .dashboard-title-section h1{background:linear-gradient(135deg,#d4a574,#f4d7b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark .dashboard-title-section p{color:#999}body.dark .stat-card{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #2a2a2a;box-shadow:none}body.dark .stat-card:hover{border-color:#d4a574;box-shadow:0 8px 24px hsla(31,53%,64%,.15)}body.dark .stat-label{color:#999}body.dark .stat-value{color:#fff}body.dark .add-lead-btn{background:linear-gradient(135deg,#d4a574,#b8894f);box-shadow:0 4px 12px hsla(31,53%,64%,.3)}body.dark .add-lead-btn:hover{background:linear-gradient(135deg,#b8894f,#9c6f3d);box-shadow:0 6px 20px hsla(31,53%,64%,.4)}body.dark .add-lead-btn:focus{box-shadow:0 0 0 3px hsla(31,53%,64%,.3),0 4px 12px hsla(31,53%,64%,.3)}.add-lead-section{padding:0 20px}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.section-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.add-lead-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(59,130,246,.3);position:relative;overflow:hidden}.add-lead-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.add-lead-btn:hover:before{left:100%}.add-lead-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4);background:linear-gradient(135deg,#2563eb,#1e40af)}.add-lead-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(59,130,246,.3)}.add-lead-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.3),0 4px 12px rgba(59,130,246,.3)}.btn-icon{font-size:1.25rem;font-weight:700;line-height:1}body.dark .section-title{color:#f9fafb}body.dark .add-lead-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 12px rgba(96,165,250,.3)}body.dark .add-lead-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 20px rgba(96,165,250,.4)}body.dark .add-lead-btn:focus{box-shadow:0 0 0 3px rgba(96,165,250,.3),0 4px 12px rgba(96,165,250,.3)}@media (max-width:768px){.add-lead-section{padding:0 15px}.section-header{flex-direction:column;align-items:stretch;text-align:center}.section-title{font-size:1.75rem}.add-lead-btn{width:100%;justify-content:center}}@media (max-width:480px){.add-lead-section{padding:0 10px}.section-title{font-size:1.5rem}.add-lead-btn{padding:10px 20px;font-size:.9rem}}