*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f7fb;color:#172033}button,input,select{font:inherit}button{cursor:pointer}.crm-layout{min-height:100vh;display:flex}.sidebar{width:245px;background:#101827;color:#fff;position:fixed;left:0;top:0;bottom:0;padding:24px 14px;display:flex;flex-direction:column}.brand{padding:4px 12px 30px}.brand-name{font-size:24px;font-weight:800;letter-spacing:-.5px}.brand-name span{color:#49d18d}.brand-subtitle{color:#8d99aa;font-size:10px;letter-spacing:2px;margin-top:4px}.navigation{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;border:none;background:transparent;color:#aeb8c7;text-align:left;padding:12px 14px;border-radius:9px;display:flex;align-items:center;gap:12px;transition:.2s}.nav-item:hover{background:#1c2738;color:#fff}.nav-item.active{background:#263448;color:#fff}.nav-item span{width:20px;text-align:center}.sidebar-user{border-top:1px solid #253044;padding:18px 8px 4px;display:flex;align-items:center;gap:10px}.sidebar-user strong{display:block;font-size:13px}.sidebar-user small{color:#8d99aa;font-size:11px}.main-content{margin-left:245px;width:calc(100% - 245px);min-height:100vh;padding:30px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.topbar h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.5px}.topbar p{margin:5px 0 0;color:#6b778c;font-size:14px}.topbar-right{display:flex;align-items:center;gap:15px}.notification{width:40px;height:40px;border:1px solid #e1e6ee;background:#fff;border-radius:10px}.profile{display:flex;align-items:center;gap:10px;background:#fff;padding:7px 12px;border:1px solid #e1e6ee;border-radius:10px}.profile strong{display:block;font-size:13px}.profile small{color:#7b8798;font-size:11px}.avatar{width:34px;height:34px;background:#101827;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{background:#fff;border:1px solid #e4e8ef;border-radius:14px;padding:20px;box-shadow:0 3px 12px #0f172a09}.stat-top{display:flex;justify-content:space-between;align-items:flex-start}.stat-title{color:#657286;font-size:13px;font-weight:500}.stat-value{margin-top:7px;font-size:29px;font-weight:800;letter-spacing:-.5px}.stat-icon{width:40px;height:40px;background:#f1f4f8;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.stat-description{margin-top:15px;color:#8792a3;font-size:12px}.dashboard-section{margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-heading h2{margin:0;font-size:18px}.section-heading p{margin:4px 0 0;color:#7b8798;font-size:13px}.outline-button{background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:9px 13px;font-size:13px}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.source-card{background:#fff;border:1px solid #e4e8ef;border-radius:14px;padding:18px}.source-card-top{display:flex;align-items:center;gap:12px}.source-icon{width:40px;height:40px;border-radius:10px;background:#f1f4f8;display:flex;align-items:center;justify-content:center;font-weight:800}.source-card strong{display:block;font-size:14px}.source-card small{display:block;color:#778397;margin-top:3px}.source-progress{height:7px;background:#edf1f5;border-radius:10px;margin-top:18px;overflow:hidden}.source-progress div{height:100%;background:#172033;border-radius:10px}.source-percentage{margin-top:8px;font-size:11px;color:#8993a2}.table-card{background:#fff;border:1px solid #e4e8ef;border-radius:14px;overflow:hidden}.table-card table{width:100%;border-collapse:collapse}.table-card th{background:#fafbfc;color:#697588;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:13px 16px;text-align:left;border-bottom:1px solid #e9edf2}.table-card td{padding:14px 16px;border-bottom:1px solid #edf0f4;font-size:13px;vertical-align:middle}.table-card tbody tr:hover{background:#fafbfd}.lead-name{font-weight:700}.lead-company{color:#7c8798;font-size:11px;margin-top:3px}.table-card td small{color:#7c8798}.status-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700;background:#eef2f7;color:#4a5568}.status-new{background:#edf2ff;color:#4254a8}.status-interested{background:#e9f8f0;color:#23734b}.status-follow-up{background:#fff5dc;color:#936900}.status-quotation-sent{background:#f0eaff;color:#6941a5}.status-negotiation{background:#fff0e8;color:#a84e21}.status-converted{background:#ddf7e8;color:#167344}.status-not-interested,.status-wrong-number{background:#fcebec;color:#a5363c}.page-toolbar{display:flex;gap:10px;margin-bottom:15px}.search-box{flex:1;min-width:260px;background:#fff;border:1px solid #dfe4eb;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:8px}.search-box span{color:#7b8798;font-size:20px}.search-box input{width:100%;border:none;outline:none;padding:10px 0;background:transparent;font-size:13px}.page-toolbar select{border:1px solid #dfe4eb;background:#fff;border-radius:9px;padding:0 12px;outline:none;color:#374151}.primary-button{background:#101827;color:#fff;border:none;border-radius:9px;padding:10px 15px;font-weight:600}.primary-button:hover{background:#1d2939}.call-button{background:#101827;color:#fff;border:none;border-radius:7px;padding:7px 10px;font-size:12px}.followup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.followup-card{background:#fff;border:1px solid #e4e8ef;border-radius:12px;padding:16px;display:flex;align-items:center;gap:13px}.followup-icon{width:40px;height:40px;background:#fff5dc;color:#946c00;border-radius:10px;display:flex;align-items:center;justify-content:center}.followup-card strong{font-size:14px}.followup-card p{margin:3px 0;color:#667085;font-size:12px}.followup-card small{color:#9aa3b2}.coming-card{background:#fff;border:1px solid #e4e8ef;border-radius:14px;padding:50px;text-align:center}.big-icon{font-size:40px}.coming-card h2{margin-bottom:8px}.coming-card p{max-width:600px;margin:auto;color:#748095;line-height:1.6}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.report-card{background:#fff;border:1px solid #e4e8ef;border-radius:13px;padding:18px}.report-header{display:flex;justify-content:space-between}.report-header strong{font-size:14px}.report-header span{color:#7a8595;font-size:12px}.report-number{margin-top:25px;font-size:30px;font-weight:800}.report-card>small{color:#7a8595}.empty-state{padding:45px;text-align:center;color:#7c8798}@media(max-width:1000px){.stats-grid,.source-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){.sidebar{width:190px}.main-content{margin-left:190px;width:calc(100% - 190px);padding:20px}.page-toolbar{flex-wrap:wrap}.search-box{min-width:100%}.followup-grid{grid-template-columns:1fr}}@media(max-width:550px){.crm-layout{display:block}.sidebar{position:static;width:100%}.main-content{margin-left:0;width:100%;padding:16px}.stats-grid,.source-grid,.report-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:15px;flex-direction:column}.table-card{overflow-x:auto}}.modal-overlay{position:fixed;inset:0;background:#0f172a85;display:flex;align-items:center;justify-content:center;padding:25px;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{width:min(850px,100%);max-height:92vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 25px 80px #0f172a38}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 26px 20px;border-bottom:1px solid #edf0f4}.modal-header h2{margin:0;font-size:21px;font-weight:800}.modal-header p{margin:5px 0 0;color:#788397;font-size:13px}.modal-close{width:34px;height:34px;border:none;background:#f3f5f8;border-radius:8px;font-size:22px;color:#4b5563}.modal-close:hover{background:#e9edf2}.form-error{margin:18px 26px 0;padding:11px 13px;background:#fff0f0;color:#b42318;border:1px solid #ffd0d0;border-radius:8px;font-size:13px}.form-grid{padding:22px 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field label{font-size:12px;font-weight:700;color:#344054}.form-field label span{color:#d92d20;margin-left:3px}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #dce2ea;background:#fff;border-radius:8px;padding:11px 12px;outline:none;color:#172033;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-field textarea{resize:vertical;min-height:85px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#172033;box-shadow:0 0 0 3px #17203314}.form-field:last-child{grid-column:1 / -1}.modal-footer{padding:17px 26px;border-top:1px solid #edf0f4;display:flex;justify-content:flex-end;gap:9px}.secondary-button{background:#fff;color:#172033;border:1px solid #dce2ea;border-radius:8px;padding:10px 15px;font-weight:600}.secondary-button:hover{background:#f7f8fa}.details-card{width:min(780px,100%);max-height:92vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 25px 80px #0f172a38}.details-actions{padding:18px 26px;display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid #edf0f4}.details-grid{padding:22px 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-item{padding:13px;background:#f8fafc;border:1px solid #edf0f4;border-radius:9px}.detail-item small{display:block;color:#7b8798;font-size:11px;margin-bottom:5px}.detail-item strong{display:block;color:#172033;font-size:13px}.status-section,.notes-box,.timeline{margin:0 26px 22px;padding-top:18px;border-top:1px solid #edf0f4}.status-section h3,.notes-box h3,.timeline h3{margin:0 0 12px;font-size:14px}.status-buttons{display:flex;gap:7px;flex-wrap:wrap}.status-option{border:1px solid #dce2ea;background:#fff;color:#667085;padding:7px 10px;border-radius:20px;font-size:11px;cursor:pointer}.status-option:hover{border-color:#172033;color:#172033}.status-option.selected{background:#172033;border-color:#172033;color:#fff}.notes-box p{margin:0;background:#f8fafc;border:1px solid #edf0f4;padding:13px;border-radius:9px;color:#667085;font-size:13px;line-height:1.5}.timeline-item{display:flex;gap:11px;margin-bottom:14px}.timeline-dot{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#edf2f7;display:flex;align-items:center;justify-content:center;font-size:12px}.timeline-item strong{display:block;font-size:13px}.timeline-item small{display:block;color:#7b8798;font-size:11px;margin-top:3px}.lead-link{padding:0;border:none;background:transparent;color:#172033;font-weight:700;cursor:pointer;text-align:left}.lead-link:hover{text-decoration:underline}@media(max-width:700px){.modal-overlay{padding:10px}.form-grid,.details-grid{grid-template-columns:1fr}.form-field:last-child{grid-column:auto}.modal-card,.details-card{max-height:95vh}.modal-header,.form-grid,.modal-footer,.details-actions,.details-grid{padding-left:18px;padding-right:18px}.status-section,.notes-box,.timeline{margin-left:18px;margin-right:18px}}.lead-toolbar{display:flex;gap:10px;margin-bottom:12px}.lead-toolbar select{min-width:145px;border:1px solid #dce2ea;background:#fff;border-radius:9px;padding:0 12px;outline:none;color:#344054}.lead-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.selected-count{color:#667085;font-size:13px}.lead-action-buttons{display:flex;gap:9px}.checkbox-column{width:40px}.table-card input[type=checkbox]{width:15px;height:15px;cursor:pointer}.row-actions{display:flex;gap:6px}.open-button{border:1px solid #dce2ea;background:#fff;color:#172033;border-radius:7px;padding:7px 9px;font-size:12px}.open-button:hover{background:#f5f7fa}.import-modal{max-width:760px}.import-content{padding:25px}.import-box{border:1px dashed #cbd5e1;border-radius:12px;padding:30px;text-align:center;background:#fafbfd}.import-icon{width:48px;height:48px;border-radius:12px;background:#eef2f7;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:23px;font-weight:700}.import-box h3{margin:0;font-size:16px}.import-box p{color:#7b8798;font-size:13px;margin:6px 0 16px}.import-divider{text-align:center;color:#98a2b3;font-size:11px;font-weight:700;padding:17px 0}.manual-import{display:flex;flex-direction:column;gap:8px}.manual-import label{font-size:12px;font-weight:700;color:#344054}.manual-import textarea{min-height:150px;resize:vertical;border:1px solid #dce2ea;border-radius:9px;padding:12px;outline:none;font-family:monospace;font-size:12px}.manual-import textarea:focus{border-color:#172033}.import-help{margin:0;color:#7b8798;font-size:11px;line-height:1.6}.small-modal{width:min(460px,100%);background:#fff;border-radius:15px;box-shadow:0 25px 80px #0f172a38}.assignment-content{padding:25px}.assignment-content label{display:block;color:#344054;font-size:12px;font-weight:700;margin-bottom:8px}.assignment-content select{width:100%;border:1px solid #dce2ea;background:#fff;border-radius:9px;padding:11px;outline:none}.call-disposition-box{margin:0 26px 22px;padding:18px;border:1px solid #e4e8ef;background:#fafbfd;border-radius:12px}.call-disposition-box h3{margin:0 0 15px;font-size:14px}.call-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:13px}.call-disposition-box label{display:block;font-size:11px;font-weight:700;color:#475467;margin-bottom:7px}.call-disposition-box select,.call-disposition-box input,.call-disposition-box textarea{width:100%;border:1px solid #dce2ea;background:#fff;border-radius:8px;padding:10px 11px;outline:none;font-size:12px}.call-disposition-box textarea{min-height:85px;resize:vertical}.save-call-row{display:flex;justify-content:flex-end;margin-top:10px}.call-history{margin:0 26px 22px;padding-top:18px;border-top:1px solid #edf0f4}.call-history h3{margin:0 0 12px;font-size:14px}.call-history-item{display:flex;gap:11px;padding:12px;background:#f8fafc;border:1px solid #edf0f4;border-radius:9px;margin-bottom:8px}.call-history-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#e9f7ef;display:flex;align-items:center;justify-content:center}.call-history-item strong{display:block;font-size:12px}.call-history-item small{display:block;color:#7b8798;font-size:10px;margin-top:3px}.call-history-item p{margin:6px 0 0;color:#667085;font-size:11px}.empty-small{color:#8b95a5;font-size:12px;padding:12px;background:#f8fafc;border-radius:8px}@media(max-width:1000px){.lead-toolbar{flex-wrap:wrap}.lead-toolbar .search-box{min-width:100%}.lead-toolbar select{flex:1}}@media(max-width:700px){.lead-actions{flex-direction:column;align-items:flex-start;gap:10px}.lead-action-buttons{width:100%}.lead-action-buttons button{flex:1}.call-form-grid{grid-template-columns:1fr}.import-content{padding:18px}.call-disposition-box,.call-history{margin-left:18px;margin-right:18px}}.import-preview-modal{width:min(1200px,94vw);max-height:88vh;overflow:hidden}.import-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.import-summary-card{padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc}.import-summary-card strong{display:block;font-size:24px;margin-bottom:4px}.import-summary-card span{font-size:12px;color:#64748b}.import-summary-card.duplicate{background:#fff7ed;border-color:#fed7aa}.import-preview-table{max-height:430px;overflow:auto;border:1px solid #e5e7eb;border-radius:12px}.import-preview-table table{width:100%;border-collapse:collapse}.import-preview-table th,.import-preview-table td{padding:12px;text-align:left;border-bottom:1px solid #eef2f7;font-size:13px}.import-preview-table th{position:sticky;top:0;background:#f8fafc;z-index:1}.status-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:600}.new-badge{background:#ecfdf5;color:#047857}.duplicate-badge{background:#fff7ed;color:#c2410c}.import-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}@media(max-width:800px){.import-summary{grid-template-columns:1fr}.import-preview-modal{width:96vw}}.login-page{min-height:100vh;width:100%;display:grid;grid-template-columns:1.05fr .95fr;background:#f6f8fb;color:#17202a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-brand-panel{position:relative;min-height:100vh;overflow:hidden;padding:52px 64px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 85% 20%,rgba(48,210,112,.18),transparent 32%),linear-gradient(145deg,#07130d,#0b2116 48%,#0e2c1b)}.login-brand-panel:before{content:"";position:absolute;width:420px;height:420px;right:-160px;bottom:-180px;border-radius:50%;border:1px solid rgba(80,220,130,.12)}.login-brand-panel:after{content:"";position:absolute;width:650px;height:650px;left:-430px;top:-350px;border-radius:50%;border:1px solid rgba(80,220,130,.08)}.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:14px}.login-logo{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#22c55e;color:#fff;font-size:25px;font-weight:800;box-shadow:0 10px 30px #22c55e40}.login-brand-name{font-size:27px;line-height:1;font-weight:800;letter-spacing:-.7px;color:#fff}.login-brand-name span{color:#39d878}.login-brand-subtitle{margin-top:6px;font-size:10px;letter-spacing:2.2px;font-weight:700;color:#ffffff8c}.login-brand-content{position:relative;z-index:2;max-width:600px;margin:auto 0}.login-eyebrow{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#22c55e1a;border:1px solid rgba(34,197,94,.22);color:#5ee58c;font-size:10px;font-weight:800;letter-spacing:1.5px}.login-brand-content h1{margin:24px 0 18px;font-size:clamp(42px,4vw,62px);line-height:1.04;letter-spacing:-2.8px;font-weight:800;color:#fff}.login-brand-content h1 span{color:#39d878}.login-brand-content>p{max-width:530px;margin:0;color:#ffffffa1;font-size:16px;line-height:1.7}.login-features{margin-top:42px;display:flex;flex-direction:column;gap:20px}.login-feature{display:flex;align-items:center;gap:14px}.feature-icon{width:32px;height:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#22c55e21;border:1px solid rgba(34,197,94,.22);color:#49dc81;font-size:14px;font-weight:900}.login-feature strong{display:block;color:#fff;font-size:14px;font-weight:700}.login-feature span{display:block;margin-top:4px;color:#ffffff7a;font-size:12px}.login-brand-footer{position:relative;z-index:2;color:#ffffff59;font-size:11px}.login-form-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;background:radial-gradient(circle at 30% 10%,rgba(34,197,94,.06),transparent 30%),#f7f9fc}.login-card{width:100%;max-width:455px}.login-mobile-brand{display:none}.login-heading{margin-bottom:28px}.login-welcome{margin-bottom:9px;color:#20a957;font-size:13px;font-weight:700}.login-heading h2{margin:0;color:#111827;font-size:31px;line-height:1.15;font-weight:800;letter-spacing:-1px}.login-heading p{margin:10px 0 0;color:#7b8492;font-size:14px;line-height:1.5}.login-error{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;border:1px solid #fecaca;border-radius:12px;background:#fff5f5;color:#b42318;font-size:13px;line-height:1.4}.login-error>span{width:20px;height:20px;flex:0 0 20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ef4444;color:#fff;font-size:12px;font-weight:800}.login-field{margin-bottom:20px}.login-field label{display:block;margin-bottom:8px;color:#344054;font-size:13px;font-weight:700}.login-input-wrapper{position:relative;display:flex;align-items:center;height:52px;border:1px solid #d9dee7;border-radius:12px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.login-input-wrapper:focus-within{border-color:#22b963;box-shadow:0 0 0 4px #22b9631a}.login-input-icon{width:48px;display:flex;align-items:center;justify-content:center;color:#8a94a3;font-size:17px;font-weight:700}.login-input-wrapper input{flex:1;height:100%;min-width:0;border:0;outline:0;background:transparent;color:#111827;font-size:14px;font-family:inherit}.login-input-wrapper input::placeholder{color:#a1a9b5}.login-input-wrapper input:disabled{cursor:not-allowed;opacity:.65}.login-password-label{display:flex;align-items:center;justify-content:space-between}.password-toggle{margin-right:12px;border:0;background:transparent;color:#20a957;cursor:pointer;font-size:11px;font-weight:700}.password-toggle:hover{color:#168943}.login-submit{width:100%;height:54px;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:linear-gradient(135deg,#19b85a,#16a34a);color:#fff;cursor:pointer;font-size:14px;font-weight:800;box-shadow:0 10px 25px #16a34a33;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #16a34a45}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{cursor:not-allowed;opacity:.7}.login-submit>span:last-child{font-size:18px}.button-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-security{display:flex;align-items:center;gap:11px;margin-top:25px;padding:13px 14px;border:1px solid #dcefe3;border-radius:12px;background:#f3fbf6}.security-icon{width:27px;height:27px;flex:0 0 27px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#d9f8e4;color:#169447;font-size:12px;font-weight:900}.login-security strong{display:block;color:#21643b;font-size:11px}.login-security span:last-child{display:block;margin-top:2px;color:#789083;font-size:10px}.login-bottom{margin-top:28px;text-align:center;color:#a1a8b2;font-size:11px}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:28px 20px}.login-card{max-width:430px}.login-mobile-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:50px}.login-mobile-brand .login-logo{width:42px;height:42px;border-radius:12px;font-size:21px}.login-mobile-brand .login-brand-name{color:#111827;font-size:24px}.login-mobile-brand .login-brand-subtitle{color:#8a94a3}}@media(max-width:480px){.login-form-panel{padding:24px 16px}.login-heading h2{font-size:27px}.login-heading p{font-size:13px}.login-input-wrapper{height:50px}}.chargewala-login-logo{width:52px;height:52px;object-fit:contain;border-radius:14px;flex-shrink:0}:root{--cw-green: #18b957;--cw-green-dark: #063d27;--cw-green-deep: #032b1d;--cw-green-soft: #eafaf1;--cw-bg: #f5faf7;--cw-text: #101828;--cw-muted: #667085;--cw-border: #e5ebe7}body{background:radial-gradient(circle at 70% 0%,rgba(24,185,87,.055),transparent 28%),#f5faf7}.crm-layout{min-height:100vh;background:radial-gradient(circle at 75% 0%,rgba(24,185,87,.045),transparent 25%),#f5faf7}.sidebar{width:272px;padding:28px 16px 18px;background:radial-gradient(circle at 80% 15%,rgba(24,185,87,.13),transparent 30%),linear-gradient(145deg,#03271a,#053b26 55%,#06492e);border-right:1px solid rgba(255,255,255,.05)}.brand{padding:0 8px 38px}.brand-name{font-size:22px;font-weight:850;letter-spacing:-.8px;color:#fff}.brand-name span{color:#31d875}.brand-subtitle{margin-top:5px;color:#ffffff7a;font-size:9px;letter-spacing:2px}.navigation{gap:7px}.nav-item{padding:13px 14px;border-radius:11px;color:#ffffffad;transition:background .2s ease,color .2s ease,transform .2s ease}.nav-item:hover{background:#18b95721;color:#fff}.nav-item.active{background:linear-gradient(135deg,#11a951,#18bd5d);color:#fff;box-shadow:0 8px 22px #0a9d4933}.nav-item span{color:inherit}.sidebar-bottom{margin-top:auto}.sidebar-user{margin-top:15px;padding:16px 8px 5px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-user strong{color:#fff}.sidebar-user small{color:#ffffff7a}.main-content{margin-left:272px;width:calc(100% - 272px);padding:30px 32px 45px;background:radial-gradient(circle at 70% 0%,rgba(24,185,87,.055),transparent 26%)}.topbar{margin-bottom:25px}.topbar h1{font-size:31px;font-weight:850;letter-spacing:-1.2px;color:#101828}.topbar p{color:#7a8798;font-size:13px}.notification{width:42px;height:42px;border:1px solid #e1ebe5;background:#fff;border-radius:12px;box-shadow:0 4px 15px #1018280a}.profile{padding:7px 13px;background:#fff;border:1px solid #e1ebe5;border-radius:13px;box-shadow:0 4px 15px #1018280a}.profile strong{color:#101828}.profile small{color:#7a8798}.avatar{background:linear-gradient(135deg,#063d27,#13b957);box-shadow:0 4px 12px #12a8502e}.stats-grid{gap:16px}.stat-card{position:relative;background:linear-gradient(145deg,#fff,#fbfffd);border:1px solid #e4ebe7;border-radius:16px;padding:20px;box-shadow:0 8px 28px #1018280b;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.stat-card:after{content:"";position:absolute;width:110px;height:110px;right:-55px;bottom:-55px;border-radius:50%;background:radial-gradient(circle,rgba(24,185,87,.1),transparent 70%)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px #10182812}.stat-title{color:#667085;font-size:12px;font-weight:600}.stat-value{margin-top:7px;color:#101828;font-size:30px;font-weight:850}.stat-icon{width:42px;height:42px;background:#eafaf1;color:#10a957;border-radius:12px;font-size:18px}.stat-description{color:#8a96a6}.dashboard-section{margin-top:27px}.section-heading{margin-bottom:14px}.section-heading h2{color:#101828;font-size:19px;font-weight:800;letter-spacing:-.3px}.section-heading p{color:#82909f}.outline-button{background:#fff;border:1px solid #dce7e1;border-radius:10px;padding:10px 14px;color:#344054;font-size:12px;font-weight:600;transition:.2s ease}.outline-button:hover{border-color:#18b957;color:#079846;background:#f5fff9}.primary-button{background:linear-gradient(135deg,#13b957,#0da94c);border-radius:10px;padding:10px 16px;box-shadow:0 8px 18px #11ae512e}.primary-button:hover{background:linear-gradient(135deg,#0fa94e,#078e40)}.source-grid{gap:16px}.source-card{position:relative;background:linear-gradient(145deg,#fff,#fbfffd);border:1px solid #e4ebe7;border-radius:16px;padding:19px;box-shadow:0 7px 25px #10182809;transition:transform .2s ease,box-shadow .2s ease}.source-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1018280f}.source-icon{width:40px;height:40px;background:#eafaf1;color:#0da750;border-radius:11px}.source-card strong{color:#101828}.source-card small{color:#7d8998}.source-progress{height:7px;background:#edf3ef;border-radius:99px}.source-progress div{background:linear-gradient(90deg,#13b957,#20c969)}.source-percentage{color:#8b97a5}.table-card{background:#fff;border:1px solid #e3ebe6;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #1018280a}.table-card th{background:#fbfdfc;color:#718096;padding:14px 16px;border-bottom:1px solid #e8eeeb}.table-card td{padding:15px 16px;border-bottom:1px solid #edf2ef}.table-card tbody tr{transition:background .15s ease}.table-card tbody tr:hover{background:#f7fcf9}.lead-name{color:#101828}.lead-company{color:#8793a1}.status-badge{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700}.status-new{background:#edf4ff;color:#3565c7}.status-interested{background:#e6f8ee;color:#15934e}.status-follow-up{background:#fff5df;color:#a46d00}.status-quotation-sent{background:#f0eaff;color:#7044aa}.status-negotiation{background:#fff0e8;color:#ad5728}.status-converted{background:#ddf8e8;color:#138247}.status-not-interested,.status-wrong-number{background:#fcebed;color:#b13c45}.search-box{background:#fff;border:1px solid #dfe9e3;border-radius:11px;box-shadow:0 3px 12px #10182806}.page-toolbar select,.lead-toolbar select{background:#fff;border:1px solid #dfe9e3;border-radius:10px}.call-button{background:linear-gradient(135deg,#13b957,#0da94c);border-radius:8px}.followup-card{background:#fff;border:1px solid #e4ebe7;border-radius:14px;box-shadow:0 6px 20px #10182809}.followup-icon{background:#fff4dd}.coming-card,.report-card{background:#fff;border:1px solid #e4ebe7;border-radius:15px;box-shadow:0 7px 25px #10182809}.sidebar .secondary-button,.sidebar button{transition:.2s ease}@media(max-width:750px){.sidebar{width:210px}.main-content{margin-left:210px;width:calc(100% - 210px);padding:22px}}@media(max-width:550px){.sidebar{width:100%}.main-content{margin-left:0;width:100%}}.modal-overlay{position:fixed;inset:0;width:100%;height:100vh;padding:0;display:block;background:#f5faf7;-webkit-backdrop-filter:none;backdrop-filter:none;overflow-y:auto;z-index:1000}.details-card{width:100%;max-width:none;min-height:100vh;max-height:none;margin:0;overflow:visible;background:#f5faf7;border-radius:0;box-shadow:none}.details-card .modal-header{position:sticky;top:0;z-index:10;min-height:88px;padding:22px 38px;background:#fffffff5;border-bottom:1px solid #e5ebe7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.details-card .modal-header h2{margin:0;color:#101828;font-size:25px;font-weight:850;letter-spacing:-.7px}.details-card .modal-header p{margin:5px 0 0;color:#7a8798;font-size:13px}.details-card .modal-close{width:42px;height:42px;border:1px solid #dfe8e3;background:#f6faf8;border-radius:11px;color:#344054;font-size:21px;transition:.2s ease}.details-card .modal-close:hover{background:#e9f8ef;border-color:#bde7cc;color:#079447}.details-card .details-actions{padding:18px 38px;background:#fff;border-bottom:1px solid #e5ebe7;display:flex;gap:10px;flex-wrap:wrap}.details-card .details-actions .primary-button{background:linear-gradient(135deg,#13b957,#0da94c);color:#fff;border:none;border-radius:10px;padding:11px 18px;font-weight:700;box-shadow:0 8px 20px #11ae512e}.details-card .details-actions .secondary-button{background:#fff;color:#172033;border:1px solid #dce5e0;border-radius:10px;padding:11px 17px;font-weight:650;transition:.2s ease}.details-card .details-actions .secondary-button:hover{border-color:#18b957;color:#079447;background:#f3fcf7}.details-card .details-grid{width:min(1180px,calc(100% - 76px));margin:26px auto 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.details-card .detail-item{background:#fff;border:1px solid #e2ebe6;border-radius:14px;padding:17px 18px;box-shadow:0 5px 20px #10182806}.details-card .detail-item small{color:#758398;font-size:11px;font-weight:600;margin-bottom:7px}.details-card .detail-item strong{color:#101828;font-size:14px;font-weight:750}.details-card .detail-item select{min-width:145px;border:1px solid #dce6e0;border-radius:9px;background:#fff;color:#172033;padding:8px 10px;outline:none;font-size:13px}.details-card .detail-item select:focus{border-color:#18b957;box-shadow:0 0 0 3px #18b9571a}.details-card .call-disposition-box{width:min(1180px,calc(100% - 76px));margin:26px auto;padding:22px;background:#fff;border:1px solid #e2ebe6;border-radius:15px;box-shadow:0 7px 25px #10182809}.details-card .call-disposition-box h3{color:#101828;font-size:16px;font-weight:800;margin-bottom:18px}.details-card .call-disposition-box select,.details-card .call-disposition-box input,.details-card .call-disposition-box textarea{border:1px solid #dce6e0;border-radius:10px;background:#fff;padding:11px 12px;color:#172033;outline:none}.details-card .call-disposition-box select:focus,.details-card .call-disposition-box input:focus,.details-card .call-disposition-box textarea:focus{border-color:#18b957;box-shadow:0 0 0 3px #18b95717}.details-card .call-disposition-box .primary-button{background:linear-gradient(135deg,#13b957,#0da94c);border:none;border-radius:10px;padding:11px 18px;color:#fff;font-weight:700;box-shadow:0 8px 20px #11ae512e}.details-card .notes-box,.details-card .timeline,.details-card .call-history{width:min(1180px,calc(100% - 76px));margin-left:auto;margin-right:auto;background:transparent}.details-card .notes-box{padding-top:22px}.details-card .notes-box h3,.details-card .timeline h3,.details-card .call-history h3{color:#101828;font-size:16px;font-weight:800}.details-card .notes-box p{background:#fff;border:1px solid #e2ebe6;border-radius:13px;padding:16px 18px;color:#667085;box-shadow:0 5px 20px #10182806}.details-card .timeline-item{padding:13px 15px;background:#fff;border:1px solid #e5ebe7;border-radius:11px;margin-bottom:9px}.details-card .timeline-dot{background:#eafaf1;color:#0da750}.details-card .call-history-item{background:#fff;border:1px solid #e3ebe6;border-radius:11px;box-shadow:0 4px 16px #10182806}.details-card .call-history-icon{background:#eafaf1;color:#0da750}@media(min-width:1100px){.details-card .details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.details-card .modal-header{padding:18px 20px}.details-card .details-actions{padding:15px 20px}.details-card .details-grid,.details-card .call-disposition-box,.details-card .notes-box,.details-card .timeline,.details-card .call-history{width:calc(100% - 40px)}.details-card .details-grid{grid-template-columns:1fr}}@media(max-width:550px){.details-card .modal-header{min-height:75px}.details-card .modal-header h2{font-size:21px}.details-card .details-actions{padding:14px 16px}.details-card .details-actions button{flex:1}.details-card .details-grid,.details-card .call-disposition-box,.details-card .notes-box,.details-card .timeline,.details-card .call-history{width:calc(100% - 32px)}}.modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;display:block!important;background:radial-gradient(circle at 70% 0%,rgba(24,185,87,.08),transparent 30%),#f4faf7!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:9999!important}.details-card{position:relative;width:100%!important;max-width:none!important;min-height:100vh!important;max-height:none!important;margin:0!important;padding:0 36px 50px 118px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.details-card:before,.details-card:after{display:none!important;content:none!important}.details-card{--cw-green: #13b957;--cw-green-dark: #043a26;--cw-green-deep: #02291b}.details-card .cw-details-sidebar{display:none}.modal-overlay:before{content:"";position:fixed;left:0;top:0;bottom:0;width:82px;z-index:100;background:radial-gradient(circle at 50% 12%,rgba(42,214,115,.18),transparent 30%),linear-gradient(180deg,#032c1d,#043c27 52%,#02291b);border-right:1px solid rgba(255,255,255,.07)}.modal-overlay:after{content:"⚡";position:fixed;left:18px;top:18px;width:46px;height:46px;z-index:101;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(135deg,#20ca68,#0dad4f);color:#fff;font-size:23px;font-weight:900;box-shadow:0 10px 25px #0ead4f40}.details-card .modal-header{position:sticky!important;top:0!important;z-index:50;min-height:82px;margin:0 -36px 0 -118px;padding:17px 36px 17px 118px;display:flex;align-items:center;justify-content:space-between;background:#fffffff0!important;border-bottom:1px solid #e2ebe6!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.details-card .modal-header h2{margin:0!important;color:#101828!important;font-size:24px!important;font-weight:850!important;letter-spacing:-.8px}.details-card .modal-header p{margin:5px 0 0!important;color:#7b8796!important;font-size:12px!important}.details-card .modal-close{width:40px!important;height:40px!important;border:1px solid #dce7e1!important;border-radius:11px!important;background:#fff!important;color:#475467!important;font-size:19px!important;transition:.2s ease}.details-card .modal-close:hover{background:#eafaf1!important;color:#079447!important;border-color:#bce5ca!important}.details-card .details-actions{margin:0 -36px 0 -118px;padding:14px 36px 14px 118px;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #e5ede8}.details-card .details-actions button{min-height:40px;padding:9px 16px;border-radius:10px!important;font-size:12px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.details-card .details-actions .primary-button{border:0!important;background:linear-gradient(135deg,#14b958,#0da94c)!important;color:#fff!important;box-shadow:0 8px 20px #0da94c2e}.details-card .details-actions .primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 25px #0da94c40}.details-card .details-actions .secondary-button{background:#fff!important;border:1px solid #dce6e0!important;color:#172033!important}.details-card .details-actions .secondary-button:hover{background:#f2fcf6!important;border-color:#18b957!important;color:#079447!important}.details-card>.details-grid,.details-card>.call-disposition-box,.details-card>.notes-box,.details-card>.call-history,.details-card>.timeline{width:min(1200px,calc(100% - 20px))!important;margin-left:auto!important;margin-right:auto!important}.details-card .details-grid{margin-top:24px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.details-card .detail-item{min-height:78px;padding:15px 17px!important;background:linear-gradient(145deg,#fff,#fbfefc)!important;border:1px solid #e1ebe5!important;border-radius:13px!important;box-shadow:0 5px 20px #10182809!important;transition:transform .2s ease,box-shadow .2s ease}.details-card .detail-item:hover{transform:translateY(-1px);box-shadow:0 9px 25px #1018280f!important}.details-card .detail-item small{display:block;margin-bottom:7px;color:#7a8798!important;font-size:10px!important;font-weight:650!important}.details-card .detail-item strong{color:#101828!important;font-size:13px!important;font-weight:750!important}.details-card .call-disposition-box{margin-top:18px!important;padding:21px!important;background:#fff!important;border:1px solid #e0eae5!important;border-radius:15px!important;box-shadow:0 7px 25px #10182809!important}.details-card .call-disposition-box h3{margin:0 0 18px!important;color:#101828!important;font-size:16px!important;font-weight:800!important}.details-card .call-form-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:14px!important;margin-bottom:15px!important}.details-card .call-disposition-box label{display:block;margin-bottom:7px;color:#667085!important;font-size:10px!important;font-weight:700!important}.details-card .call-disposition-box select,.details-card .call-disposition-box input{width:100%!important;height:43px;padding:0 12px!important;border:1px solid #dce6e0!important;border-radius:9px!important;background:#fff!important;color:#172033!important;font-size:12px;outline:none}.details-card .call-disposition-box select:focus,.details-card .call-disposition-box input:focus{border-color:#18b957!important;box-shadow:0 0 0 3px #18b95717}.details-card .call-disposition-box textarea{width:100%!important;min-height:105px;padding:12px!important;border:1px solid #dce6e0!important;border-radius:9px!important;background:#fff!important;color:#172033!important;font-size:12px;outline:none;resize:vertical}.details-card .call-disposition-box textarea:focus{border-color:#18b957!important;box-shadow:0 0 0 3px #18b95717}.details-card .call-timer-box{margin-top:14px!important;padding:18px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px;border-radius:14px!important;background:linear-gradient(135deg,#eafbf1,#f8fffb)!important;border:1px solid #cfeedd!important;position:relative;overflow:hidden}.details-card .call-timer-box:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#41db81,transparent);opacity:.6}.details-card .call-timer-box span{display:block;margin-bottom:5px;color:#6e7d8d!important;font-size:10px!important;font-weight:750!important;text-transform:uppercase;letter-spacing:.7px}.details-card .call-timer-box strong{display:block;color:#101828!important;font-size:28px!important;line-height:1;font-weight:850!important;letter-spacing:-1px}.details-card .call-timer-box .primary-button{min-width:125px;padding:11px 18px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#14b958,#0da94c)!important;color:#fff!important;font-size:12px;font-weight:750;box-shadow:0 8px 20px #0da94c2e}.details-card .call-timer-box .secondary-button{min-width:125px;padding:11px 18px!important;border:1px solid #ef8e8e!important;border-radius:10px!important;background:#fff8f8!important;color:#d92d20!important;font-size:12px;font-weight:750}.details-card .save-call-row{display:flex;justify-content:flex-end;margin-top:12px}.details-card .save-call-row .primary-button{padding:11px 20px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#14b958,#0da94c)!important;color:#fff!important;font-size:12px;font-weight:750;box-shadow:0 8px 20px #0da94c2e}.details-card .notes-box{margin-top:24px!important;padding:0!important;background:transparent!important;border:0!important}.details-card .notes-box h3{margin:0 0 10px!important;color:#101828!important;font-size:14px!important;font-weight:800!important}.details-card .notes-box p{margin:0!important;padding:16px 18px!important;background:linear-gradient(135deg,#eafbf1,#f7fffa)!important;border:1px solid #d5eee0!important;border-radius:12px!important;color:#486052!important;font-size:12px!important;line-height:1.6}.details-card .call-history{margin-top:25px!important}.details-card .call-history h3{margin-bottom:11px!important;color:#101828!important;font-size:14px!important;font-weight:800!important}.details-card .call-history-item{display:flex;align-items:flex-start;gap:12px;padding:14px!important;margin-bottom:9px;background:#fff!important;border:1px solid #e1ebe5!important;border-radius:12px!important;box-shadow:0 4px 15px #10182806}.details-card .call-history-icon{width:34px!important;height:34px!important;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:10px!important;background:#e9faf0!important;color:#0ca950!important}.details-card .call-history-item strong{color:#101828!important;font-size:12px!important}.details-card .call-history-item small{display:block;margin-top:4px;color:#8793a1!important;font-size:10px!important}.details-card .call-history-item p{margin-top:7px;color:#667085!important;font-size:11px!important}.details-card .timeline{margin-top:25px!important;padding-bottom:50px}.details-card .timeline h3{margin-bottom:11px!important;color:#101828!important;font-size:14px!important;font-weight:800!important}.details-card .timeline-item{display:flex;gap:12px;padding:14px!important;margin-bottom:9px;background:#fff!important;border:1px solid #e1ebe5!important;border-radius:12px!important;box-shadow:0 4px 15px #10182806}.details-card .timeline-dot{width:32px!important;height:32px!important;flex:0 0 32px;display:flex;align-items:center;justify-content:center;border-radius:10px!important;background:#e9faf0!important;color:#0ca950!important}.details-card .timeline-item strong{color:#101828!important;font-size:12px!important}.details-card .timeline-item small{display:block;margin-top:3px;color:#8793a1!important;font-size:10px!important}@media(min-width:1300px){.details-card{padding-right:55px!important}.details-card>.details-grid,.details-card>.call-disposition-box,.details-card>.notes-box,.details-card>.call-history,.details-card>.timeline{width:min(1250px,calc(100% - 40px))!important}}@media(max-width:900px){.details-card{padding-left:25px!important;padding-right:25px!important}.modal-overlay:before,.modal-overlay:after{display:none!important}.details-card .modal-header,.details-card .details-actions{margin-left:-25px!important;margin-right:-25px!important;padding-left:25px!important}}@media(max-width:650px){.details-card{padding-left:16px!important;padding-right:16px!important}.details-card .modal-header{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important}.details-card .details-actions{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important;overflow-x:auto}.details-card .details-grid{grid-template-columns:1fr!important;width:100%!important}.details-card .call-disposition-box,.details-card .notes-box,.details-card .call-history,.details-card .timeline{width:100%!important}.details-card .call-form-grid{grid-template-columns:1fr!important}.details-card .call-timer-box{align-items:flex-start!important;flex-direction:column!important}.details-card .call-timer-box button{width:100%!important}}.modal-overlay{width:100vw!important;min-width:100vw!important;max-width:none!important}.details-card{width:100%!important;max-width:none!important;padding-left:118px!important;padding-right:36px!important;box-sizing:border-box!important}.details-card .modal-header,.details-card .details-actions{width:auto!important;margin-left:-118px!important;margin-right:-36px!important;padding-left:118px!important;padding-right:36px!important;box-sizing:border-box!important}.details-card>.details-grid{width:calc(100% - 20px)!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;box-sizing:border-box!important}.details-card>.call-disposition-box{width:calc(100% - 20px)!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}.details-card>.notes-box,.details-card>.call-history,.details-card>.timeline{width:calc(100% - 20px)!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}@media(min-width:1400px){.details-card{padding-left:118px!important;padding-right:40px!important}.details-card>.details-grid,.details-card>.call-disposition-box,.details-card>.notes-box,.details-card>.call-history,.details-card>.timeline{width:min(1400px,calc(100% - 40px))!important;max-width:1400px!important}}@media(max-width:900px){.details-card{padding-left:25px!important;padding-right:25px!important}.details-card .modal-header,.details-card .details-actions{margin-left:-25px!important;margin-right:-25px!important;padding-left:25px!important;padding-right:25px!important}.details-card>.details-grid,.details-card>.call-disposition-box,.details-card>.notes-box,.details-card>.call-history,.details-card>.timeline{width:100%!important}}@media(max-width:650px){.details-card{padding-left:16px!important;padding-right:16px!important}.details-card .modal-header,.details-card .details-actions{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important}.details-card>.details-grid,.details-card>.call-disposition-box,.details-card>.notes-box,.details-card>.call-history,.details-card>.timeline{width:100%!important}.details-card .details-grid{grid-template-columns:1fr!important}}.lead-details-page{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;background:radial-gradient(circle at 70% 0%,rgba(19,185,87,.08),transparent 30%),#f4faf7!important;z-index:99999!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.lead-details-shell{width:100%!important;min-height:100vh!important;background:#f4faf7!important}.lead-details-topbar{position:sticky;top:0;z-index:100;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 32px;background:#fffffff5;border-bottom:1px solid #e5ebe7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.lead-breadcrumb{display:flex;align-items:center;gap:12px;color:#637083;font-size:14px}.lead-breadcrumb strong{color:#101828}.breadcrumb-arrow{font-size:20px;color:#9aa5b1}.lead-top-actions{display:flex;align-items:center;gap:10px}.lead-status-badge,.lead-priority-badge{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;border-radius:22px;font-size:13px;font-weight:700}.lead-status-badge{background:#e9fbf1;color:#0a9d4c}.lead-priority-badge{background:#fff3e4;color:#f97316}.lead-call-main-btn{height:44px;padding:0 22px;border:none;border-radius:9px;background:linear-gradient(135deg,#16bd5a,#08a84b);color:#fff;font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 8px 20px #0ead4f33;transition:.2s ease}.lead-call-main-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0ead4f47}.lead-action-btn{height:44px;padding:0 19px;border:1px solid #dce5df;border-radius:9px;background:#fff;color:#172033;font-size:14px;font-weight:700;cursor:pointer;transition:.2s ease}.lead-action-btn:hover{border-color:#16b957;color:#079447;background:#f3fcf7}.lead-close-btn{width:40px;height:40px;margin-left:5px;border:1px solid #e1e8e4;border-radius:9px;background:#fff;color:#687386;font-size:22px;cursor:pointer}.lead-details-layout{width:min(1360px,calc(100% - 44px));margin:22px auto 40px;display:grid;grid-template-columns:285px minmax(500px,1fr) 390px;gap:18px;align-items:start}.lead-profile-card,.lead-info-card,.call-control-card,.log-call-card,.activity-card,.right-small-card{background:#fff;border:1px solid #e1e9e4;border-radius:15px;box-shadow:0 7px 28px #1018280b}.lead-profile-card{position:relative;overflow:hidden;min-height:760px}.profile-cover{height:105px;background:radial-gradient(circle at 12% 0%,rgba(24,190,94,.22),transparent 32%),linear-gradient(135deg,#effcf5,#f4faf8)}.profile-avatar{position:absolute;top:55px;left:50%;transform:translate(-50%);width:110px;height:110px;display:flex;align-items:center;justify-content:center;border:6px solid #ffffff;border-radius:50%;background:linear-gradient(135deg,#d9f9e7,#baf1d2);color:#079447;font-size:40px;font-weight:800;box-shadow:0 7px 22px #1018281f}.profile-online-dot{position:absolute;top:142px;left:calc(50% + 34px);width:17px;height:17px;border:3px solid #ffffff;border-radius:50%;background:#18b957}.profile-main{padding:70px 20px 20px;text-align:center}.profile-main h2{margin:0;color:#101828;font-size:20px;font-weight:800}.profile-company{margin:7px 0 0;color:#7b8797;font-size:13px}.profile-buttons{display:flex;justify-content:center;gap:11px;margin-top:18px}.profile-buttons button{width:42px;height:42px;border:none;border-radius:50%;background:#f2f7ff;color:#3572d4;cursor:pointer;font-size:17px;transition:.2s ease}.profile-buttons button:hover{background:#e6f0ff;transform:translateY(-2px)}.profile-divider{height:1px;margin:0 20px;background:#e7ece9}.profile-meta{padding:20px}.profile-meta-item{display:flex;align-items:center;gap:12px;margin-bottom:18px}.profile-meta-item:last-child{margin-bottom:0}.profile-meta-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f1f6ff;font-size:16px}.profile-meta-item small{display:block;margin-bottom:3px;color:#7b8797;font-size:11px}.profile-meta-item strong{display:block;color:#182230;font-size:13px;font-weight:750;word-break:break-word}.profile-requirement{display:flex;gap:12px;margin:0 18px 20px;padding:16px;border-radius:12px;background:linear-gradient(135deg,#fff8e9,#fffdf7);border:1px solid #f6e6bd}.requirement-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff0c8;font-size:17px}.profile-requirement small{display:block;margin-bottom:5px;color:#8c7b55;font-size:11px}.profile-requirement strong{display:block;color:#3e3422;font-size:13px;line-height:1.45}.profile-requirement p{margin:7px 0 0;color:#8a7d67;font-size:11px;line-height:1.45}.lead-center-column{display:flex;flex-direction:column;gap:16px}.section-title-wrap{display:flex;align-items:center;gap:11px}.section-icon{width:39px;height:39px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:17px}.section-icon.green{background:#e8faf0;color:#0daa4e}.section-icon.blue{background:#eaf2ff;color:#3274d8}.section-title-wrap h3{margin:0;color:#101828;font-size:16px;font-weight:800}.section-title-wrap p{margin:3px 0 0;color:#8994a4;font-size:11px}.lead-info-card{padding:20px}.section-heading-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.small-edit-btn{padding:8px 15px;border:1px solid #dce6e0;border-radius:8px;background:#fff;color:#152033;font-size:12px;font-weight:700;cursor:pointer}.lead-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info-box{min-height:70px;padding:13px 15px;border-radius:11px;background:linear-gradient(145deg,#f9fbff,#f6f9fd);border:1px solid #edf1f5}.info-box span{display:block;margin-bottom:6px;color:#7c8798;font-size:10px}.info-box strong{color:#182230;font-size:13px;font-weight:750;line-height:1.35}.call-control-card{padding:20px;background:linear-gradient(145deg,#fff,#f4fff8)}.call-control-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.call-icon{background:#dff9ea!important}.live-call-badge{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:20px;background:#e8faef;color:#0b9d4b;font-size:11px;font-weight:800}.live-call-badge span{width:9px;height:9px;border-radius:50%;background:#13b957}.call-control-body{position:relative;min-height:125px;display:flex;align-items:center;gap:22px;padding:20px;overflow:hidden;border:1px solid #d9f0e1;border-radius:13px;background:linear-gradient(135deg,#f3fff8,#fff)}.call-wave{position:absolute;left:18px;right:18px;bottom:12px;height:42px;display:flex;align-items:center;justify-content:space-around;opacity:.22;pointer-events:none}.call-wave span{width:3px;border-radius:5px;background:#16b957}.call-wave span:nth-child(1){height:12px}.call-wave span:nth-child(2){height:25px}.call-wave span:nth-child(3){height:18px}.call-wave span:nth-child(4){height:32px}.call-wave span:nth-child(5){height:20px}.call-wave span:nth-child(6){height:38px}.call-wave span:nth-child(7){height:25px}.call-wave span:nth-child(8){height:34px}.call-wave span:nth-child(9){height:16px}.call-wave span:nth-child(10){height:29px}.call-wave span:nth-child(11){height:38px}.call-wave span:nth-child(12){height:21px}.call-wave span:nth-child(13){height:31px}.call-wave span:nth-child(14){height:18px}.call-wave span:nth-child(15){height:36px}.call-wave span:nth-child(16){height:22px}.call-wave span:nth-child(17){height:30px}.call-wave span:nth-child(18){height:16px}.call-wave span:nth-child(19){height:28px}.call-wave span:nth-child(20){height:20px}.call-duration-block{position:relative;z-index:2;min-width:125px}.call-duration-block small{display:block;margin-bottom:4px;color:#718092;font-size:9px;font-weight:800;letter-spacing:.6px}.call-duration-block strong{color:#0e1726;font-size:27px;font-weight:850;letter-spacing:-.7px}.start-call-large,.end-call-large{position:relative;z-index:3;margin-left:auto;min-width:145px;height:46px;padding:0 20px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;transition:.2s ease}.start-call-large{border:none;background:linear-gradient(135deg,#14bc58,#0ba74b);color:#fff;box-shadow:0 8px 20px #0ead4f33}.start-call-large:hover{transform:translateY(-1px)}.end-call-large{border:1px solid #ff4d4f;background:#fff8f8;color:#e52323}.end-call-large:hover{background:#fff0f0}.log-call-card{padding:20px}.log-call-card>.section-title-wrap{margin-bottom:20px}.log-call-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field label{display:block;margin-bottom:7px;color:#647084;font-size:11px;font-weight:700}.form-field select,.form-field input,.form-field textarea{width:100%;box-sizing:border-box;border:1px solid #dce5e1;border-radius:9px;background:#fff;color:#172033;font-family:inherit;outline:none;transition:.2s ease}.form-field select,.form-field input{height:43px;padding:0 12px;font-size:12px}.form-field textarea{min-height:96px;resize:vertical;padding:12px;font-size:12px}.form-field select:focus,.form-field input:focus,.form-field textarea:focus{border-color:#18b957;box-shadow:0 0 0 3px #18b95714}.notes-field{margin-top:15px}.save-call-row{display:flex;justify-content:flex-end;margin-top:14px}.save-call-btn{height:43px;padding:0 20px;border:none;border-radius:9px;background:linear-gradient(135deg,#13b957,#0ba84c);color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 7px 18px #0fac4e2e}.lead-right-column{display:flex;flex-direction:column;gap:16px}.activity-card{padding:20px;max-height:525px;overflow:hidden}.right-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.right-card-header h3{margin:0;color:#101828;font-size:16px;font-weight:800}.activity-timeline{position:relative;max-height:420px;overflow-y:auto;padding-left:8px;scrollbar-width:thin}.activity-timeline:before{content:"";position:absolute;left:20px;top:15px;bottom:15px;width:1px;background:#dce8e1}.activity-item{position:relative;display:grid;grid-template-columns:40px 1fr 16px;gap:9px;margin-bottom:10px;padding:13px 10px 13px 5px;border-radius:11px;background:linear-gradient(135deg,#fbfdfc,#f7faf9);border:1px solid #edf1ee}.activity-line-dot{position:relative;z-index:2;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e9faf0;color:#0da950;font-size:13px}.activity-line-dot.assigned{background:#eaf2ff;color:#3275d9}.activity-line-dot.followup{background:#fff3df;color:#f28b18}.activity-content strong{display:block;margin-bottom:4px;color:#172033;font-size:12px;font-weight:800}.activity-content p{margin:0 0 4px;color:#667386;font-size:10px;line-height:1.4}.activity-content small{color:#9aa4b2;font-size:9px}.activity-menu,.history-menu{color:#8d98a8;font-size:17px}.right-small-card{padding:18px}.view-all-text{color:#2d66c4;font-size:10px;font-weight:750;cursor:pointer}.call-history-list{display:flex;flex-direction:column;gap:9px}.history-item{display:grid;grid-template-columns:38px 1fr 15px;gap:9px;align-items:start;padding:11px;border-radius:10px;background:#fafcfb;border:1px solid #edf1ef}.history-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e8faf0;color:#0da950}.history-content strong{display:block;color:#172033;font-size:11px;font-weight:800}.history-content small{display:block;margin-top:4px;color:#8a95a5;font-size:9px}.history-content p{margin:5px 0 0;color:#687487;font-size:10px;line-height:1.4}.notes-right-card{padding-bottom:18px}.notes-edit-btn{padding:6px 11px;border:1px solid #dce5df;border-radius:7px;background:#fff;color:#243044;font-size:10px;font-weight:700;cursor:pointer}.current-note-content{padding:14px;border:1px solid #cfeedd;border-radius:11px;background:linear-gradient(135deg,#effcf4,#f8fffa)}.current-note-content p{margin:0;color:#526274;font-size:11px;line-height:1.55}.current-note-content .no-note{color:#9aa4b2}.empty-activity{padding:25px 10px;text-align:center;color:#98a2b1;font-size:11px}.lead-details-page::-webkit-scrollbar,.activity-timeline::-webkit-scrollbar{width:7px}.lead-details-page::-webkit-scrollbar-thumb,.activity-timeline::-webkit-scrollbar-thumb{background:#cbd8d0;border-radius:10px}.lead-details-page::-webkit-scrollbar-track,.activity-timeline::-webkit-scrollbar-track{background:transparent}@media(max-width:1200px){.lead-details-layout{grid-template-columns:250px minmax(420px,1fr) 330px}.lead-details-topbar{padding:16px 22px}.lead-top-actions{gap:7px}.lead-status-badge,.lead-priority-badge{display:none}}@media(max-width:950px){.lead-details-layout{grid-template-columns:230px 1fr}.lead-right-column{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.activity-card{max-height:none}}@media(max-width:700px){.lead-details-topbar{align-items:flex-start;flex-direction:column}.lead-top-actions{width:100%;flex-wrap:wrap}.lead-details-layout{width:calc(100% - 24px);grid-template-columns:1fr}.lead-right-column{grid-column:auto;display:flex}.lead-profile-card{min-height:auto}.lead-info-grid,.log-call-grid{grid-template-columns:1fr}.call-control-body{flex-wrap:wrap}.start-call-large,.end-call-large{margin-left:0;width:100%}}@media(max-width:480px){.lead-details-layout{width:calc(100% - 16px);margin-top:10px}.lead-details-topbar{padding:13px 15px}.lead-action-btn,.lead-call-main-btn{flex:1;min-width:120px}.lead-close-btn{margin-left:auto}}.edit-lead-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;margin:0!important;background:#0f172a8c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:20000!important}.edit-lead-card{width:min(760px,100%)!important;max-height:92vh!important;overflow-y:auto!important;background:#fff!important;border-radius:16px!important;box-shadow:0 30px 90px #0f172a47!important;position:relative!important;z-index:20001!important;margin:auto!important}.crm-success-toast{position:fixed;top:24px;right:24px;z-index:999999;min-width:340px;max-width:420px;display:flex;align-items:center;gap:14px;padding:15px 16px;background:#fff;border:1px solid #d9f0e4;border-radius:14px;box-shadow:0 18px 45px #0f172a29,0 4px 12px #0f172a14;animation:crmToastIn .25s ease-out}.crm-success-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e8f8ef;color:#16834b;font-size:20px;font-weight:700}.crm-success-content{min-width:0;display:flex;flex-direction:column;gap:3px}.crm-success-content strong{color:#17251f;font-size:14px;font-weight:700}.crm-success-content span{color:#6b7a73;font-size:12px;line-height:1.4}.crm-success-close{margin-left:auto;width:28px;height:28px;border:0;background:transparent;color:#8a9891;font-size:20px;line-height:1;cursor:pointer;border-radius:7px}.crm-success-close:hover{background:#f3f6f4;color:#26352e}@keyframes crmToastIn{0%{opacity:0;transform:translateY(-10px) translate(8px)}to{opacity:1;transform:translateY(0) translate(0)}}@media(max-width:600px){.crm-success-toast{top:16px;right:16px;left:16px;min-width:0;max-width:none}}.crm-call-success-toast{position:fixed;top:24px;right:24px;min-width:340px;max-width:420px;display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid #dce7e3;border-radius:14px;box-shadow:0 18px 45px #0f172a24,0 4px 12px #0f172a14;z-index:99999;animation:crmCallToastIn .28s ease-out}.crm-call-success-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e9f8f0;color:#16a34a;font-size:20px;font-weight:800}.crm-call-success-content{min-width:0;display:flex;flex-direction:column;gap:3px}.crm-call-success-content strong{font-size:14px;font-weight:700;color:#17211f}.crm-call-success-content span{font-size:13px;line-height:1.45;color:#64748b}.crm-call-success-close{margin-left:auto;width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:8px;color:#94a3b8;font-size:20px;line-height:1;cursor:pointer;transition:background .18s ease,color .18s ease}.crm-call-success-close:hover{background:#f1f5f9;color:#334155}@keyframes crmCallToastIn{0%{opacity:0;transform:translateY(-12px) translate(10px)}to{opacity:1;transform:translateY(0) translate(0)}}@media(max-width:600px){.crm-call-success-toast{top:14px;right:14px;left:14px;min-width:0;max-width:none}}.followup-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;margin:0!important;background:#0f172a73!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto!important;z-index:99999!important;box-sizing:border-box}.followup-modal-overlay .small-modal{width:100%!important;max-width:440px!important;margin:auto!important;background:#fff!important;border-radius:18px!important;border:1px solid #e4ebe7!important;box-shadow:0 24px 70px #0f172a33,0 8px 24px #0f172a14!important;overflow:hidden!important;animation:followupModalIn .22s ease-out}.followup-modal-overlay .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px!important;background:#fff!important;border-bottom:1px solid #edf1ef!important}.followup-modal-overlay .modal-header h2{margin:0;font-size:18px;font-weight:750;color:#17211f}.followup-modal-overlay .modal-header p{margin:5px 0 0;font-size:12px;color:#7a8798}.followup-modal-overlay .modal-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0!important;border-radius:9px;background:#f4f7f6!important;color:#667085;font-size:20px;cursor:pointer;transition:.2s ease}.followup-modal-overlay .modal-close:hover{background:#eaf8ef!important;color:#079447}.followup-modal-overlay .assignment-content{padding:22px!important;display:flex;flex-direction:column;gap:9px}.followup-modal-overlay .assignment-content label{font-size:13px;font-weight:650;color:#344054}.followup-modal-overlay .assignment-content input{width:100%;height:46px;padding:0 12px;border:1px solid #d9e3de;border-radius:10px;background:#fff;color:#17211f;font-size:14px;outline:none;box-sizing:border-box}.followup-modal-overlay .assignment-content input:focus{border-color:#13b957;box-shadow:0 0 0 3px #13b9571a}.followup-modal-overlay .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px!important;border-top:1px solid #edf1ef!important;background:#fbfdfc}@keyframes followupModalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:520px){.followup-modal-overlay{padding:14px!important}.followup-modal-overlay .small-modal{max-width:100%!important}.followup-modal-overlay .modal-footer{flex-direction:column-reverse}.followup-modal-overlay .modal-footer button{width:100%}}.crm-followup-success-toast{position:fixed;top:24px;right:24px;min-width:350px;max-width:430px;display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid #dce7e3;border-radius:14px;box-shadow:0 18px 45px #0f172a24,0 4px 12px #0f172a14;z-index:100000;animation:crmFollowUpToastIn .28s ease-out}.crm-followup-success-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e9f8f0;color:#16a34a;font-size:20px;font-weight:800}.crm-followup-success-content{min-width:0;display:flex;flex-direction:column;gap:3px}.crm-followup-success-content strong{font-size:14px;font-weight:700;color:#17211f}.crm-followup-success-content span{font-size:13px;line-height:1.45;color:#64748b}.crm-followup-success-close{margin-left:auto;width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:8px;color:#94a3b8;font-size:20px;line-height:1;cursor:pointer;transition:.18s ease}.crm-followup-success-close:hover{background:#f1f5f9;color:#334155}@keyframes crmFollowUpToastIn{0%{opacity:0;transform:translateY(-12px) translate(10px)}to{opacity:1;transform:translateY(0) translate(0)}}@media(max-width:600px){.crm-followup-success-toast{top:14px;right:14px;left:14px;min-width:0;max-width:none}}.import-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;margin:0!important;background:#0f172a73!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto!important;z-index:99999!important;box-sizing:border-box}.import-modal-overlay .import-modal{width:100%!important;max-width:540px!important;margin:auto!important;background:#fff!important;border-radius:18px!important;border:1px solid #e4ebe7!important;box-shadow:0 24px 70px #0f172a33,0 8px 24px #0f172a14!important;overflow:hidden!important;animation:importModalIn .22s ease-out}@keyframes importModalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.import-modal-overlay{padding:14px!important}.import-modal-overlay .import-modal{max-width:100%!important}}.import-preview-modal{width:min(920px,calc(100vw - 40px));max-width:920px;max-height:90vh;margin:0 auto;overflow:hidden;position:relative;left:auto;right:auto;top:auto;transform:none}.modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}@keyframes crmAlertIn{0%{opacity:0;transform:translateY(-12px) translate(12px)}to{opacity:1;transform:translateY(0) translate(0)}}
