@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,sans-serif}#root{width:100%;max-width:100%}input:focus{box-shadow:0 0 0 3px #3bbcc026;border-color:#3bbcc0!important}button:hover{opacity:.9}button:active{transform:scale(.98)}@keyframes spin{to{transform:rotate(360deg)}}.admin-layout{background:#f0f2f5;min-height:100vh;font-family:Inter,Segoe UI,sans-serif;display:flex}.sidebar{z-index:100;background:#111827;flex-direction:column;width:260px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid #ffffff0f;padding:20px 20px 16px}.sidebar-logo{border-radius:4px;height:34px}.sidebar-badge{color:#3bbcc0;letter-spacing:.5px;text-transform:uppercase;background:#3bbcc026;border-radius:20px;margin-top:8px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-section-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:1.2px;margin-top:4px;padding:16px 12px 8px;font-size:10px;font-weight:700}.nav-section-label:first-child{margin-top:0;padding-top:0}.nav-item{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#ffffffd9;background:#ffffff0f;opacity:1!important;transform:none!important}.nav-item.active{color:#3bbcc0;background:#3bbcc01f}.nav-item.active .nav-icon{color:#3bbcc0}.nav-icon{flex-shrink:0;font-size:18px;display:flex}.nav-item-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:18px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.sidebar-footer{border-top:1px solid #ffffff0f;padding:16px}.sidebar-user{border-radius:8px;align-items:center;gap:10px;padding:8px;transition:background .15s;display:flex}.sidebar-user:hover{background:#ffffff0a}.sidebar-avatar{color:#fff;background:linear-gradient(135deg,#3bbcc0,#2a8a8d);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.sidebar-user-name{color:#ffffffd9;font-size:13px;font-weight:600}.sidebar-user-role{color:#ffffff59;text-transform:capitalize;font-size:11px}.admin-main{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.admin-header{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #00000008}.header-left{align-items:center;gap:16px;display:flex}.hamburger{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;font-size:22px;transition:background .15s;display:none}.hamburger:hover{background:#f3f4f6;opacity:1!important;transform:none!important}.header-page-title{color:#111827;font-size:17px;font-weight:600}.header-breadcrumb{color:#9ca3af;font-size:12px}.header-right{align-items:center;gap:8px;display:flex}.header-icon-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:all .15s;display:flex;position:relative}.header-icon-btn:hover{color:#374151;background:#f0f2f5;opacity:1!important;transform:none!important}.header-icon-btn .notif-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.header-divider{background:#e5e7eb;width:1px;height:32px;margin:0 8px}.header-user{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:5px 10px 5px 5px;transition:background .15s;display:flex}.header-user:hover{background:#f9fafb}.header-avatar{color:#fff;background:linear-gradient(135deg,#3bbcc0,#2a8a8d);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.header-user-info{flex-direction:column;display:flex}.header-user-name{color:#111827;font-size:13px;font-weight:600}.header-user-role{color:#9ca3af;text-transform:capitalize;font-size:11px}.logout-btn{cursor:pointer;color:#ef4444;background:0 0;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.logout-btn:hover{background:#fef2f2;border-color:#fca5a5;opacity:1!important;transform:none!important}.admin-content{flex:1;padding:28px}.sidebar-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}@media (width<=1024px){.sidebar{width:240px}.admin-main{margin-left:240px}.admin-content{padding:20px}}@media (width<=768px){.sidebar{width:280px;transform:translate(-100%);box-shadow:4px 0 24px #0000004d}.sidebar.open{transform:translate(0)}.sidebar-overlay.visible{display:block}.admin-main{margin-left:0}.hamburger{display:flex}.admin-header{padding:0 16px}.admin-content{padding:16px}.header-user-info,.header-divider,.logout-btn span{display:none}.logout-btn{padding:8px}}@media (width<=480px){.admin-content{padding:12px}.header-page-title{font-size:15px}}.login-wrapper{min-height:100vh;font-family:Inter,Segoe UI,sans-serif;display:flex}.login-left{background:linear-gradient(160deg,#3bbcc0 0%,#2a9a9e 35%,#1a1a1a 100%);flex-direction:column;flex:0 0 48%;justify-content:center;align-items:center;padding:60px 48px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";background:#ffffff0a;border-radius:50%;width:400px;height:400px;position:absolute;top:-120px;right:-120px}.login-left:after{content:"";background:#ffffff08;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.brand-content{z-index:1;max-width:400px;position:relative}.brand-logo{filter:drop-shadow(0 4px 20px #0003);border-radius:6px;width:260px;margin-bottom:40px}.brand-tagline{color:#fff;letter-spacing:-.5px;margin-bottom:8px;font-size:30px;font-weight:700;line-height:1.2}.brand-subtitle{color:#ffffffb3;margin-bottom:40px;font-size:15px;line-height:1.7}.feature-list{flex-direction:column;gap:16px;display:flex}.feature-item{color:#fff;align-items:center;gap:14px;font-size:15px;font-weight:500;display:flex}.feature-icon-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.left-footer{color:#ffffff59;letter-spacing:.3px;z-index:1;font-size:12px;position:absolute;bottom:28px}.login-right{background:#f0f2f5;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative}.login-right:before{content:"";background:linear-gradient(90deg,#3bbcc0,#2a8a8d,#1a1a1a);height:4px;display:none;position:absolute;top:0;left:0;right:0}.login-card{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:48px 40px;animation:.5s ease-out fadeInUp;box-shadow:0 4px 6px -1px #0000000d,0 20px 50px -12px #00000014}.login-card-header{text-align:center;margin-bottom:36px}.login-avatar{background:linear-gradient(135deg,#3bbcc0 0%,#2a8a8d 100%);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex;box-shadow:0 8px 24px #3bbcc04d}.login-avatar svg{color:#fff}.login-title{color:#111827;letter-spacing:-.3px;margin-bottom:6px;font-size:26px;font-weight:700}.login-subtitle{color:#6b7280;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-field{flex-direction:column;gap:7px;display:flex}.form-label{color:#374151;letter-spacing:.2px;font-size:13px;font-weight:600}.input-box{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;pointer-events:none;font-size:18px;display:flex;position:absolute;left:14px}.form-input{color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:13px 44px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus{background:#fff;border-color:#3bbcc0!important;box-shadow:0 0 0 4px #3bbcc01a!important}.form-input::placeholder{color:#b0b5be}.eye-toggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:14px}.eye-toggle:hover{color:#6b7280;opacity:1!important;transform:none!important}.form-extras{justify-content:space-between;align-items:center;margin-top:-4px;display:flex}.remember-label{color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.remember-check{accent-color:#3bbcc0;cursor:pointer;border-radius:4px;width:16px;height:16px}.forgot-link{color:#3bbcc0;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none}.forgot-link:hover{color:#2a9a9e;text-decoration:underline;opacity:1!important;transform:none!important}.submit-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#3bbcc0,#2a9a9e);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:4px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:all .25s;display:flex}.submit-btn:hover{background:linear-gradient(135deg,#35adb1,#258d90);box-shadow:0 8px 24px #3bbcc059;opacity:1!important;transform:translateY(-1px)!important}.submit-btn:active{transform:translateY(0)!important}.submit-btn:disabled{cursor:not-allowed;opacity:.7!important}.submit-btn .btn-arrow{transition:transform .2s}.submit-btn:hover .btn-arrow{transform:translate(3px)}.btn-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.card-footer{text-align:center;border-top:1px solid #f3f4f6;margin-top:28px;padding-top:24px}.card-footer-text{color:#9ca3af;font-size:12px}.card-footer-text .brand{color:#3bbcc0;font-weight:700}.mobile-brand{text-align:center;margin-bottom:28px;display:none}.mobile-logo{border-radius:4px;width:180px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.login-left{flex:0 0 42%;padding:40px 32px}.brand-logo{width:200px;margin-bottom:28px}.brand-tagline{font-size:24px}.login-card{padding:40px 32px}}@media (width<=768px){.login-wrapper{flex-direction:column}.login-left{display:none}.login-right{background:linear-gradient(#f0f2f5 0%,#e8eaee 100%);align-items:flex-start;min-height:100vh;padding:60px 16px 24px}.login-right:before,.mobile-brand{display:block}.login-card{border-radius:16px;max-width:100%;padding:32px 24px;box-shadow:0 2px 4px #0000000a,0 12px 32px #0000000f}.login-avatar{border-radius:14px;width:56px;height:56px;margin-bottom:16px}.login-title{font-size:22px}.login-card-header{margin-bottom:28px}.form-input{padding:12px 42px;font-size:16px}.submit-btn{padding:15px;font-size:16px}}@media (width<=380px){.login-right{padding:40px 12px 20px}.login-card{padding:28px 20px}.mobile-logo{width:150px}.form-extras{flex-direction:column;align-items:flex-start;gap:8px}}.dashboard-welcome{margin-bottom:28px}.dashboard-welcome h1{color:#111827;letter-spacing:-.3px;margin-bottom:4px;font-size:24px;font-weight:700}.dashboard-welcome h1 .highlight{color:#3bbcc0}.dashboard-welcome p{color:#6b7280;font-size:14px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}.stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;align-items:center;gap:16px;padding:22px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 3px #0000000a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-value{color:#111827;font-size:26px;font-weight:700;line-height:1}.stat-label{color:#6b7280;margin-top:4px;font-size:13px}.dashboard-row{grid-template-columns:2fr 1fr;gap:20px;display:grid}.dashboard-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.card-header h3{color:#111827;margin:0;font-size:15px;font-weight:600}.card-header .badge{color:#3bbcc0;background:#3bbcc01a;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.card-body{padding:22px}.activity-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.activity-item{align-items:flex-start;gap:12px;display:flex}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-text{color:#374151;font-size:13px;line-height:1.5}.activity-time{color:#9ca3af;margin-top:2px;font-size:11px}.quick-actions{flex-direction:column;gap:10px;display:flex}.quick-action-btn{cursor:pointer;color:#374151;text-align:left;background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.quick-action-btn:hover{background:#f0f2f5;border-color:#e5e7eb;opacity:1!important;transform:none!important}.quick-action-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.placeholder-card{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:14px;margin-top:20px;padding:40px}.placeholder-card h3{color:#374151;margin:0;font-size:16px}.placeholder-card p{color:#9ca3af;margin:8px 0 0;font-size:13px}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-row{grid-template-columns:1fr}}@media (width<=640px){.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-value{font-size:22px}.dashboard-welcome h1{font-size:20px}.dashboard-row{gap:12px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-header h1{color:#111827;font-size:22px;font-weight:700}.page-header p{color:#6b7280;margin-top:2px;font-size:13px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3bbcc0,#2a9a9e);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{box-shadow:0 4px 16px #3bbcc04d;opacity:1!important;transform:translateY(-1px)!important}.table-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #f0f0f0;padding:14px 18px;font-size:11px;font-weight:600}.admin-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f5f5f5;padding:14px 18px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#fafbfc}.user-cell{align-items:center;gap:10px;display:flex}.user-cell-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.user-cell-name{color:#111827;font-weight:600}.user-cell-email{color:#9ca3af;font-size:12px}.role-badge{text-transform:capitalize;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.role-badge.superadmin{color:#92400e;background:#fef3c7}.role-badge.hr{color:#1e40af;background:#dbeafe}.role-badge.hr_intern{color:#3730a3;background:#e0e7ff}.role-badge.manager{color:#065f46;background:#d1fae5}.role-badge.accountant{color:#5b21b6;background:#ede9fe}.role-badge.viewer{color:#6b7280;background:#f3f4f6}.status-dot{align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.status-dot:before{content:"";border-radius:50%;width:7px;height:7px}.status-dot.active:before{background:#10b981}.status-dot.inactive:before{background:#ef4444}.perm-tags{flex-wrap:wrap;gap:4px;max-width:200px;display:flex}.perm-tag{color:#6b7280;text-transform:capitalize;white-space:nowrap;background:#f0f2f5;border-radius:4px;padding:2px 6px;font-size:10px}.perm-tag.more{color:#3730a3;background:#e0e7ff}.action-btns{gap:6px;display:flex}.action-btn{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:all .15s;display:flex}.action-btn:hover{background:#f9fafb;opacity:1!important;transform:none!important}.action-btn.danger:hover{color:#ef4444;background:#fef2f2;border-color:#fee2e2}.action-btn.success:hover{color:#10b981;background:#ecfdf5;border-color:#d1fae5}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;animation:.25s ease-out fadeInUp;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.modal-header h2{color:#111827;font-size:18px;font-weight:700}.modal-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:4px;font-size:20px}.modal-close:hover{background:#f3f4f6;opacity:1!important;transform:none!important}.modal-body{flex-direction:column;gap:16px;max-height:70vh;padding:20px 24px;display:flex;overflow-y:auto}.modal-field{flex-direction:column;gap:5px;display:flex}.modal-field label{color:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.modal-field input,.modal-field select{color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.modal-field input:focus,.modal-field select:focus{background:#fff;border-color:#3bbcc0!important;box-shadow:0 0 0 3px #3bbcc01a!important}.perms-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.perm-checkbox{color:#374151;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.perm-checkbox input{accent-color:#3bbcc0;cursor:pointer;width:16px;height:16px}.modal-footer{justify-content:flex-end;gap:10px;padding:16px 24px 22px;display:flex}.btn-cancel{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:500}.btn-cancel:hover{background:#f9fafb;opacity:1!important;transform:none!important}.empty-state{text-align:center;color:#9ca3af;padding:48px 20px}.empty-state svg{margin-bottom:12px}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start}.perms-grid{grid-template-columns:1fr}.perm-tags{max-width:120px}.modal{max-width:100%;margin:16px}}.upload-zone{text-align:center;cursor:pointer;background:#fafbfc;border:2px dashed #d1d5db;border-radius:14px;padding:40px 20px;transition:all .2s}.upload-zone:hover,.upload-zone.dragging{background:#3bbcc00a;border-color:#3bbcc0}.upload-zone input[type=file]{display:none}.upload-zone-icon{color:#3bbcc0;background:#3bbcc01a;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;font-size:24px;display:flex}.upload-meta{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.upload-meta select,.upload-meta input{color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.upload-meta select:focus,.upload-meta input:focus{background:#fff;border-color:#3bbcc0;box-shadow:0 0 0 3px #3bbcc01a}.upload-result{color:#065f46;background:#ecfdf5;border:1px solid #d1fae5;border-radius:10px;margin-top:16px;padding:16px;font-size:14px}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filter-bar select,.filter-bar input{color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.filter-bar select:focus,.filter-bar input:focus{border-color:#3bbcc0;box-shadow:0 0 0 2px #3bbcc01a}.filter-bar input[type=text]{min-width:200px}.disp-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.disp-badge.new{color:#1e40af;background:#dbeafe}.disp-badge.not_interested{color:#991b1b;background:#fee2e2}.disp-badge.wrong_number{color:#92400e;background:#fef3c7}.disp-badge.callback{color:#3730a3;background:#e0e7ff}.disp-badge.rejected{color:#9d174d;background:#fce7f3}.disp-badge.shortlisted{color:#065f46;background:#d1fae5}.disp-badge.interview_scheduled{color:#5b21b6;background:#ede9fe}.disp-badge.selected{color:#047857;background:#d1fae5}.disp-badge.temporary{color:#0e7490;background:#cffafe}.disp-badge.permanent{color:#065f46;background:#d1fae5}.lead-name{color:#111827;font-size:13px;font-weight:600}.lead-mobile{color:#6b7280;font-family:monospace;font-size:12px}.lead-city{color:#9ca3af;font-size:12px}.assign-bar{background:#f0f9fa;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.assign-bar span{color:#111827;font-size:13px;font-weight:600}.lead-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.lead-detail-info{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.lead-detail-field{background:#f9fafb;border:1px solid #f0f0f0;border-radius:8px;padding:10px 14px}.lead-detail-field label{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:10px;font-weight:600;display:block}.lead-detail-field span{color:#111827;font-size:13px}.history-item{border-left:3px solid #e5e7eb;margin-bottom:8px;padding:10px 14px;font-size:12px}.history-item .history-action{color:#111827;font-weight:600}.history-item .history-meta{color:#9ca3af;font-size:11px}.history-item.disposition_changed{border-left-color:#3bbcc0}.history-item.assigned{border-left-color:#6366f1}.history-item.comment_added{border-left-color:#f59e0b}.history-item.created{border-left-color:#10b981}.lead-checkbox{accent-color:#3bbcc0;cursor:pointer;width:16px;height:16px}.perf-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.perf-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;padding:18px}.perf-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.perf-card-name{color:#111827;font-size:15px;font-weight:700}.perf-card-total{color:#9ca3af;font-size:11px}.perf-bar-row{align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.perf-bar-label{color:#6b7280;flex-shrink:0;width:90px}.perf-bar-track{background:#f3f4f6;border-radius:4px;flex:1;height:8px;overflow:hidden}.perf-bar-fill{border-radius:4px;height:100%;transition:width .4s}.perf-bar-count{text-align:right;color:#111827;width:30px;font-weight:600}.comment-input-row{gap:8px;margin-top:12px;display:flex}.comment-input-row input{border:1.5px solid #e5e7eb;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.comment-input-row input:focus{border-color:#3bbcc0}.comment-input-row button{color:#fff;cursor:pointer;background:#3bbcc0;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.batch-tag{text-transform:uppercase;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.batch-tag.workindia{color:#1e40af;background:#dbeafe}.batch-tag.indeed{color:#3730a3;background:#e0e7ff}.batch-tag.naukri{color:#065f46;background:#d1fae5}.batch-tag.linkedin{color:#0369a1;background:#f0f9ff}.batch-tag.other{color:#6b7280;background:#f3f4f6}.pipe-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:20px;display:grid}.pipe-stat-card{text-align:center;background:#fff;border:2px solid #f0f0f0;border-radius:12px;padding:14px 12px;transition:border-color .15s,box-shadow .15s}.pipe-stat-card:hover,.pipe-stat-card.active{box-shadow:0 2px 12px #0000000f}.pipe-stat-count{margin-bottom:4px;font-size:24px;font-weight:800;line-height:1}.pipe-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.pipe-stage-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.pipe-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.pipe-card{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:14px;transition:border-color .15s,box-shadow .15s}.pipe-card:hover{border-color:#3bbcc0;box-shadow:0 2px 12px #3bbcc01a}.pipe-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pipe-card-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.pipe-card-name{color:#111827;font-size:14px;font-weight:700;line-height:1.2}.pipe-card-sub{color:#9ca3af;font-size:11px}.pipe-card-mobile{color:#6b7280;font-family:monospace;font-size:12px}.pipe-card-body{margin-bottom:8px}.pipe-card-info{color:#6b7280;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.pipe-card-tags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.pipe-tag{white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.pipe-card-footer{color:#9ca3af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:8px;font-size:11px;display:flex}.pipe-card-action{color:#3bbcc0;font-weight:600}.onb-section-header{cursor:pointer;color:#111827;background:#f9fafb;border:none;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;font-family:inherit;font-size:14px;font-weight:700;display:flex}.onb-section-header:hover{background:#f3f4f6}.onb-done-badge{color:#065f46;background:#d1fae5;border-radius:10px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.onb-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.onb-field label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.onb-field input:focus,.onb-field select:focus,.onb-field textarea:focus{border-color:#3bbcc0;box-shadow:0 0 0 2px #3bbcc01a}.onb-doc-grid{flex-direction:column;gap:8px;display:flex}.onb-doc-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s;display:flex}.onb-doc-card.uploaded{background:#f0fdf4;border-color:#d1fae5}.onb-doc-icon{background:#f3f4f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.onb-doc-card.uploaded .onb-doc-icon{background:#d1fae5}.onb-doc-label{color:#111827;font-size:13px;font-weight:600}.onb-upload-btn{cursor:pointer;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.onb-upload-btn:hover{background:#e5e7eb;border-color:#d1d5db}.pipe-task-notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:6px 10px;font-size:12px;font-weight:500;display:flex}.pipe-task-notice.done{color:#166534;background:#f0fdf4;border-color:#bbf7d0}@media (width<=768px){.upload-meta,.lead-detail-info{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-bar input[type=text]{min-width:unset;width:100%}.assign-bar{flex-direction:column;align-items:stretch}.pipe-stats{grid-template-columns:repeat(3,1fr)}.pipe-cards,.onb-form-grid{grid-template-columns:1fr}}.emp-page{padding:0}.emp-tabs{border-bottom:2px solid #e5e7eb;gap:0;margin-bottom:20px;display:flex}.emp-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.emp-tab:hover{color:#1a1a1a}.emp-tab.active{color:#3bbcc0;border-bottom-color:#3bbcc0;font-weight:600}.emp-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.emp-search{flex:1;max-width:400px;position:relative}.emp-search input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:9px 36px;font-size:14px;transition:border-color .2s}.emp-search input:focus{border-color:#3bbcc0}.emp-search-icon{color:#9ca3af;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.emp-search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:2px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.emp-count{color:#6b7280;white-space:nowrap;font-size:13px}.emp-loading,.emp-empty{text-align:center;color:#9ca3af;padding:60px 20px;font-size:15px}.emp-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.emp-table{border-collapse:collapse;width:100%;font-size:14px}.emp-table th{text-align:left;color:#374151;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-weight:600}.emp-table td{color:#1a1a1a;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px 16px}.emp-table tbody tr:hover{background:#f9fafb}.emp-table tbody tr:last-child td{border-bottom:none}.emp-name-cell{align-items:center;gap:10px;display:flex}.emp-avatar{color:#fff;background:linear-gradient(135deg,#3bbcc0,#2da3a7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.emp-status-badge{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.emp-status-badge.terminated{color:#dc2626;background:#fef2f2}.emp-status-badge.left{color:#d97706;background:#fffbeb}.emp-status-badge.notice_period{color:#7c3aed;background:#f5f3ff}.emp-status-badge.absconding{color:#b91c1c;background:#fef2f2}.emp-status-badge.on_hold{color:#4b5563;background:#f3f4f6}.emp-actions{align-items:center;gap:8px;display:flex}.emp-action-btn{cursor:pointer;color:#374151;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;transition:all .15s;display:inline-flex}.emp-action-btn:hover{background:#f3f4f6}.emp-action-btn.view{color:#3bbcc0;border-color:#3bbcc0}.emp-action-btn.view:hover{background:#3bbcc014}.emp-action-btn.edit{color:#6366f1;border-color:#6366f1}.emp-action-btn.edit:hover{background:#6366f114}.emp-action-btn.status{color:#f59e0b;border-color:#f59e0b}.emp-action-btn.status:hover{background:#f59e0b14}.emp-action-btn.reactivate{color:#10b981;border-color:#10b981}.emp-action-btn.reactivate:hover{background:#10b98114}.emp-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.emp-modal{background:#fff;border-radius:14px;width:100%;max-width:680px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.emp-modal-header{z-index:1;background:#fff;border-bottom:1px solid #f3f4f6;border-radius:14px 14px 0 0;align-items:center;gap:14px;padding:20px 24px;display:flex;position:sticky;top:0}.emp-modal-avatar{color:#fff;background:linear-gradient(135deg,#3bbcc0,#2da3a7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.emp-modal-header h2{color:#1a1a1a;margin:0;font-size:18px}.emp-modal-header p{color:#6b7280;margin:2px 0 0;font-size:13px}.emp-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;font-size:20px;display:flex}.emp-modal-close:hover{color:#1a1a1a}.emp-modal-body{padding:16px 24px 24px}.emp-section{margin-bottom:16px}.emp-section-toggle{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.emp-section-toggle:hover{background:#f3f4f6}.emp-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.emp-detail-item{flex-direction:column;gap:2px;display:flex}.emp-detail-item.full{grid-column:1/-1}.emp-detail-item label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.emp-detail-item span{color:#1a1a1a;font-size:14px}.emp-doc-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.emp-doc-card{text-align:center;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.emp-doc-card.uploaded{background:#f0fdf4;border-color:#bbf7d0}.emp-doc-card.missing{background:#fafafa}.emp-doc-icon{color:#9ca3af;font-size:22px}.emp-doc-card.uploaded .emp-doc-icon{color:#22c55e}.emp-doc-label{color:#374151;font-size:12px;font-weight:500}.emp-doc-link{color:#3bbcc0;font-size:12px;font-weight:500;text-decoration:none}.emp-doc-link:hover{text-decoration:underline}.emp-doc-missing{color:#9ca3af;font-size:11px}.emp-mini-modal{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:24px;box-shadow:0 20px 60px #00000026}.emp-mini-modal h3{color:#1a1a1a;margin:0 0 4px;font-size:16px}.emp-mini-sub{color:#6b7280;margin:0 0 16px;font-size:13px}.emp-status-options{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.emp-status-option{cursor:pointer;color:#374151;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:all .15s;display:flex}.emp-status-option:hover{background:#f9fafb}.emp-status-option.selected{background:#3bbcc00f;border-color:#3bbcc0}.emp-status-option input{display:none}.emp-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.emp-reason-input{resize:none;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:8px 12px;font-family:inherit;font-size:14px}.emp-reason-input:focus{border-color:#3bbcc0}.emp-field-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.emp-date-input{border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:9px 12px;font-size:14px}.emp-date-input:focus{border-color:#3bbcc0}.emp-mini-actions{justify-content:flex-end;gap:10px;display:flex}.emp-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .15s}.emp-btn.cancel{color:#374151;background:#f3f4f6}.emp-btn.cancel:hover{background:#e5e7eb}.emp-btn.confirm{color:#fff;background:#3bbcc0}.emp-btn.confirm:hover{background:#2da3a7}.emp-btn.danger{color:#fff;background:#ef4444}.emp-btn.danger:hover{background:#dc2626}.emp-select-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:9px 12px;font-size:14px}.emp-select-input:focus{border-color:#3bbcc0}.emp-action-btn.shift-assign{color:#8b5cf6;border-color:#8b5cf6}.emp-action-btn.shift-assign:hover{background:#8b5cf614}.emp-action-btn.delete{color:#ef4444;border-color:#ef4444}.emp-action-btn.delete:hover{background:#ef444414}.emp-action-btn.credit{color:#10b981;border-color:#10b981;font-weight:600}.emp-action-btn.credit:hover{background:#10b98114}.emp-action-btn.debit{color:#ef4444;border-color:#ef4444;font-weight:600}.emp-action-btn.debit:hover{background:#ef444414}.shift-section{flex-direction:column;gap:24px;display:flex}.shift-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.shift-form-card h3{color:#1a1a1a;margin:0 0 16px;font-size:15px}.shift-form-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.shift-field label{color:#6b7280;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.shift-field input{border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:14px}.shift-field input:focus{border-color:#3bbcc0}.shift-form-actions{justify-content:flex-end;gap:10px;display:flex}.shift-list h3{color:#1a1a1a;margin:0 0 12px;font-size:15px}.pl-balance{font-size:15px;font-weight:700}.pl-balance.positive{color:#10b981}.pl-balance.zero{color:#6b7280}.pl-type-toggle{border:1px solid #e5e7eb;border-radius:8px;gap:0;margin-bottom:16px;display:flex;overflow:hidden}.pl-type-btn{cursor:pointer;color:#6b7280;background:#f9fafb;border:none;flex:1;padding:8px;font-size:14px;font-weight:500;transition:all .15s}.pl-type-btn.active.credit{color:#10b981;background:#ecfdf5;font-weight:600}.pl-type-btn.active.debit{color:#ef4444;background:#fef2f2;font-weight:600}.pl-history-list{flex-direction:column;gap:10px;display:flex}.pl-history-item{border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px}.pl-history-item.credit{border-left:3px solid #10b981}.pl-history-item.debit{border-left:3px solid #ef4444}.pl-history-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pl-history-badge{font-size:15px;font-weight:700}.pl-history-badge.credit{color:#10b981}.pl-history-badge.debit{color:#ef4444}.pl-history-balance{color:#6b7280;font-size:12px}.pl-history-reason{color:#374151;margin-bottom:4px;font-size:13px}.pl-history-meta{color:#9ca3af;font-size:11px}@media (width<=768px){.emp-toolbar{flex-direction:column;align-items:stretch}.emp-search{max-width:100%}.emp-detail-grid{grid-template-columns:1fr}.emp-doc-grid{grid-template-columns:1fr 1fr}.emp-modal{max-height:90vh}.emp-action-btn.status,.emp-action-btn.reactivate{padding:5px 8px;font-size:12px}.shift-form-grid{grid-template-columns:1fr 1fr}.emp-tabs{overflow-x:auto}.emp-tab{white-space:nowrap;padding:10px 16px;font-size:13px}}