.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;background:linear-gradient(#0b0120e0,#14052deb),url(https://res.cloudinary.com/djatdycpx/image/upload/v1768206860/6012933_hehrvn.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.auth-card{width:100%;max-width:380px;background:#1b0a3ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:50px;box-shadow:0 0 40px #a855f740;text-align:center;border:1px solid rgba(168,85,247,.25);box-sizing:border-box}.auth-card h1{color:#fff;margin-bottom:8px}.auth-card p{color:#c4b5fd;margin-bottom:24px}.auth-card input{width:100%;padding:14px;margin-bottom:14px;border-radius:10px;border:1px solid #2e1065;outline:none;background:#0f0326;color:#fff;text-align:center;box-sizing:border-box}.auth-card input:focus{border-color:#a855f7;box-shadow:0 0 10px #a855f766}.auth-card button{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(90deg,#a855f7,#ec4899);color:#fff;font-size:16px;cursor:pointer;box-shadow:0 0 20px #a855f759;transition:.3s ease}.auth-card button:hover{transform:translateY(-2px);box-shadow:0 0 30px #ec489973}.auth-card span{display:block;margin-top:16px;color:#c4b5fd}.auth-card a{color:#ec4899;text-decoration:none;font-weight:600}.auth-card a:hover{text-decoration:underline}.auth-error{background:#ff000026;color:#fff;padding:10px;border-radius:8px;margin-bottom:12px;font-size:14px;border:1px solid rgba(255,0,0,.3)}.auth-success{background:#22c55e26;color:#fff;padding:10px;border-radius:8px;margin-bottom:12px;font-size:14px;border:1px solid rgba(34,197,94,.3)}.auth-card iframe{max-width:100%!important}@media(max-width:480px){.auth-container{padding:15px}.auth-card{padding:25px;border-radius:14px}.auth-card h1{font-size:22px}.auth-card p{font-size:14px}.auth-card input,.auth-card button{padding:12px;font-size:14px}}body{margin:0;overflow-x:hidden}.dash-layout{display:flex;min-height:100vh;color:#fff;background:linear-gradient(#0b0120e0,#14052deb),url(https://res.cloudinary.com/djatdycpx/image/upload/v1768206860/6012933_hehrvn.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.sidebar{width:220px;padding:24px 18px;color:#fff;box-sizing:border-box;background:linear-gradient(180deg,#1b0a3af2,#0b0120f2);border-right:1px solid rgba(168,85,247,.25);box-shadow:0 0 25px #a855f726;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.sidebar h2{font-size:22px;font-weight:700;margin-bottom:10px;background:linear-gradient(90deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar p{font-size:14px;color:#c4b5fd;margin-bottom:20px}.logout-btn{padding:10px;border-radius:10px;border:none;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(90deg,#a855f7,#ec4899);box-shadow:0 0 15px #a855f766;transition:.3s ease}.dash-main{flex:1;padding:20px;width:100%;box-sizing:border-box}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-top:20px}.card{background:#1b0a3a;padding:20px;border-radius:16px;box-shadow:0 0 20px #a855f740;color:#fff;width:100%;box-sizing:border-box}.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.clickable:hover{transform:translateY(-4px);box-shadow:0 0 30px #ec489959}.muted{color:#c4b5fd;margin-bottom:20px}.box{background:#1b0a3a;padding:20px;border-radius:16px;box-shadow:0 0 20px #a855f726;margin-top:20px;box-sizing:border-box;max-width:600px;width:100%}.box input,.box select,.box button{width:100%;margin-top:10px;padding:12px;border-radius:10px;border:1px solid #2e1065;background:#0f0326;color:#fff;box-sizing:border-box}.box button{background:linear-gradient(90deg,#a855f7,#ec4899);border:none;cursor:pointer;font-weight:700}.team-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.team-sub{margin:0;font-size:12px;opacity:.7;color:#c4b5fd}.delete-btn{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}.delete-btn:hover{opacity:.85}@media(max-width:768px){.dash-layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(168,85,247,.25);align-items:center;text-align:center}.cards{grid-template-columns:1fr}.team-row{flex-direction:column;align-items:flex-start;gap:6px}}.logout-btn{margin-top:auto;padding:10px;border-radius:10px;border:none;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(90deg,#a855f7,#ec4899);box-shadow:0 0 15px #a855f766;transition:.3s ease}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #ec489999}@media(min-width:992px){.dashboard-top{display:flex;gap:30px;align-items:flex-start}.create-dash-box{flex:0 0 680px}.dash-list{flex:.9;margin-top:12}}@media(min-width:992px){.staff-section{display:flex;gap:30px;align-items:flex-start;margin-top:30px}.staff-form-box{flex:0 0 680px}.staff-list-box{flex:.9}}.team-row .delete-btn{width:auto;padding:8px 18px;min-width:90px;border-radius:8px;font-weight:600;white-space:nowrap}.team-row{display:flex;justify-content:space-between;align-items:center;gap:15px}@media(min-width:992px){.create-dash-box{min-height:220px;display:flex;flex-direction:column;justify-content:center}}.sidebar-top{display:flex;flex-direction:column}.logo{font-size:22px;font-weight:700;margin-bottom:6px;background:linear-gradient(90deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.role-text{font-size:13px;color:#c4b5fd;margin-bottom:20px}.workspace-box{background:#a855f714;border:1px solid rgba(168,85,247,.2);padding:12px;border-radius:10px;margin-bottom:18px}.workspace-title{font-size:14px;font-weight:600;margin:0}.workspace-sub{font-size:12px;color:#c4b5fd;margin:4px 0 0}.quick-create-btn{padding:10px;border-radius:8px;border:none;cursor:pointer;font-weight:600;color:#fff;background:linear-gradient(90deg,#7c3aed,#ec4899);box-shadow:0 0 12px #a855f759;transition:.2s ease}.quick-create-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #ec48998c}.recent-dashboard{background:#ec489914;border:1px solid rgba(236,72,153,.25);padding:12px;border-radius:10px;margin-bottom:18px;cursor:pointer;transition:.2s ease}.recent-dashboard:hover{background:#ec489926;transform:translateY(-2px)}.recent-label{font-size:12px;color:#f0abfc;margin:0}.recent-name{font-size:14px;font-weight:600;margin:4px 0 0;color:#fff}@media(max-width:768px){.dash-main{padding:14px}h1{font-size:22px;margin-bottom:8px}.sidebar{padding:16px;border-radius:0 0 18px 18px;box-shadow:0 10px 25px #00000059}.workspace-box,.recent-dashboard{margin-bottom:12px}.cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.card{padding:14px;border-radius:14px;text-align:center}.card h3{font-size:14px;line-height:1.2}.box{padding:16px;margin-top:16px}.box input,.box select{padding:10px;font-size:14px}.box button{padding:10px;font-size:14px;margin-top:12px}.staff-section{flex-direction:column;gap:16px}.team-row{flex-direction:column;align-items:flex-start;gap:6px}.card:active,.box button:active,.recent-dashboard:active{transform:scale(.97)}}@media(max-width:768px){.sidebar{padding:10px 12px 8px;border-radius:0 0 14px 14px}.logo{font-size:16px;margin:8}.role-text{font-size:11px;margin:2px 0 6px}.sidebar-top{gap:1px}.workspace-box,.recent-dashboard{padding:0 8px;border-radius:1px}.workspace-title,.recent-label{font-size:10px}.workspace-sub,.recent-name{font-size:12px}.logout-btn{padding:7px;font-size:13px;border-radius:8px;margin-top:2px}.dash-main{padding-top:8px}h1{margin-top:2px;font-size:20px}}@media(max-width:768px){.sidebar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.clickable:hover,.logout-btn:hover,.quick-create-btn:hover,.recent-dashboard:hover,.card:active,.box button:active{transform:none!important}.dash-layout{min-height:auto}.dash-main{position:relative;z-index:1}button,.card,.recent-dashboard{touch-action:manipulation}}.modal-box.large{width:600px;max-height:75vh;overflow-y:auto;background:#1e1e2f;padding:20px;border-radius:12px;color:#fff}.call-row{display:flex;justify-content:space-between;background:#ffffff0d;padding:10px;border-radius:8px;margin:8px 0}.call-actions button{margin-left:6px;padding:6px 10px;border:none;border-radius:6px;cursor:pointer}.call-filters{display:flex;gap:10px;margin:12px 0 18px;flex-wrap:wrap}.call-filters input,.call-filters select{padding:8px 10px;border-radius:6px;border:1px solid #444;background:#111;color:#fff;min-width:150px}.call-filters button{padding:8px 14px}.modal-header-buttons{display:flex;gap:10px;align-items:center}.leads-page{min-height:100svh;padding:25px;color:#fff;background:linear-gradient(#0b0120e0,#14052deb),url(https://www.transparenttextures.com/patterns/cubes.png);background-size:cover;background-attachment:fixed}.page-title{font-size:26px;margin-bottom:20px;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:25px}.stat-card{padding:18px;border-radius:18px;background:#14052dd9;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 20px #7f5af040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-card h4{font-size:14px;margin-bottom:6px;opacity:.85}.stat-card p{font-size:26px;font-weight:700}.card{background:#14052dd9;border-radius:18px;padding:18px;margin-bottom:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 20px #7f5af026;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card{overflow-x:auto}.card{overflow-x:hidden}.lead-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:10px}input{padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff}input::placeholder{color:#fff9}.primary-btn{grid-column:span 2;background:linear-gradient(90deg,#7f5af0,#ff4ecd);border:none;padding:10px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 0 15px #ff4ecd80;transition:.2s ease}.primary-btn:hover{transform:translateY(-2px)}.lead-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;margin-bottom:20px}.lead-filters input,.lead-filters select{padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff}.lead-row{display:grid;grid-template-columns:2fr 1.3fr 1fr 1fr 1fr auto;gap:18px;align-items:center;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.06);transition:.2s ease}.lead-row:hover{background:#ffffff0a;border-radius:10px}.lead-cell{font-size:14px;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-name{font-weight:600;color:#fff}.sub-text{font-size:12px;color:#ffffff80}.followup{color:#ffd166;font-weight:600}.edit-input{padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff}.status-select{background-color:#1a0b2e!important;color:#fff!important;border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:8px;font-size:13px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 15px) center,calc(100% - 10px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.status-select option{background-color:#1a0b2e;color:#fff}.status-select option:checked{background-color:#7f5af0}.lead-actions{display:flex;gap:8px}.edit-btn{background:linear-gradient(90deg,#00c6ff,#0072ff);border:none;padding:6px 14px;border-radius:8px;color:#fff;font-weight:500;cursor:pointer}.save-btn{background:linear-gradient(90deg,#00b894,#55efc4);border:none;padding:6px 14px;border-radius:8px;color:#fff;cursor:pointer}.cancel-btn{background:#444;border:none;padding:6px 14px;border-radius:8px;color:#fff;cursor:pointer}.delete-btn{background:linear-gradient(90deg,#ff4ecd,#7f5af0);border:none;padding:6px 14px;border-radius:8px;color:#fff;font-weight:500;cursor:pointer}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:25px}.pagination button{padding:8px 16px;border-radius:8px;border:none;background:#ffffff14;color:#fff;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:not-allowed}.action-message{margin:10px 0 20px;padding:10px 15px;border-radius:8px;background:linear-gradient(90deg,#7f5af0,#ff4ecd);color:#fff;font-weight:500;text-align:center;box-shadow:0 0 10px #ff4ecd66;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.status-dropdown{position:relative;width:130px}.status-btn{width:100%;padding:6px 10px;border-radius:20px;border:none;color:#fff;cursor:pointer;font-weight:600;text-align:center}.status-new{background:#6c5ce7}.status-contacted{background:#0984e3}.status-qualified{background:#00b894}.status-lost{background:#d63031}.status-won{background:#fdcb6e;color:#000}.status-menu{display:none;position:absolute;top:110%;left:0;width:100%;background:#1a0b2e;border-radius:10px;box-shadow:0 0 15px #0009;overflow:hidden;z-index:100}.status-item{padding:8px 10px;cursor:pointer;color:#fff;transition:.2s;font-size:14px}.status-item:hover{background:linear-gradient(90deg,#7f5af0,#ff4ecd)}.status-dropdown:hover .status-menu{display:block}.lead-filters select{background-color:#1a0b2e!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)}.lead-filters select option{background-color:#1a0b2e;color:#fff}.lead-filters select:focus{background-color:#1a0b2e;color:#fff}.bulk-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.bulk-actions label{display:flex;align-items:center;gap:8px;font-weight:500}.bulk-delete-btn{background:linear-gradient(90deg,#ff4d4d,red);border:none;padding:6px 14px;border-radius:8px;color:#fff;cursor:pointer;font-weight:600}.lead-row{display:grid;grid-template-columns:40px 120px 2fr 1fr 1fr 1fr minmax(180px,auto);align-items:center;gap:15px;padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.lead-actions{display:flex;gap:8px;justify-content:flex-end}.lead-row.editing{grid-template-columns:40px 120px 1.5fr 1.5fr 1fr 1fr 120px 160px}.lead-row button{white-space:nowrap}.import-export-bar{display:flex;gap:15px;margin-bottom:20px}.export-btn,.import-btn{background:linear-gradient(90deg,#7f5af0,#ff4ecd);padding:8px 16px;border-radius:10px;border:none;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 0 10px #ff4ecd66}.import-btn{display:inline-block}@media(max-width:768px){.leads-page{padding:12px}.lead-form{grid-template-columns:1fr}.primary-btn{grid-column:span 1;width:100%}.lead-filters{grid-template-columns:1fr}.import-export-bar{width:100%;padding:0;margin:0 0 20px}.export-btn,.import-btn{display:block;width:100%;max-width:100%;box-sizing:border-box;padding:12px}.lead-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px}.lead-cell{white-space:normal}.lead-actions{width:100%;display:flex;gap:8px}.lead-actions button{flex:1}.status-dropdown,.status-btn{width:100%}.pagination{flex-wrap:wrap;gap:10px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{background:#1e1e2f;padding:20px;border-radius:12px;width:320px;color:#fff}.modal-actions{margin-top:15px;display:flex;justify-content:space-between}html,body,#root{height:100%;margin:0;padding:0;background:#0b0120}@media(max-width:768px){.leads-page{min-height:100dvh}}.modal-box{background:#1e1e35;padding:28px;border-radius:16px;width:420px;max-width:95%;color:#fff}.modal-box h3{margin-bottom:20px;font-weight:600}.call-top-bar{display:flex;justify-content:space-between;margin-bottom:18px}.call-actions{display:flex;justify-content:space-between;margin-top:18px}.primary-btn{background:linear-gradient(135deg,#6d5acd,#e93ef8);border:none;padding:10px 18px;border-radius:10px;color:#fff;font-weight:500;cursor:pointer;transition:.3s}.primary-btn:hover{opacity:.9}.secondary-btn{background:#2c2c50;border:none;padding:10px 18px;border-radius:10px;color:#fff;cursor:pointer}.danger-btn{background:#ff3b3b;border:none;padding:10px 18px;border-radius:10px;color:#fff;font-weight:500;cursor:pointer}.call-type-btn{width:100%;padding:14px;margin-bottom:12px;border-radius:12px;border:1px solid #444;background:#252547;color:#fff;cursor:pointer;transition:.3s;font-weight:500}.call-type-btn:hover{background:#323266}.form-control{width:100%;padding:10px;margin-bottom:12px;border-radius:10px;border:1px solid #444;background:#252547;color:#fff}.form-control:focus{outline:none;border-color:#7b68ee}.call-btn{background:linear-gradient(90deg,#fff,#fff);border:none;padding:11px 14px;border-radius:10px;color:#000;font-weight:400;cursor:pointer;box-shadow:0 0 12px #ff4ecd66;transition:.2s ease}.call-btn:hover{transform:translateY(-2px)}.schedule-btn{background:linear-gradient(90deg,#f7971e,#ffd200);border:none;padding:6px 14px;border-radius:8px;color:#000;font-weight:600;cursor:pointer;box-shadow:0 0 12px #ffd20059;transition:.2s ease}.schedule-btn:hover{transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{background:#14052df2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:26px;border-radius:16px;width:420px;max-width:95%;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 25px #7f5af04d;display:flex;flex-direction:column;gap:10px}.modal-box input[type=datetime-local]{width:75%;max-width:260px;margin:10px auto 16px;display:block;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff}.start-calling-btn{background:linear-gradient(135deg,#7f5af0,#ff4ecd);border:none;padding:12px 22px;border-radius:14px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;letter-spacing:.3px;box-shadow:0 0 18px #ff4ecd73;transition:all .25s ease}.start-calling-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 28px #ff4ecda6}.start-calling-btn:active{transform:scale(.97)}.start-calling-btn .icon-circle{width:34px;height:34px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.start-calling-btn{width:100%;justify-content:center;padding:14px;font-size:16px}}@media(min-width:768px)and (max-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px}.lead-form{grid-template-columns:repeat(2,1fr);gap:12px}.import-export-bar{display:flex;gap:12px;flex-wrap:wrap}.lead-filters{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:12px}.lead-row{grid-template-columns:40px 1.4fr 1fr 1fr 1fr 1fr auto;gap:10px}.lead-actions button{padding:6px 10px;font-size:13px}}.analytics-box{background:linear-gradient(145deg,#1b0c3d,#2a0f5e);border-radius:12px;padding:18px;text-align:center;color:#fff;font-weight:600;box-shadow:0 4px 16px #0000004d}.analytics-box span{display:block;font-size:14px;opacity:.8}.analytics-box strong{font-size:20px;margin-top:6px;display:block}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:15px}.analytics-box{background:linear-gradient(145deg,#1b0c3d,#2a0f5e);border-radius:12px;padding:18px;text-align:center;color:#fff;font-weight:600}.funnel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-top:15px}.funnel-box{background:linear-gradient(145deg,#1a0933,#2d0b52);border-radius:12px;padding:20px;text-align:center;color:#fff;font-weight:700}.filter-bar{display:flex;gap:10px;margin-bottom:20px}.filter-btn{padding:8px 16px;border-radius:8px;border:none;background:#1b0c3d;color:#fff;cursor:pointer}.filter-btn.active{background:#7c3aed}.assignment-card{margin-top:25px}.assignment-table-wrapper{width:100%;overflow-x:auto}.assignment-table{width:100%;border-collapse:collapse}.assignment-table th{text-align:left;padding:12px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.15)}.assignment-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}.assignment-table tr:hover{background:#ffffff0d}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-new{background:#3b82f6;color:#fff}.status-qualified{background:#22c55e;color:#fff}.status-lost{background:#ef4444;color:#fff}.status-won{background:#10b981;color:#fff}@media(max-width:768px){.assignment-table{font-size:13px}.assignment-table th,.assignment-table td{padding:8px}}@media(max-width:768px){.lead-row{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;box-sizing:border-box}.lead-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.lead-actions button{flex:1 1 48%}}.assign-btn{background:linear-gradient(90deg,#7f5af0,#5f3dc4);color:#fff;box-shadow:0 0 10px #7f5af066}.assign-btn:hover{transform:translateY(-2px)}.performance-page{padding:25px;color:#fff}.performance-header h2{font-size:26px;margin-bottom:5px}.performance-header p{color:#cfcfcf;margin-bottom:20px}.performance-table-wrapper{background:#ffffff0d;border-radius:12px;padding:15px;overflow-x:auto}.performance-table{width:100%;border-collapse:collapse;min-width:600px}.performance-table th{text-align:left;padding:12px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.15)}.performance-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}.performance-table tr:hover{background:#ffffff0d}.staff-name{font-weight:600}.role-badge{text-transform:capitalize;background:#008cff33;padding:4px 10px;border-radius:8px;font-size:13px}.conversion{font-weight:700;color:#00e676}.empty-row{text-align:center;padding:20px;color:#aaa}@media(max-width:768px){.performance-header h2{font-size:22px}.performance-table th,.performance-table td{padding:10px;font-size:14px}}.call-history-page{min-height:100svh;padding:25px;color:#fff;background:linear-gradient(#0b0120e0,#14052deb),url(https://www.transparenttextures.com/patterns/cubes.png);background-size:cover;background-attachment:fixed}.call-history-page .page-title{font-size:26px;margin-bottom:20px;color:#fff}.call-history-page .lead-filters{display:grid;grid-template-columns:2fr 1fr 1fr .8fr;gap:14px;margin-bottom:20px}.call-history-page .lead-filters input,.call-history-page .lead-filters select{padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff}.call-history-page .lead-filters select option{background-color:#1a0b2e;color:#fff}.call-history-page .card{background:#14052dd9;border-radius:18px;padding:18px;margin-bottom:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 20px #7f5af026;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto}.call-history-page .table-header{font-weight:600;opacity:.8;border-bottom:1px solid rgba(255,255,255,.1)}.call-history-page .call-history-row{display:grid;grid-template-columns:1.5fr 1.2fr 1fr 1fr 1fr 1.5fr 1.5fr 120px;gap:18px;align-items:center;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.06);transition:.2s ease}.call-history-page .call-history-row:hover{background:#ffffff0a;border-radius:10px}.call-history-page .cell{font-size:14px;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-history-page .cell strong{color:#fff;font-weight:600}.call-history-page .cell-label{display:none;font-size:12px;color:#ffffff80;margin-bottom:2px}.call-history-page .status-badge{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600}.call-history-page .status-badge.new{background:#6c5ce7}.call-history-page .status-badge.contacted{background:#0984e3}.call-history-page .status-badge.qualified{background:#00b894}.call-history-page .status-badge.lost{background:#d63031}.call-history-page .status-badge.scheduled{background:#e0af1c}.call-history-page .status-badge.won{background:#ed16df;color:#000}.call-history-page .call-btn{background:linear-gradient(90deg,#fff,#fff);border:none;padding:8px 14px;border-radius:10px;color:#000;font-weight:400;cursor:pointer;box-shadow:0 0 12px #ff4ecd66;transition:.2s ease}.call-history-page .call-btn:hover{transform:translateY(-2px)}.call-history-page .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:1000}.call-history-page .modal-box{background:#14052df2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:26px;border-radius:16px;width:420px;max-width:95%;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 25px #7f5af04d;overflow:hidden;display:flex;flex-direction:column;gap:10px}.call-history-page .modal-box h3{margin-bottom:10px;font-weight:600;text-align:center}.call-history-page .form-control,.call-history-page textarea,.call-history-page .modal-box input[type=datetime-local]{width:100%;padding:12px;margin-bottom:12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff}.call-history-page textarea{min-height:60px;resize:vertical}.call-history-page .form-control:focus,.call-history-page textarea:focus{outline:none;border-color:#7f5af0}.call-history-page .primary-btn{background:linear-gradient(135deg,#6d5acd,#e93ef8);border:none;padding:10px 18px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer}.call-history-page .secondary-btn{background:#2c2c50;border:none;padding:10px 18px;border-radius:10px;color:#fff;cursor:pointer}.call-history-page .save-btn{background:linear-gradient(90deg,#00b894,#55efc4);border:none;padding:10px 18px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer}.call-history-page .cancel-btn{background:#444;border:none;padding:10px 18px;border-radius:10px;color:#fff;cursor:pointer}.call-history-page .schedule-btn{background:linear-gradient(90deg,#f7971e,#ffd200);border:none;padding:10px 18px;border-radius:10px;color:#000;font-weight:600;cursor:pointer}.call-history-page .call-type-btn{width:100%;padding:14px;margin-bottom:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fff;cursor:pointer;transition:.3s;font-weight:500}.call-history-page .call-type-btn:hover{background:linear-gradient(90deg,#23212b,#0d080c)}@media(max-width:768px){.call-history-page{padding:14px}.call-history-page .lead-filters{display:flex;flex-direction:column;gap:12px}.call-history-page .lead-filters input,.call-history-page .lead-filters select{width:100%;box-sizing:border-box}.call-history-page .call-history-row{display:block;background:#14052dbf;border-radius:16px;padding:16px;margin-bottom:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 15px #7f5af033}.call-history-page .table-header{display:none}.call-history-page .cell-label{display:block;font-size:12px;color:#fff9;margin-bottom:2px}.call-history-page .cell{white-space:normal;margin-bottom:6px}.call-history-page .cell strong{font-size:16px;display:block;margin-bottom:4px}.call-history-page .status-badge{display:inline-block;margin:6px 0}.call-history-page .cell:nth-last-child(2){font-size:12px;opacity:.7}.call-history-page .call-btn{width:100%;margin-top:10px}}@media(max-width:1024px){.call-history-page .call-history-row{grid-template-columns:1.5fr 1.2fr 1fr 1fr 1fr 1.2fr 1.2fr 100px;gap:12px}}.call-history-page .modal-box select{background-color:#1a0b2e!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)}.call-history-page .modal-box select option{background-color:#1a0b2e;color:#fff}.call-history-page .modal-box textarea{width:90%;max-width:320px;margin:0 auto 16px;display:block}.call-history-page .modal-box input[type=datetime-local]{width:75%;max-width:260px;margin:10px auto 16px;display:block}.staff-performance-page .call-history-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:18px;align-items:center}.staff-performance-page .card{width:100%}.staff-performance-page .table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr}@media(max-width:768px){.staff-performance-page .call-history-row{display:block}}:root{--bg-main: linear-gradient(135deg, #0b0120, #14052d);--card-bg: rgba(255, 255, 255, .05);--border-glow: rgba(255, 255, 255, .08);--primary-gradient: linear-gradient(90deg, #7f5af0, #ff4ecd);--text-main: #ffffff;--text-dim: #b9b9ff;--danger-gradient: linear-gradient(90deg, #ff4e7a, #ff6b6b)}