body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tsr-login-container{align-items:center;background:linear-gradient(135deg,#161a21,#2a2f36 50%,#2a2f36);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.tsr-login-container:before{background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tsr-login-form{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border-radius:24px;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:1.5rem;max-width:420px;overflow:hidden;padding:3rem 2.5rem;position:relative;width:100%;z-index:1}.tsr-login-form:before{background-image:url(/static/media/logo.de345011ce71256ac47f.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";filter:blur(1px);height:300px;left:50%;opacity:.03;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1.2);width:300px;z-index:-1}.tsr-login-header{margin-bottom:1rem;text-align:center}.tsr-login-brand{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.tsr-brand-logo{height:80px;max-width:280px}.tsr-login-title{color:#f8fafc;font-size:1.875rem;font-weight:600;letter-spacing:-.025em;margin:0 0 .5rem}.tsr-login-subtitle{color:#94a3b8;font-size:1rem;font-weight:400;margin:0}.tsr-login-field{display:flex;flex-direction:column;gap:.5rem}.tsr-login-field label{color:#e2e8f0;font-size:.875rem;font-weight:500;letter-spacing:.025em}.tsr-login-field input{background:#161a21cc;border:1px solid #2a2f36;border-radius:12px;box-sizing:border-box;color:#f8fafc;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.tsr-login-field input::placeholder{color:#64748b}.tsr-login-field input:focus{background:#0f172af2;border-color:#00c09a;box-shadow:0 0 0 3px #00c09a1a,0 1px 3px 0 #0000001a}.tsr-login-field input:hover:not(:focus){border-color:#475569}.tsr-login-btn{background:linear-gradient(135deg,#00c09a,#00a085);border:none;box-shadow:0 4px 14px 0 #00c09a40,0 1px 3px 0 #0000001a;color:#fff;font-weight:600;margin-top:.5rem}.tsr-login-btn:hover{background:linear-gradient(135deg,#00a085,#008f73);box-shadow:0 6px 20px 0 #00c09a4d,0 2px 6px 0 #00000026}.tsr-login-btn:active{transform:translateY(0)}.tsr-divider{margin:1rem 0}.tsr-google-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px 0 #0000001a,0 1px 3px 0 #0000000d;color:#1f2937;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;letter-spacing:.025em;margin-top:.5rem;padding:.875rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.tsr-google-btn:hover:not(:disabled){background:#f9fafb;box-shadow:0 4px 12px 0 #00000026,0 2px 6px 0 #0000001a;transform:translateY(-1px)}.tsr-google-btn:active:not(:disabled){transform:translateY(0)}.tsr-google-btn:disabled{cursor:not-allowed;opacity:.6}.tsr-signup-section{text-align:center}.tsr-signup-text{color:#94a3b8;font-size:.875rem;margin-bottom:1rem}.tsr-signup-btn{background:#0000;border:1px solid #00c09a;box-sizing:border-box;color:#00c09a;display:inline-block;font-weight:500;padding:.875rem 1.5rem;text-decoration:none}.tsr-signup-btn:hover{background:#00c09a1a;border-color:#00d4aa;color:#00d4aa;transform:translateY(-1px)}.tsr-signup-link{display:block;text-decoration:none;width:100%}.tsr-login-error{animation:shake .5s ease-in-out;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:center}.tsr-forgot-password{margin-top:.5rem;text-align:right}.tsr-forgot-password a{color:#00c09a;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.tsr-forgot-password a:hover{color:#00d4aa}@media (max-width:480px){.tsr-login-container{padding:.5rem}.tsr-login-form{border-radius:16px;max-width:100%;padding:2rem 1.5rem}.tsr-brand-logo{height:60px;max-width:220px}.tsr-login-title{font-size:1.5rem}}@media (max-width:320px){.tsr-login-form{padding:1.5rem 1rem}.tsr-brand-logo{height:50px;max-width:180px}}.tsr-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tsr-modal-content{animation:slideInModal .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#161b22fa;border-radius:20px;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff0d;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}@keyframes slideInModal{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tsr-modal-header{align-items:center;background:linear-gradient(135deg,#161a21,#2a2f36);border-bottom:1px solid #2a2f36;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.tsr-modal-header h3{color:#f0f6fc;font-size:1.25rem;font-weight:600;letter-spacing:-.025em;margin:0}.tsr-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#8b949e;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.tsr-modal-close:hover{background:#484f584d;color:#e6edf3;transform:scale(1.05)}.tsr-modal-body{padding:2rem;text-align:center}.tsr-modal-icon{align-items:center;background:linear-gradient(135deg,#00d4aa,#00b894);border-radius:50%;box-shadow:0 8px 25px #00d4aa4d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.tsr-modal-body h4{color:#f0f6fc;font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin:0 0 1rem}.tsr-modal-body p{color:#c9d1d9;font-size:1rem;line-height:1.6;margin:0 auto 2rem;max-width:400px}.tsr-contact-info{background:#161a2180;border:1px solid #2a2f36;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem}.tsr-contact-item{align-items:center;border-radius:8px;color:#e6edf3;display:flex;font-size:.95rem;gap:.75rem;padding:.5rem;transition:all .2s ease}.tsr-contact-item:hover{background:#30363d80;transform:translateX(4px)}.tsr-contact-item svg{color:#00d4aa;flex-shrink:0}.tsr-contact-item span{font-weight:500}.tsr-modal-footer{background:#161a2180;border-radius:0 0 20px 20px;border-top:1px solid #2a2f36;padding:1.5rem 2rem}.tsr-modal-btn-primary{background:linear-gradient(135deg,#00d4aa,#00b894);border:none;border-radius:12px;box-shadow:0 4px 14px 0 #00d4aa4d,0 1px 3px 0 #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.025em;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.tsr-modal-btn-primary:hover{background:linear-gradient(135deg,#00b894,#00a085);box-shadow:0 6px 20px 0 #00d4aa66,0 2px 6px 0 #00000026;transform:translateY(-2px)}.tsr-modal-btn-primary:active{transform:translateY(0)}.tsr-password-toggle{border-radius:6px;padding:.5rem;transition:all .2s ease}.tsr-password-toggle:hover{background:#64748b1a;color:#94a3b8}.tsr-login-success{animation:slideDown .4s ease-out;background:linear-gradient(135deg,#00d4aa1a,#00b8941a);border:1px solid #00d4aa4d;border-radius:12px;color:#00d4aa;font-size:.875rem;font-weight:500;padding:.875rem 1rem;text-align:center}@media (max-width:640px){.tsr-modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.tsr-modal-body,.tsr-modal-footer,.tsr-modal-header{padding-left:1.5rem;padding-right:1.5rem}.tsr-modal-body{padding-bottom:1.5rem;padding-top:1.5rem}.tsr-modal-icon{height:64px;margin-bottom:1rem;width:64px}.tsr-modal-body h4{font-size:1.25rem}.tsr-contact-info{padding:1rem}.tsr-contact-item{font-size:.875rem}}@media (max-width:480px){.tsr-modal-overlay{padding:.5rem}.tsr-modal-content{border-radius:16px}.tsr-modal-header{border-radius:16px 16px 0 0;padding:1rem 1.5rem}.tsr-modal-footer{border-radius:0 0 16px 16px;padding:1rem 1.5rem}}.tsr-signup-container{align-items:center;background:linear-gradient(135deg,#161a21,#2a2f36 50%,#2a2f36);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.tsr-signup-container:before{background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tsr-signup-form{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border-radius:24px;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;min-width:320px;overflow:hidden;padding:3rem 2.5rem;position:relative;width:80%;z-index:1}.tsr-signup-form:before{background-image:url(/static/media/logo.de345011ce71256ac47f.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";filter:blur(1px);height:400px;left:50%;opacity:.02;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1.5);width:400px;z-index:-1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tsr-signup-header{margin-bottom:1.5rem;text-align:center}.tsr-signup-brand{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.tsr-brand-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:100px;max-width:320px;object-fit:contain;transition:transform .3s ease;width:auto}.tsr-brand-logo:hover{transform:scale(1.02)}.tsr-signup-title{color:#f8fafc;font-size:2rem;font-weight:600;letter-spacing:-.025em;margin:0 0 .5rem}.tsr-signup-subtitle{color:#94a3b8;font-size:1.125rem;font-weight:400;margin:0}.tsr-signup-field{display:flex;flex-direction:column;gap:.5rem}.tsr-signup-field label{color:#e2e8f0;font-size:.875rem;font-weight:500;letter-spacing:.025em}.tsr-signup-field label span{color:#f87171;font-weight:600;margin-left:2px}.tsr-input-wrapper{position:relative}.tsr-password-wrapper{align-items:center;display:flex;position:relative}.tsr-signup-field input,.tsr-signup-field select,.tsr-signup-field textarea{background:#161a21cc;border:1px solid #2a2f36;border-radius:12px;box-sizing:border-box;color:#f8fafc;font-family:inherit;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.tsr-password-wrapper input{padding-right:3rem}.tsr-password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:2}.tsr-password-toggle:focus,.tsr-password-toggle:hover:not(:disabled){background:#00c09a1a;color:#00c09a}.tsr-password-toggle:focus{box-shadow:0 0 0 2px #00c09a33;outline:none}.tsr-password-toggle:disabled{cursor:not-allowed;opacity:.5}.tsr-password-toggle svg{height:20px;transition:all .2s ease;width:20px}.tsr-signup-field textarea{line-height:1.5;min-height:80px;resize:vertical}.tsr-signup-field input::placeholder,.tsr-signup-field select::placeholder,.tsr-signup-field textarea::placeholder{color:#64748b}.tsr-signup-field input:focus,.tsr-signup-field select:focus,.tsr-signup-field textarea:focus{background:#0f172af2;border-color:#00c09a;box-shadow:0 0 0 3px #00c09a1a,0 1px 3px 0 #0000001a}.tsr-signup-field input:hover:not(:focus),.tsr-signup-field select:hover:not(:focus),.tsr-signup-field textarea:hover:not(:focus){border-color:#475569}.tsr-signup-field input:disabled,.tsr-signup-field select:disabled,.tsr-signup-field textarea:disabled{cursor:not-allowed;opacity:.6}.tsr-signup-field select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}.tsr-signup-field select option{background:#161a21;color:#f8fafc;padding:.5rem}.tsr-signup-field input[type=file]{background:#161a21cc;border:2px dashed #2a2f36;cursor:pointer;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.tsr-signup-field input[type=file]:hover{background:#0f172af2;border-color:#00c09a}.tsr-signup-field input[type=file]:focus{border-color:#00c09a;border-style:solid;box-shadow:0 0 0 3px #00c09a1a,0 1px 3px 0 #0000001a}.tsr-profile-preview{align-items:center;background:#161a2180;border:1px solid #2a2f36;border-radius:8px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.tsr-profile-preview img{border:2px solid #3b82f6;border-radius:50%;height:80px;object-fit:cover;width:80px}.tsr-remove-image{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#f87171;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.tsr-remove-image:hover:not(:disabled){background:#ef444433;border-color:#ef44444d}.tsr-remove-image:disabled{cursor:not-allowed;opacity:.5}.tsr-file-info,.tsr-password-requirements{color:#64748b;font-size:.75rem;line-height:1.4;margin-top:.25rem}.tsr-password-requirements.valid{color:#10b981}.tsr-signup-btn{background:linear-gradient(135deg,#00c09a,#00a085);border:none;border-radius:12px;box-shadow:0 4px 14px 0 #00c09a40,0 1px 3px 0 #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.025em;margin-top:1rem;padding:1rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.tsr-signup-btn:hover:not(:disabled){background:linear-gradient(135deg,#00a085,#008f73);box-shadow:0 6px 20px 0 #00c09a4d,0 2px 6px 0 #00000026;transform:translateY(-1px)}.tsr-signup-btn:active{transform:translateY(0)}.tsr-signup-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.tsr-divider{align-items:center;display:flex;margin:1.5rem 0}.tsr-divider:after,.tsr-divider:before{background:linear-gradient(90deg,#0000,#2a2f36,#0000);content:"";flex:1 1;height:1px}.tsr-divider span{color:#64748b;font-size:.875rem;font-weight:500;padding:0 1rem}.tsr-login-section{text-align:center}.tsr-login-text{color:#94a3b8;font-size:1rem;margin-bottom:1rem}.tsr-login-btn{background:#0000;border:1px solid #00c09a;border-radius:12px;box-sizing:border-box;color:#00c09a;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;letter-spacing:.025em;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.tsr-login-btn:hover{background:#00c09a1a;border-color:#00d4aa;color:#00d4aa;transform:translateY(-1px)}.tsr-login-link{display:block;text-decoration:none;width:100%}.tsr-signup-error{animation:shake .5s ease-in-out;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5}.tsr-signup-error,.tsr-signup-success{font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:center}.tsr-signup-success{animation:slideIn .5s ease-out;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;color:#6ee7b7}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.tsr-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tsr-form-grid .tsr-signup-field{grid-column:span 1}.tsr-form-grid .tsr-signup-field.full-width{grid-column:1/-1}@media (max-width:1200px){.tsr-signup-form{padding:2.5rem 2rem;width:85%}}@media (max-width:992px){.tsr-signup-form{padding:2rem 1.5rem;width:90%}.tsr-form-grid{gap:1.25rem;grid-template-columns:1fr 1fr}.tsr-brand-logo{height:80px;max-width:280px}.tsr-signup-title{font-size:1.75rem}}@media (max-width:768px){.tsr-signup-form{padding:2rem 1.5rem;width:95%}.tsr-form-grid{gap:1rem;grid-template-columns:1fr}.tsr-form-grid .tsr-signup-field{grid-column:span 1}.tsr-brand-logo{height:70px;max-width:240px}.tsr-signup-title{font-size:1.5rem}.tsr-signup-subtitle{font-size:1rem}}@media (max-width:640px){.tsr-signup-container{padding:.5rem}.tsr-signup-form{border-radius:16px;padding:1.5rem 1rem;width:98%}.tsr-signup-header{margin-bottom:1rem}.tsr-brand-logo{height:60px;max-width:200px}.tsr-profile-preview{flex-direction:column;gap:.75rem;text-align:center}.tsr-login-btn,.tsr-signup-btn{font-size:1rem;padding:.875rem 1rem}.tsr-password-toggle{right:.5rem}.tsr-password-wrapper input{padding-right:2.5rem}}@media (max-width:480px){.tsr-signup-form{border-radius:12px;margin:0;width:100%}.tsr-form-grid{gap:.875rem}.tsr-brand-logo{height:50px;max-width:160px}}@media (max-width:320px){.tsr-signup-form{padding:1rem .75rem}.tsr-brand-logo{height:40px;max-width:140px}.tsr-signup-title{font-size:1.25rem}.tsr-password-toggle{right:.375rem}.tsr-password-wrapper input{padding-right:2.25rem}}.page-loader{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155)}.loader-container{animation:fadeInUp .8s ease-out;text-align:center;z-index:10}.logo-loader{display:inline-block;margin-bottom:32px}.loader-logo{width:120px}.logo-glow{background:radial-gradient(circle,#00d4aa4d 0,#0000 70%);height:140px;pointer-events:none;width:140px}.loader-content{margin:0 auto;max-width:400px}.loader-title{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);background-size:200% auto;margin:0 0 8px}.loader-subtitle{color:#94a3b8;margin:0 0 32px;opacity:.9}.loading-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:3px;height:6px;margin:24px 0 16px;width:100%}.loading-progress{background:linear-gradient(90deg,#fbbf24,#f59e0b,#00d4aa);border-radius:3px;overflow:hidden;position:relative;transition:width .5s ease-out}.loading-progress:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.loader-logo{height:80px;width:80px}.logo-glow{height:100px;width:100px}.loader-title{font-size:24px}.loader-subtitle{font-size:14px}.loader-container{padding:0 20px}.floating-element{height:40px;width:40px}}.admin-panel{background:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative;transition:all .3s ease}.top-navbar{background:#0f0f0f;border-bottom:1px solid #2c3239;box-shadow:0 2px 8px #0000004d}.navbar-left{flex:1 1;gap:16px;min-width:0}.navbar-right{flex-shrink:0;gap:12px}.hamburger-btn{border-radius:6px;height:32px;width:32px}.hamburger-btn:hover{background:#1a1a1a}.hamburger-line{background:#fff;width:18px}.brand-name{align-items:center;display:flex;gap:12px}.brand-logo{flex-shrink:0;height:40px;object-fit:contain;transition:all .3s ease;width:auto}.brand-logo:hover{transform:scale(1.05)}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-text h1{color:#fff;font-size:20px;font-weight:700;line-height:1.2;margin:0}.admin-badge{display:inline-block;padding:2px 8px}.back-nav-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.back-nav-btn:hover,.navbar-nav-btn{background:#1a1a1a}.navbar-nav-btn{align-items:center;border:1px solid #2c3239;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.navbar-nav-btn:hover{background:#2c3239;border-color:#3a3f47}.challenge-mode-btn.active,.navbar-nav-btn.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;color:#fff}.navbar-nav-btn svg{flex-shrink:0}.theme-toggle-btn{background:#1a1a1a;border:1px solid #2c3239;color:#fff;padding:10px}.theme-toggle-btn:hover{background:#2c3239;border-color:#3a3f47}.profile-dropdown{background:#1a1a1a;border:1px solid #2c3239;border-radius:8px;box-shadow:0 4px 12px #0000004d;overflow:hidden;top:calc(100% + 8px)}.dropdown-item{color:#fff}.dropdown-item:hover{background:#2c3239}.dropdown-item.logout{border-top:1px solid #2c3239;color:#f87171}.dropdown-item.logout:hover{background:#f871711a}.dropdown-divider{background:#2c3239}.dropdown-item svg{flex-shrink:0;height:16px;width:16px}.sidebar{background:#0f0f0f;border-right:1px solid #2c3239;height:calc(100vh - 64px);left:0;top:64px;transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.sidebar-mobile-nav{display:none;margin-bottom:8px;padding-bottom:8px}.sidebar-divider{background:#2c3239;height:1px;margin:12px 0}.nav-item{border-radius:8px;color:#9ca3af;margin-bottom:4px}.nav-item:hover{background:#1a1a1a;color:#fff}.nav-item.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 2px 4px #7c3aed33;color:#fff}.nav-item svg{flex-shrink:0}.main-content{margin-left:0;position:relative;transition:margin-left .3s ease;z-index:10}.main-content.sidebar-open{margin-left:280px}.panel-main-wrapper{display:flex;gap:0;margin-left:auto;margin-right:auto;max-width:1680px;min-height:calc(100vh - 70px);width:100%}.panel-left-container{background:#000;border-radius:12px;border-right:1px solid #2c3239;flex-shrink:0;height:calc(100vh - 90px);margin-top:32px;max-height:calc(100vh - 90px);min-width:280px;overflow:hidden;position:sticky;top:70px;width:280px}.panel-left-content{background:#1a1a1a;min-height:100%;padding:32px 32px 100px}.panel-left-header{border-bottom:1px solid #2c3239;margin-bottom:24px;padding-bottom:16px}.panel-left-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 4px}.panel-left-subtitle{color:#9ca3af;font-size:12px;margin:0}.panel-left-form{display:flex;flex-direction:column;gap:16px}.panel-left-form-group{display:flex;flex-direction:column;gap:6px}.panel-left-form-label{color:#9ca3af;font-size:13px;font-weight:500}.panel-left-form-input,.panel-left-form-select,.panel-left-form-textarea{background:#1a1a1a;border:1px solid #2c3239;border-radius:6px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:all .2s ease;width:100%}.panel-left-form-input:focus,.panel-left-form-select:focus,.panel-left-form-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1a}.panel-left-form-input:hover,.panel-left-form-select:hover,.panel-left-form-textarea:hover{border-color:#3a3f47}.panel-left-form-textarea{min-height:80px;resize:vertical}.panel-left-form-select{cursor:pointer}.panel-left-submit-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .2s ease}.panel-left-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.panel-left-submit-btn:active:not(:disabled){transform:translateY(0)}.panel-left-submit-btn:disabled{cursor:not-allowed;opacity:.6}.panel-left-submit-btn svg{height:16px;width:16px}.panel-left-required{color:#ef4444}.panel-left-hint{color:#6b7280;font-size:11px;font-weight:400;margin-left:4px}.panel-left-preview{background:#1a1a1a;border:1px solid #2c3239;border-radius:8px;margin-top:8px;padding:12px}.panel-left-preview-stats{display:flex;gap:8px;margin-bottom:8px}.panel-left-stat{align-items:center;background:#0f0f0f;border:1px solid #2c3239;border-radius:6px;display:flex;flex:1 1;flex-direction:column;padding:8px}.panel-left-stat-new{background:#10b9811a;border-color:#10b981}.panel-left-stat-dup{background:#f59e0b1a;border-color:#f59e0b}.panel-left-stat-value{color:#fff;font-size:18px;font-weight:700}.panel-left-stat-label{color:#9ca3af;font-size:11px;margin-top:2px}.panel-left-warning{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b;border-radius:6px;color:#fbbf24;display:flex;font-size:12px;gap:6px;padding:8px}.panel-left-warning svg{flex-shrink:0}.panel-left-status{align-items:center;border-radius:6px;display:flex;font-size:12px;gap:8px;margin-top:8px;padding:10px 12px}.panel-left-status.success{background:#10b9811a;border:1px solid #10b981;color:#10b981}.panel-left-status.error{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.panel-left-status.info,.panel-left-status.warning{background:#3b82f61a;border:1px solid #3b82f6;color:#3b82f6}.panel-left-status svg{flex-shrink:0}.panel-left-status-text{flex:1 1;line-height:1.4}.panel-content{flex:1 1;margin:0;max-width:1400px;overflow-x:hidden;padding:32px 32px 100px;width:100%}.sidebar-overlay{top:0}@media (max-width:768px){.sidebar-overlay{display:block}.main-content.sidebar-open{margin-left:0}}.panel-metrics-section{margin-bottom:20px}.panel-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}.panel-metric-card{background:#1a1a1a;border:1px solid #2c3239;border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.panel-metric-card:hover{border-color:#3a3f47;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.panel-metric-value{color:#fff;font-size:32px;font-weight:700;line-height:1;margin-bottom:8px}.panel-metric-label{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.panel-metric-subtitle{color:#9ca3af;font-size:12px}.panel-metric-subtitle-green{color:#10b981}@media (max-width:1200px){.panel-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.panel-metrics-grid{grid-template-columns:repeat(2,1fr)}.panel-metric-value{font-size:28px}.panel-metric-label{font-size:13px}.panel-metric-subtitle{font-size:11px}}@media (max-width:480px){.panel-metrics-grid{grid-template-columns:1fr}}.leads-table-container{background:#1a1a1a;border:1px solid #2c3239;border-radius:8px;margin-bottom:20px;padding:16px}.table-header{gap:10px;margin-bottom:10px}.table-header-left h2{color:#fff;font-size:16px;font-weight:600;margin:0}.table-subtitle{color:#9ca3af;font-size:12px;margin:0}.table-header-right{flex-wrap:wrap}.table-header-right,.table-stats{align-items:center;display:flex;gap:8px}.stat-badge{align-items:center;background:#0f0f0f;border:1px solid #2c3239;border-radius:6px;display:flex;flex-direction:row;gap:6px;padding:4px 10px}.stat-label{color:#9ca3af;margin:0}.stat-value{color:#7c3aed;font-size:13px;margin:0}.all-btn,.refresh-btn{align-items:center;background:#2c3239;border:1px solid #3a3f47;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.all-btn:hover,.refresh-btn:hover{background:#3a3f47;border-color:#4a4f57}.refresh-btn:disabled{opacity:.5}.all-leads-table,.todays-leads-table{background:#0f0f0f;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.all-leads-table thead,.todays-leads-table thead{background:#0f0f0f}.all-leads-table th,.todays-leads-table th{border-bottom:1px solid #2c3239;color:#9ca3af;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.all-leads-table td,.todays-leads-table td{border-bottom:1px solid #1a1a1a;color:#fff;font-size:14px;padding:12px 16px}.all-leads-table tbody tr:hover,.todays-leads-table tbody tr:hover{background:#1a1a1a}.all-leads-row,.todays-lead-row{transition:background .2s ease}.phone-number-cell{color:#fff;font-weight:500}.phone-number-display{color:#7c3aed;font-family:Courier New,monospace;font-weight:600}.status-tag{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.status-tag.new{background:#1e3a5f;color:#60a5fa}.status-tag.interested{background:#1e4d2e;color:#4ade80}.status-tag.not-interested,.status-tag.not_interested{background:#5f1e1e;color:#f87171}.status-tag.follow-up,.status-tag.follow_up{background:#5f3e1e;color:#fbbf24}.status-tag.callback{background:#3e1e5f;color:#a78bfa}.action-cell{white-space:nowrap}.action-buttons{align-items:center;display:flex;gap:8px}.action-btn{border-radius:6px;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.info-btn{background:#2c3239;color:#fff}.info-btn:hover{background:#3a3f47}.copy-phone-btn{background:#0000;color:#9ca3af;padding:6px}.copy-phone-btn:hover{background:#2c3239;color:#fff}.lead-name-content{display:flex;flex-direction:column;gap:4px}.lead-name-text{color:#fff;font-weight:500}.lead-id-text{color:#6b7280;font-family:Courier New,monospace;font-size:12px}.employee-name-text{color:#9ca3af}.taken-by-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 2px 4px #10b98133;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.date-time-cell{display:flex;flex-direction:column;gap:2px}.date-text{color:#fff;font-size:14px}.time-text{color:#6b7280;font-size:12px}.empty-state,.loading-state{color:#9ca3af}.no-data-cell{color:#6b7280;padding:48px 24px}.filter-section{background:#1a1a1a;border:1px solid #2c3239;border-radius:12px;margin-bottom:24px;padding:24px}.filter-section>div:first-child{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.filter-section .filter-grid{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);width:100%}.filter-section .filter-item{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.filter-section label{color:#9ca3af;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.filter-section input[type=date],.filter-section input[type=text],.filter-section select{background:#0f0f0f;border:1px solid #3a3f47;border-radius:6px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:14px;padding:10px 14px;width:100%}.filter-section input[type=date]:focus,.filter-section input[type=text]:focus,.filter-section select:focus{border-color:#7c3aed;outline:none}.filter-section input[type=text]::placeholder{color:#6b7280}.filter-section input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.filter-section input[type=date]::-webkit-clear-button,.filter-section input[type=date]::-webkit-inner-spin-button{filter:invert(1)}@media (max-width:1200px){.filter-section .filter-grid{grid-template-columns:repeat(2,1fr)}.main-content.sidebar-open{margin-left:0}.sidebar{box-shadow:2px 0 10px #00000080}.top-navbar{padding:0 16px}.brand-text h1{font-size:18px}.navbar-nav-btn span{display:none}.navbar-nav-btn{padding:8px 12px}}@media (max-width:768px){.top-navbar{height:64px;padding:0 12px}.brand-logo{height:32px}.brand-text h1{font-size:16px}.admin-badge{font-size:10px;padding:1px 6px}.navbar-right{gap:8px}.navbar-nav-btn,.theme-toggle-btn{padding:8px}.main-content{margin-top:64px}.sidebar{height:calc(100vh - 64px);top:64px}.panel-content{padding:20px}.panel-left-content{padding:20px 20px 100px}.filter-section .filter-grid{grid-template-columns:1fr}.filter-section{padding:20px}.table-header{align-items:flex-start;flex-direction:column}.table-header-right{justify-content:space-between;width:100%}.table-stats{flex-wrap:wrap}.all-leads-table,.todays-leads-table{font-size:12px}.all-leads-table td,.all-leads-table th,.todays-leads-table td,.todays-leads-table th{padding:8px 12px}.sidebar-mobile-nav{display:block}}@media (max-width:480px){.panel-content{padding:16px}.panel-left-content{padding:16px 16px 100px}.leads-table-container{padding:16px}.action-buttons{flex-direction:column;gap:4px}}.floating-chat-button{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #7c3aed66;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:56px;z-index:1000}.floating-chat-button:hover{box-shadow:0 6px 20px #7c3aed80;transform:scale(1.1)}.floating-chat-button:active{transform:scale(.95)}.floating-chat-button svg{height:24px;width:24px}.chat-window{background:#1a1a1a;border:1px solid #2c3239;border-radius:16px;bottom:96px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;height:600px;max-height:calc(100vh - 120px);overflow:hidden;position:fixed;right:24px;width:380px;z-index:1001}.chat-header{background:#0f0f0f;border-bottom:1px solid #2c3239;justify-content:space-between;padding:16px 20px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:12px}.chat-header-info svg{color:#7c3aed;flex-shrink:0}.chat-header-info h3{color:#fff}.chat-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.chat-close-btn:hover{background:#2c3239;color:#fff}.chat-mode-switcher{background:#0f0f0f;border-bottom:1px solid #2c3239;display:flex;gap:8px;padding:12px 16px}.chat-mode-btn{align-items:center;background:#1a1a1a;border:1px solid #2c3239;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease}.chat-mode-btn:hover{background:#2c3239;color:#fff}.chat-mode-btn.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;color:#fff}.chat-mode-btn svg{flex-shrink:0;height:16px;width:16px}.chat-messages{background:#0f0f0f;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0f0f0f}.chat-messages::-webkit-scrollbar-thumb{background:#2c3239;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#3a3f47}.chat-empty-state{color:#6b7280;padding:32px}.chat-empty-state svg{color:#3a3f47;height:48px;margin-bottom:16px;width:48px}.chat-message{animation:slideIn .3s ease;display:flex;flex-direction:column;max-width:75%}.chat-message.sent{align-self:flex-end}.chat-message.received{align-self:flex-start}.message-content{word-wrap:break-word;border-radius:12px;font-size:14px;line-height:1.4;padding:10px 14px}.chat-message.sent .message-content{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-bottom-right-radius:4px;color:#fff}.chat-message.received .message-content{background:#2c3239;border-bottom-left-radius:4px;color:#fff}.message-time{color:#6b7280;font-size:11px;margin-top:4px;padding:0 4px}.chat-message.sent .message-time{text-align:right}.chat-message.received .message-time{text-align:left}.chat-input-form{align-items:center;background:#0f0f0f;border-top:1px solid #2c3239;display:flex;gap:8px;padding:16px}.chat-input{background:#1a1a1a;border:1px solid #2c3239;border-radius:24px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease}.chat-input:focus{background:#1f1f1f;border-color:#7c3aed}.chat-input::placeholder{color:#6b7280}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.chat-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #7c3aed66;transform:scale(1.1)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.chat-send-btn svg{height:18px;width:18px}@media (max-width:768px){.chat-window{bottom:96px;height:calc(100vh - 120px);left:24px;max-height:calc(100vh - 120px);right:24px;width:calc(100vw - 48px)}.floating-chat-button{bottom:20px;height:52px;right:20px;width:52px}}@media (max-width:480px){.chat-window{bottom:88px;height:calc(100vh - 108px);left:16px;max-height:calc(100vh - 108px);right:16px;width:calc(100vw - 32px)}.floating-chat-button{bottom:16px;height:48px;right:16px;width:48px}.floating-chat-button svg{height:20px;width:20px}}.app-footer{background:#000;border-top:1px solid #1a1a1a;bottom:0;box-shadow:0 -2px 8px #0000004d;color:#fff;left:0;position:fixed;right:0;width:100%;z-index:100}.footer-content{margin:0 auto;max-width:1200px;padding:12px 20px}.footer-content,.footer-text{align-items:center;display:flex;justify-content:center}.footer-text{color:#9ca3af;flex-wrap:wrap;font-size:12px;gap:8px;margin:0}.company-name{color:#fff;font-weight:600}.footer-separator{color:#4b5563}.developer-name{color:#9ca3af}@media (max-width:768px){.footer-content{padding:10px 16px}.footer-text{font-size:11px;gap:8px}}@media (max-width:480px){.footer-content{padding:8px 12px}.footer-text{flex-direction:column;font-size:10px;gap:6px}.footer-separator{display:none}}.call-data-container{background:#f8fafc;margin-top:64px;min-height:calc(100vh - 64px);padding:24px;transition:all .3s ease}.call-data-container.dark{background:#0f172a;color:#e2e8f0}.call-data-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.call-data-container.dark .call-data-header{border-bottom-color:#334155}.back-btn{border:1px solid #e2e8f0;border-radius:6px;color:#475569}.call-data-container.dark .back-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}.back-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.call-data-container.dark .back-btn:hover{background:#334155;border-color:#475569}.call-data-header h2{color:#1e293b;font-size:24px;font-weight:600;margin:0}.call-data-container.dark .call-data-header h2{color:#f1f5f9}.refresh-btn{background:#7c3aed;border-radius:6px}.refresh-btn:hover:not(:disabled){background:#6d28d9}.call-data-filters{grid-gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:20px;padding:16px}.call-data-container.dark .call-data-filters{background:#1e293b;border-color:#334155}.filter-group{display:flex;flex-direction:column}.filter-input,.filter-select{border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;padding:10px 12px}.call-data-container.dark .filter-input,.call-data-container.dark .filter-select{background:#0f172a;border-color:#334155;color:#e2e8f0}.filter-input:focus,.filter-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.call-data-stats{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:24px;margin-bottom:20px;padding:16px}.call-data-container.dark .call-data-stats{background:#1e293b;border-color:#334155}.stat-label{color:#64748b}.call-data-container.dark .stat-label{color:#94a3b8}.stat-value{color:#1e293b;font-size:20px;font-weight:600}.call-data-container.dark .stat-value{color:#f1f5f9}.call-data-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.call-data-container.dark .call-data-table-wrapper{background:#1e293b;border-color:#334155}.empty-state,.error-state,.loading-state{color:#64748b}.call-data-container.dark .empty-state,.call-data-container.dark .error-state,.call-data-container.dark .loading-state{color:#94a3b8}.error-state button{background:#7c3aed;border-radius:6px}.call-data-table{border-collapse:collapse;width:100%}.call-data-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.call-data-container.dark .call-data-table thead{background:#0f172a;border-bottom-color:#334155}.call-data-table th{color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.call-data-container.dark .call-data-table th{color:#94a3b8}.call-data-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.call-data-container.dark .call-data-table tbody tr{border-bottom-color:#334155}.call-data-table tbody tr:hover{background:#f8fafc}.call-data-container.dark .call-data-table tbody tr:hover{background:#0f172a}.call-data-table td{color:#1e293b;font-size:14px;padding:12px 16px}.call-data-container.dark .call-data-table td{color:#e2e8f0}.call-date-cell{font-family:Monaco,Courier New,monospace;font-size:12px}.call-date-cell,.source-cell{white-space:nowrap}.extension-badge{background:#e0e7ff;border-radius:4px;color:#4338ca;padding:4px 8px}.call-data-container.dark .extension-badge{background:#312e81;color:#c7d2fe}.destination-cell{font-family:Monaco,Courier New,monospace;font-size:13px}.caller-id-cell{font-size:13px}.caller-number{color:#1e293b;font-weight:500}.call-data-container.dark .caller-number{color:#f1f5f9}.caller-name{color:#64748b;margin-top:2px}.call-data-container.dark .caller-name{color:#94a3b8}.billsec-cell,.duration-cell{font-family:Monaco,Courier New,monospace;font-size:13px;text-align:right}.disposition-cell{white-space:nowrap}.disposition-badge{border-radius:12px;font-size:11px;letter-spacing:.5px;padding:4px 10px}.disposition-answered{background:#d1fae5;color:#065f46}.call-data-container.dark .disposition-answered{background:#064e3b;color:#6ee7b7}.disposition-no-answer{background:#fef3c7;color:#92400e}.call-data-container.dark .disposition-no-answer{background:#78350f;color:#fde68a}.disposition-failed{background:#fee2e2;color:#991b1b}.call-data-container.dark .disposition-failed{background:#7f1d1d;color:#fca5a5}.disposition-busy{background:#fce7f3;color:#9f1239}.call-data-container.dark .disposition-busy{background:#831843;color:#f9a8d4}.disposition-unknown{background:#e5e7eb;color:#374151}.call-data-container.dark .disposition-unknown{background:#374151;color:#d1d5db}.recording-cell{max-width:300px}.recording-file{background:#f0fdf4;border-radius:4px;color:#166534;display:inline-block;font-family:Monaco,Courier New,monospace;font-size:12px;padding:4px 8px;transition:all .2s ease}.call-data-container.dark .recording-file{background:#14532d;color:#86efac}.recording-file:hover{background:#dcfce7}.call-data-container.dark .recording-file:hover{background:#166534}.no-recording{color:#94a3b8;font-size:12px}.play-btn{background:#7c3aed;padding:6px 10px}.play-btn:hover{background:#6d28d9;transform:scale(1.05)}.no-action{color:#94a3b8;font-size:12px}@media (max-width:1200px){.call-data-filters{grid-template-columns:1fr}.call-data-table{font-size:12px}.call-data-table td,.call-data-table th{padding:8px 12px}}@media (max-width:768px){.call-data-container{padding:16px}.call-data-header{align-items:flex-start;flex-direction:column;gap:12px}.call-data-table-wrapper{overflow-x:auto}.call-data-table{min-width:1000px}}.employee-call-details-container{background:#f5f7fa;background:var(--bg-primary,#f5f7fa);min-height:100vh;padding:24px;transition:background-color .3s ease}.employee-call-details-container.dark{background:#1a1d29;background:var(--bg-primary-dark,#1a1d29);color:#e4e6eb;color:var(--text-primary-dark,#e4e6eb)}.call-details-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.employee-call-details-container.dark .call-details-header{border-bottom-color:#374151;border-bottom-color:var(--border-color-dark,#374151)}.header-left{align-items:flex-start}.header-info h2{color:#111827;color:var(--text-primary,#111827);font-size:28px;font-weight:600;margin:0 0 8px}.employee-call-details-container.dark .header-info h2{color:#e4e6eb;color:var(--text-primary-dark,#e4e6eb)}.employee-info{display:flex;flex-direction:column;gap:4px}.employee-name-label{color:#111827;color:var(--text-primary,#111827);font-size:16px;font-weight:600}.employee-call-details-container.dark .employee-name-label{color:#e4e6eb;color:var(--text-primary-dark,#e4e6eb)}.extension-label{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);display:inline-block;font-size:14px;padding:4px 12px;width:fit-content}.employee-call-details-container.dark .extension-label{background:#1f2433;background:var(--bg-tertiary-dark,#1f2433);color:#9ca3af;color:var(--text-secondary-dark,#9ca3af)}.employee-call-details-container.dark .back-btn{background:#252836;background:var(--bg-secondary-dark,#252836);border-color:#374151;border-color:var(--border-color-dark,#374151);color:#e4e6eb;color:var(--text-primary-dark,#e4e6eb)}.employee-call-details-container.dark .back-btn:hover{background:#2d3142;background:var(--bg-hover-dark,#2d3142);border-color:#4b5563;border-color:var(--border-hover-dark,#4b5563)}.call-details-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.employee-call-details-container.dark .filter-input,.employee-call-details-container.dark .filter-select{background:#252836;background:var(--bg-secondary-dark,#252836);border-color:#374151;border-color:var(--border-color-dark,#374151);color:#e4e6eb;color:var(--text-primary-dark,#e4e6eb)}.call-details-stats{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:16px}.employee-call-details-container.dark .call-details-stats{background:#252836;background:var(--bg-secondary-dark,#252836);border-color:#374151;border-color:var(--border-color-dark,#374151)}.employee-call-details-container.dark .stat-label{color:#000;color:var(--text-secondary-dark,#000)}.call-details-table-wrapper{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden}.employee-call-details-container.dark .call-details-table-wrapper{background:#252836;background:var(--bg-secondary-dark,#252836);border-color:#374151;border-color:var(--border-color-dark,#374151)}.employee-call-details-container.dark .empty-state,.employee-call-details-container.dark .error-state,.employee-call-details-container.dark .loading-state{color:#9ca3af;color:var(--text-secondary-dark,#9ca3af)}.call-details-table{border-collapse:collapse;width:100%}.call-details-table thead{background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb)}.employee-call-details-container.dark .call-details-table thead{background:#1f2433;background:var(--bg-tertiary-dark,#1f2433);border-bottom-color:#374151;border-bottom-color:var(--border-color-dark,#374151)}.call-details-table th{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.employee-call-details-container.dark .call-details-table th{color:#9ca3af;color:var(--text-secondary-dark,#9ca3af)}.call-details-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);transition:background-color .2s ease}.employee-call-details-container.dark .call-details-table tbody tr{border-bottom-color:#374151;border-bottom-color:var(--border-color-dark,#374151)}.call-details-table tbody tr:hover{background:#f9fafb;background:var(--bg-hover,#f9fafb)}.employee-call-details-container.dark .call-details-table tbody tr:hover{background:#2d3142;background:var(--bg-hover-dark,#2d3142)}.call-details-table td{color:#111827;color:var(--text-primary,#111827);font-size:14px;padding:16px}.employee-call-details-container.dark .call-details-table td{color:#e4e6eb;color:var(--text-primary-dark,#e4e6eb)}.caller-id-cell{display:flex;flex-direction:column;gap:4px}.caller-number{font-weight:600}.caller-name{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px}.employee-call-details-container.dark .caller-name{color:#9ca3af;color:var(--text-secondary-dark,#9ca3af)}.disposition-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.disposition-badge.disposition-answered{background:#d1fae5;color:#065f46}.employee-call-details-container.dark .disposition-badge.disposition-answered{background:#064e3b;color:#6ee7b7}.disposition-badge.disposition-no-answer{background:#fef3c7;color:#92400e}.employee-call-details-container.dark .disposition-badge.disposition-no-answer{background:#78350f;color:#fde68a}.disposition-badge.disposition-failed{background:#fee2e2;color:#991b1b}.employee-call-details-container.dark .disposition-badge.disposition-failed{background:#7f1d1d;color:#fca5a5}.disposition-badge.disposition-busy{background:#e0e7ff;color:#3730a3}.employee-call-details-container.dark .disposition-badge.disposition-busy{background:#312e81;color:#c7d2fe}.recording-file{color:#3b82f6;color:var(--primary-color,#3b82f6);cursor:pointer;text-decoration:underline}.recording-file:hover{color:#2563eb;color:var(--primary-hover,#2563eb)}.no-recording{color:#6b7280;color:var(--text-secondary,#6b7280);font-style:italic}.employee-call-details-container.dark .no-recording{color:#9ca3af;color:var(--text-secondary-dark,#9ca3af)}.play-btn{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:6px 12px;transition:all .2s ease}.play-btn:hover{background:#2563eb;background:var(--primary-hover,#2563eb);transform:translateY(-1px)}.no-action{color:#6b7280;color:var(--text-secondary,#6b7280)}.employee-call-details-container.dark .no-action{color:#9ca3af;color:var(--text-secondary-dark,#9ca3af)}@media (max-width:768px){.employee-call-details-container{padding:16px}.call-details-header{align-items:flex-start;gap:16px}.call-details-filters,.call-details-header,.call-details-stats{flex-direction:column}.call-details-stats{gap:16px}.call-details-table-wrapper{overflow-x:auto}.call-details-table{min-width:800px}}.employees-container{background:#f5f7fa;background:var(--bg-primary,#f5f7fa);min-height:100vh;padding:24px;transition:background-color .3s ease}.employees-container.dark{background:#1a1d29;background:var(--bg-primary-dark,#1a1d29);color:#e4e6eb;color:var(--text-primary-dark,#e4e6eb)}.employees-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.employees-container.dark .employees-header{border-bottom-color:#374151;border-bottom-color:var(--border-color-dark,#374151)}.header-left{gap:16px}.header-left h2{color:#111827;color:var(--text-primary,#111827);font-size:28px;font-weight:600;margin:0}.employees-container.dark .header-left h2{color:#e4e6eb;color:var(--text-primary-dark,#e4e6eb)}.back-btn{align-items:center;background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.employees-container.dark .back-btn{background:#252836;background:var(--bg-secondary-dark,#252836);border-color:#374151;border-color:var(--border-color-dark,#374151);color:#e4e6eb;color:var(--text-primary-dark,#e4e6eb)}.back-btn:hover{background:#f9fafb;background:var(--bg-hover,#f9fafb);border-color:#d1d5db;border-color:var(--border-hover,#d1d5db)}.employees-container.dark .back-btn:hover{background:#2d3142;background:var(--bg-hover-dark,#2d3142);border-color:#4b5563;border-color:var(--border-hover-dark,#4b5563)}.header-right{display:flex;gap:12px}.refresh-btn{background:#3b82f6;background:var(--primary-color,#3b82f6);font-weight:500;padding:8px 16px;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#2563eb;background:var(--primary-hover,#2563eb);transform:translateY(-1px)}.employees-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-group{flex:1 1;min-width:200px}.filter-input,.filter-select{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#111827;color:var(--text-primary,#111827);font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.employees-container.dark .filter-input,.employees-container.dark .filter-select{background:#252836;background:var(--bg-secondary-dark,#252836);border-color:#374151;border-color:var(--border-color-dark,#374151);color:#e4e6eb;color:var(--text-primary-dark,#e4e6eb)}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.employees-stats{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:16px}.employees-container.dark .employees-stats{background:#252836;background:var(--bg-secondary-dark,#252836);border-color:#374151;border-color:var(--border-color-dark,#374151)}.stat-label{color:var(--text-secondary,#6b7280)}.employees-container.dark .stat-label{color:#9ca3af;color:var(--text-secondary-dark,#9ca3af)}.stat-value{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:24px;font-weight:700}.employees-table-wrapper{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden}.employees-container.dark .employees-table-wrapper{background:#252836;background:var(--bg-secondary-dark,#252836);border-color:#374151;border-color:var(--border-color-dark,#374151)}.empty-state,.error-state,.loading-state{color:#6b7280;color:var(--text-secondary,#6b7280);padding:48px;text-align:center}.employees-container.dark .empty-state,.employees-container.dark .error-state,.employees-container.dark .loading-state{color:#9ca3af;color:var(--text-secondary-dark,#9ca3af)}.error-state button{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 16px}.employees-table thead{background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb)}.employees-container.dark .employees-table thead{background:#1f2433;background:var(--bg-tertiary-dark,#1f2433);border-bottom-color:#374151;border-bottom-color:var(--border-color-dark,#374151)}.employees-table th{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:600;padding:16px}.employees-container.dark .employees-table th{color:#9ca3af;color:var(--text-secondary-dark,#9ca3af)}.employees-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);transition:background-color .2s ease}.employees-container.dark .employees-table tbody tr{border-bottom-color:#374151;border-bottom-color:var(--border-color-dark,#374151)}.employees-table tbody tr:hover{background:#f9fafb;background:var(--bg-hover,#f9fafb)}.employees-container.dark .employees-table tbody tr:hover{background:#2d3142;background:var(--bg-hover-dark,#2d3142)}.employees-table td{color:#111827;color:var(--text-primary,#111827);font-size:14px;padding:16px}.employees-container.dark .employees-table td{color:#e4e6eb;color:var(--text-primary-dark,#e4e6eb)}.name-cell{align-items:center;display:flex;gap:12px}.employee-avatar{background:linear-gradient(135deg,#667eea,#764ba2);font-size:14px;font-weight:600;height:40px;width:40px}.employee-name-info{display:flex;flex-direction:column;gap:2px}.employee-name{color:#111827;color:var(--text-primary,#111827)}.employees-container.dark .employee-name{color:#e4e6eb;color:var(--text-primary-dark,#e4e6eb)}.employee-id{color:#6b7280;color:var(--text-secondary,#6b7280)}.employees-container.dark .employee-id{color:#9ca3af;color:var(--text-secondary-dark,#9ca3af)}.extension-badge{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);border-radius:6px;color:#111827;color:var(--text-primary,#111827);display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.employees-container.dark .extension-badge{background:#1f2433;background:var(--bg-tertiary-dark,#1f2433);color:#e4e6eb;color:var(--text-primary-dark,#e4e6eb)}.leads-badge{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.leads-badge.completed{background:#10b981}.status-badge.active{background:#d1fae5;color:#065f46}.employees-container.dark .status-badge.active{background:#064e3b;color:#6ee7b7}.status-badge.inactive{background:#fee2e2;color:#991b1b}.employees-container.dark .status-badge.inactive{background:#7f1d1d;color:#fca5a5}.view-btn{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:6px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.view-btn:hover{background:#2563eb;background:var(--primary-hover,#2563eb);box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.view-btn:active{transform:translateY(0)}.view-btn svg{flex-shrink:0}@media (max-width:768px){.employees-container{padding:16px}.employees-header{align-items:flex-start;gap:16px}.employees-filters,.employees-header,.employees-stats{flex-direction:column}.employees-stats{gap:16px}.employees-table-wrapper{overflow-x:auto}.employees-table{min-width:800px}}.top-navbar{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000001a;height:70px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar-left,.top-navbar{align-items:center;display:flex}.navbar-left{gap:20px}.hamburger-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.hamburger-btn:hover{background:#7c3aed1a}.hamburger-line{background:#374151;border-radius:1px;height:2px;transform-origin:center;transition:all .3s ease;width:20px}.hamburger-line.open:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.brand-logo{align-items:center;display:flex;gap:12px}.logo-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:45px;object-fit:contain;transition:all .3s ease;width:auto}.logo-image:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transform:scale(1.05)}.brand-info{display:flex;flex-direction:column;gap:2px}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#00b894);-webkit-background-clip:text;background-clip:text;color:#f0f6fc;font-size:18px;font-weight:800;line-height:1}.admin-badge{background:#7c3aed1a;border-radius:4px;color:#7c3aed;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase;width:fit-content}.navbar-right{align-items:center;display:flex;gap:16px}.theme-toggle-btn{align-items:center;background:none;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.theme-toggle-btn:hover{background:#7c3aed0d;border-color:#7c3aed;color:#7c3aed}.admin-profile{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;position:relative;transition:all .2s ease}.admin-profile:hover{background:#7c3aed0d;border-color:#7c3aed33}.profile-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.profile-info{display:flex;flex-direction:column;gap:2px}.admin-name{color:#1e293b;font-size:14px;font-weight:600;line-height:1}.admin-role{color:#64748b;font-size:12px;font-weight:500}.dropdown-arrow{color:#64748b;transition:transform .2s ease}.admin-profile:hover .dropdown-arrow{transform:rotate(180deg)}.profile-dropdown{animation:dropdownSlide .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:200px;padding:8px;position:absolute;right:0;top:100%;z-index:1001}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{border-radius:8px;font-size:14px;gap:12px;padding:12px 16px}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background:#dc26260d;color:#dc2626}.dropdown-divider{margin:8px 0}.sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid #e2e8f0;box-shadow:2px 0 10px #0000001a;height:calc(100vh - 70px);left:-280px;overflow-y:auto;position:fixed;top:70px;transition:all .3s ease;width:280px;z-index:999}.sidebar.open{left:0}.sidebar-content{padding:24px 0}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 16px}.nav-item{align-items:center;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;position:relative;transition:all .2s ease}.nav-item:hover{background:#7c3aed0d;color:#7c3aed;transform:translateX(4px)}.nav-item.active{background:linear-gradient(135deg,#7c3aed1a,#a855f71a);border:1px solid #7c3aed33;color:#7c3aed;font-weight:600}.nav-item.active:before{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:0 2px 2px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:70px;z-index:998}.main-content{margin-top:70px;min-height:calc(100vh - 70px);transition:all .3s ease}.main-content.sidebar-open{margin-left:0}.update-employees{background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;transition:all .3s ease}.update-employees-container{margin:0 auto;max-width:1400px;padding:24px}.page-loader{align-items:center;background:linear-gradient(135deg,#0d1117,#161b22,#21262d);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.loader-container{flex-direction:column;gap:32px;z-index:2}.loader-container,.logo-loader{align-items:center;display:flex;position:relative}.logo-loader{justify-content:center}.loader-logo{animation:logoFloat 3s ease-in-out infinite,logoGlow 2s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px rgba(0,212,170,.4));height:120px;object-fit:contain;position:relative;width:auto;z-index:2}.logo-glow{animation:pulseGlow 2s ease-in-out infinite;background:radial-gradient(circle,#00d4aa4d,#00b89433,#0000);border-radius:50%;height:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px;z-index:1}.loader-content{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.loader-title{-webkit-text-fill-color:#0000;animation:titleShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#00d4aa,#00b894,gold);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:1px;margin:0}.loader-subtitle{animation:fadeInOut 2s ease-in-out infinite alternate;color:#8b949e;font-size:16px;font-weight:500;margin:0;opacity:.8}.loading-bar{background:#8b949e33;border-radius:2px;height:4px;overflow:hidden;position:relative;width:300px}.loading-progress{animation:loadingProgress 2s ease-in-out infinite;background:linear-gradient(90deg,#00d4aa,#00b894,gold);border-radius:2px;box-shadow:0 0 10px #00d4aa80;height:100%}.loading-text{animation:fadeInOut 1.5s ease-in-out infinite alternate;color:#c9d1d9;font-size:14px;font-weight:500}.loading-percentage{animation:percentageGlow 1s ease-in-out infinite alternate;color:#fbbf24;font-size:16px;font-weight:700;letter-spacing:1px;margin-top:12px;text-shadow:0 0 10px #fbbf2480}.loader-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.floating-element{animation:floatAround 8s linear infinite;background:linear-gradient(45deg,#00d4aa1a,#ffd7001a);border-radius:50%;height:60px;position:absolute;width:60px}.floating-element:first-child{animation-delay:0s;animation-duration:8s;left:10%;top:20%}.floating-element:nth-child(2){animation-delay:-2s;animation-duration:10s;right:15%;top:60%}.floating-element:nth-child(3){animation-delay:-4s;animation-duration:6s;bottom:20%;left:20%}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes logoGlow{0%{filter:drop-shadow(0 0 20px rgba(0,212,170,.4))}to{filter:drop-shadow(0 0 30px rgba(0,212,170,.8))}}@keyframes pulseGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@keyframes titleShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@keyframes loadingProgress{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes floatAround{0%{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}to{transform:translate(0) rotate(1turn)}}@keyframes percentageGlow{0%{text-shadow:0 0 10px #fbbf2480}to{text-shadow:0 0 20px #fbbf24cc,0 0 30px #fbbf244d}}.page-header{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px;padding:32px 24px}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:32px;font-weight:800;margin:0 0 8px}.header-content p{color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin:0}.header-stats{display:flex;flex-wrap:wrap;gap:20px}.stat-card{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:12px;box-shadow:0 4px 12px #7c3aed4d;color:#fff;display:flex;flex-direction:column;min-width:120px;padding:16px 24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #7c3aed66;transform:translateY(-2px)}.stat-number{font-weight:800;margin-bottom:4px}.stat-label{font-size:12px;font-weight:600;opacity:.9}.controls-section{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:24px}.search-and-filters{display:flex;flex:1 1;flex-direction:column;gap:16px;max-width:600px}.filter-controls{display:flex;flex-wrap:wrap;gap:12px}.view-controls{align-items:center;display:flex;gap:16px}.view-toggle{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;overflow:hidden}.view-btn{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:10px 12px;transition:all .2s ease}.view-btn:hover{background:#f8fafc;color:#374151}.view-btn.active{background:#7c3aed;color:#fff}.results-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:12px 16px}.results-info span{color:#64748b;font-size:14px;font-weight:500}.search-box{flex:1 1;max-width:400px;position:relative}.search-box svg{color:#64748b;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #e2e8f0;color:#374151;font-weight:500;padding:12px 16px 12px 48px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.search-input::placeholder{color:#9ca3af}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:150px;padding:10px 16px;transition:all .2s ease}.filter-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.refresh-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 4px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.employees-container{margin-top:24px}.employees-grid{padding:0}.employees-grid.table{gap:16px;grid-template-columns:1fr}.employee-card{box-shadow:0 4px 6px #00000012}.employee-card:hover{border-color:#cbd5e1;box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.employee-card.editing{box-shadow:0 12px 24px #7c3aed33;pointer-events:auto;position:relative;z-index:100}.employee-avatar{font-size:20px;height:64px;width:64px}.employee-info{min-width:0}.employee-info h3{font-size:20px;line-height:1.2;margin:0 0 6px}.employee-info p{font-weight:500;margin:0 0 10px}.card-actions{flex-shrink:0}.edit-btn,.status-btn{border-radius:10px;font-size:0;height:40px;width:40px}.edit-btn{border:1px solid #7c3aed33}.status-btn.activate{border:1px solid #22c55e33}.status-btn.deactivate{border:1px solid #ef444433}.status-btn.deactivate:hover{background:#ef444433}.detail-item{padding:12px 0}.detail-item .value{font-weight:500;word-break:break-word}.leads-metric .value,.sales-metric .value{border:1px solid;border-radius:8px;font-size:13px;font-weight:600;min-width:60px;padding:6px 12px;text-align:center}.metric-total{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af}.metric-completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#166534}.metric-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;color:#92400e}.metric-sales{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#065f46;font-size:14px;font-weight:700}.leads-metric .label:before{content:"📊 ";margin-right:4px}.sales-metric .label:before{content:"💰 ";margin-right:4px}.edit-form{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:3px solid #7c3aed;pointer-events:auto;position:relative;z-index:1}.form-header h3{align-items:center;display:flex;font-size:22px;gap:8px}.form-header h3:before{content:"✏️";font-size:18px}.cancel-btn,.save-btn{align-items:center;display:flex;gap:6px;padding:10px 16px}.save-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 4px #22c55e4d}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 8px #22c55e66}.save-btn:disabled{transform:none}.cancel-btn:hover{transform:translateY(-1px)}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:14px;width:14px}.profile-section{box-shadow:0 2px 4px #0000000d;gap:20px}.upload-btn{display:inline-flex}.upload-btn:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 4px 8px #7c3aed66}.form-fields{grid-gap:20px;box-shadow:0 2px 4px #0000000d;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:24px;z-index:1}.field-group,.form-fields{pointer-events:auto;position:relative}.field-group{gap:8px}.field-group.checkbox-group{gap:10px;grid-column:1/-1;justify-self:start}.checkbox-label{color:#374151!important}.form-input,.form-select,.form-textarea{padding:12px 16px;pointer-events:auto!important;position:relative;z-index:10}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input{padding-right:48px!important}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:20}.password-toggle-btn:hover{background:#f3f4f6;color:#374151}.password-toggle-btn:active{transform:translateY(-50%) scale(.95)}.field-group:has(input[type=password]){background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:16px}.field-group:has(input[type=password]) label{color:#92400e;font-weight:700}.field-group:has(input[type=password]) label:before{content:"🔒 ";margin-right:4px}input[type=password].form-input{background:#fffbeb;border-color:#f59e0b;pointer-events:auto!important;position:relative;z-index:1}input[type=password].form-input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d977061a;outline:none}input[type=password].form-input::placeholder{color:#a16207}.table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px}.table-header,.table-header h2{align-items:center;display:flex}.table-header h2{color:#1e293b;font-size:24px;font-weight:700;gap:8px;margin:0}.table-header h2:before{content:"👥";font-size:20px}.table-info span{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:14px;font-weight:500;padding:6px 12px}.table-wrapper{max-height:calc(100vh - 400px);overflow-x:auto;overflow-y:auto}.employees-table{border-collapse:collapse;font-size:14px;min-width:900px;width:100%}.employees-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#374151;font-size:12px;font-weight:700;letter-spacing:.5px;padding:16px 12px;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.employees-table td{border-bottom:1px solid #f1f5f9;padding:16px 12px;vertical-align:middle}.employee-row{transition:all .2s ease}.employee-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.employee-row:last-child td{border-bottom:none}.employee-info-cell{min-width:250px}.employee-avatar{border:3px solid #fff;box-shadow:0 4px 12px #00000026;font-size:16px;height:48px;position:relative;width:48px}.employee-avatar img{border-radius:50%}.employee-details{gap:4px}.employee-name{font-size:16px;font-weight:700}.employee-id{background:#f1f5f9;border-radius:4px;display:inline-block;font-size:11px;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase;width:fit-content}.contact-info{min-width:220px}.contact-details{display:flex;flex-direction:column;gap:4px}.email{color:#374151;font-size:14px}.email,.phone{font-weight:500}.phone{color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.performance-cell{min-width:200px}.performance-metrics{display:flex;flex-direction:column;gap:8px}.metric{align-items:center;display:flex;font-size:12px;justify-content:space-between}.metric-label{color:#64748b;font-weight:500}.metric-value{border-radius:4px;font-size:11px;font-weight:700;padding:2px 6px}.metric-value.completed{background:#10b9811a;border:1px solid #10b98133;color:#059669}.completion-rate{align-items:center;display:flex;gap:8px}.progress-bar{background:#f1f5f9;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:3px;height:100%;transition:width .3s ease}.percentage{color:#374151;font-size:11px;font-weight:700;min-width:35px}.status-cell{min-width:120px;text-align:center}.status-badge{border-radius:6px;padding:6px 12px;white-space:nowrap}.status-badge.active{background:#10b9811a;border:1px solid #10b98133;color:#059669}.status-badge.inactive{border:1px solid #ef444433;color:#dc2626}.actions-cell{min-width:80px}.action-dropdown{display:inline-block;position:relative}.dropdown-trigger{align-items:center;background:none;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.dropdown-trigger:hover{background:#7c3aed0d;border-color:#7c3aed;color:#7c3aed}.dropdown-menu{animation:dropdownSlide .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:160px;padding:8px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item.edit-item:hover,.dropdown-item:hover{background:#7c3aed0d;color:#7c3aed}.dropdown-item.deactivate-item:hover{background:#dc26260d;color:#dc2626}.dropdown-item.activate-item:hover{background:#0596690d;color:#059669}.dropdown-item.view-item:hover{background:#3b82f60d;color:#3b82f6}.dropdown-divider{background:#e2e8f0;height:1px;margin:4px 0}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.profile-upload-section{margin-bottom:20px}.current-profile{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;padding:20px}.profile-preview{border:3px solid #fff;box-shadow:0 4px 12px #00000026;flex-shrink:0}.profile-placeholder{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.upload-controls{display:flex;flex-direction:column;gap:8px}.upload-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;box-shadow:0 2px 4px #7c3aed4d;display:flex;gap:8px;padding:10px 16px;transition:all .3s ease}.upload-btn:hover{box-shadow:0 4px 12px #7c3aed66;transform:translateY(-2px)}.form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.form-textarea:hover{border-color:#cbd5e1}.form-group.full-width{grid-column:1/-1}.empty-state,.loading-state{color:#64748b;padding:60px 20px}.loading-state{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#7c3aed;height:40px;margin-bottom:16px;width:40px}.loading-state p{color:#374151;font-size:16px;font-weight:600;margin:0}.empty-state{background:linear-gradient(135deg,#fefce8,#fef3c7);border:1px dashed #f59e0b;border-radius:12px;margin:20px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.7}.empty-state p{color:#92400e;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state span{color:#a16207;font-size:14px}.error-state{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:60px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-state p{color:#dc2626;font-size:18px;font-weight:600;margin:0 0 8px}.error-state span{color:#991b1b;font-size:14px;margin-bottom:20px}.retry-btn{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.retry-btn:hover{background:#b91c1c;transform:translateY(-1px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.update-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.modal-header h3{color:#1e293b;font-size:24px;font-weight:700;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.close-btn:hover{background:#f1f5f9;color:#374151}.modal-content{padding:24px}.form-section{margin-bottom:32px}.form-section h4{border-bottom:2px solid #e2e8f0;color:#374151;font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:8px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-input,.form-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-input:focus,.form-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.form-input:hover,.form-select:hover{border-color:#cbd5e1}.checkbox-group{align-items:center;display:flex;gap:8px;margin-top:8px}.checkbox-label{color:#374151;font-size:14px;font-weight:500}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cancel-btn,.update-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#f8fafc}.cancel-btn:hover{background:#f1f5f9}.update-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 14px 0 #7c3aed63;color:#fff}.update-btn:hover{box-shadow:0 8px 25px 0 #7c3aed80;transform:translateY(-2px)}@media (max-width:1024px){.employees-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.controls-section{align-items:stretch;flex-direction:column;gap:20px}.search-and-filters{max-width:none}.view-controls{justify-content:space-between}}@media (max-width:768px){.update-employees-container{padding:16px}.brand-logo{gap:8px}.logo-image{height:35px}.brand-title{font-size:14px}.admin-badge{font-size:10px;padding:2px 4px}.loader-logo{height:80px}.logo-glow{height:100px;width:100px}.loader-title{font-size:24px}.loader-subtitle{font-size:14px}.loading-bar{width:250px}.loader-container{gap:24px;padding:20px}.floating-element{height:40px;width:40px}.filters-section{align-items:stretch;flex-direction:column;gap:16px}.search-box{max-width:none}.filter-controls{justify-content:space-between}.employees-table{font-size:12px;min-width:600px}.employees-table td,.employees-table th{padding:10px 6px}.employee-avatar{font-size:12px;height:36px;width:36px}.employee-name{font-size:14px}.table-header{align-items:flex-start;flex-direction:column;gap:12px}.modal-overlay{padding:10px}.update-modal{max-height:95vh}.modal-header{padding:16px}.modal-header h3{font-size:20px}.modal-content{padding:16px}.form-row{gap:16px;grid-template-columns:1fr;margin-bottom:16px}}@media (max-width:640px){.header-content h1{font-size:24px}.stat-number{font-size:20px}.employees-table{min-width:500px}.table-header h2{font-size:18px}.modal-overlay{padding:5px}.update-modal{border-radius:12px;max-height:98vh}.modal-header{padding:12px 16px}.modal-header h3{font-size:18px}.modal-content{padding:12px 16px}.form-section h4{font-size:16px}.modal-actions{flex-direction:column;gap:8px;margin-top:24px;padding-top:16px}.cancel-btn,.update-btn{justify-content:center;width:100%}}.dark-theme .update-employees{background:#0d1117;color:#e6edf3}.dark-theme .page-header{background:linear-gradient(135deg,#161b22,#21262d);border:1px solid #30363d;box-shadow:0 4px 6px -1px #0003}.dark-theme .header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0f6fc,#c9d1d9);-webkit-background-clip:text;background-clip:text;color:#f0f6fc}.dark-theme .header-content p{color:#c9d1d9}.dark-theme .stat-card{background:linear-gradient(135deg,#00d4aa,#00b894);box-shadow:0 4px 12px #00d4aa4d;color:#fff}.dark-theme .stat-card:hover{box-shadow:0 8px 25px #00d4aa66}.dark-theme .search-input{background:#21262d;border:2px solid #30363d;color:#e6edf3}.dark-theme .search-input:focus{border-color:#00d4aa;box-shadow:0 0 0 3px #00d4aa1a}.dark-theme .search-box svg,.dark-theme .search-input::placeholder{color:#8b949e}.dark-theme .filter-select{background:#21262d;border:2px solid #30363d;color:#e6edf3}.dark-theme .filter-select:focus{border-color:#00d4aa;box-shadow:0 0 0 3px #00d4aa1a}.dark-theme .refresh-btn{background:linear-gradient(135deg,#238be6,#0969da);box-shadow:0 2px 4px #238be64d;color:#fff}.dark-theme .refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#0969da,#0550ae);box-shadow:0 4px 12px #238be666}.dark-theme .employees-table-container{background:#161b22;border:1px solid #30363d;box-shadow:0 4px 6px -1px #0003}.dark-theme .table-header{background:linear-gradient(135deg,#21262d,#30363d);border-bottom:2px solid #484f58}.dark-theme .table-header h2{color:#f0f6fc}.dark-theme .table-info span{background:#30363d;color:#8b949e}.dark-theme .employees-table th{background:linear-gradient(135deg,#21262d,#30363d);border-bottom:2px solid #484f58;color:#f0f6fc}.dark-theme .employees-table td{border-bottom:1px solid #30363d;color:#e6edf3}.dark-theme .employee-row:hover{background:linear-gradient(135deg,#21262d,#30363d);box-shadow:0 2px 4px #0000001a}.dark-theme .employee-avatar{background:linear-gradient(135deg,#00d4aa,#00b894);border:3px solid #21262d;box-shadow:0 4px 12px #0003;color:#fff}.dark-theme .employee-name{color:#f0f6fc}.dark-theme .employee-id{background:#30363d;color:#8b949e}.dark-theme .email{color:#e6edf3}.dark-theme .phone{color:#c9d1d9}.dark-theme .metric-value.completed{background:#00d4aa26;border:1px solid #00d4aa4d;color:#00d4aa}.dark-theme .progress-bar{background:#30363d}.dark-theme .progress-fill{background:linear-gradient(135deg,#00d4aa,#00b894)}.dark-theme .percentage{color:#e6edf3}.dark-theme .status-badge.active{background:#00d4aa26;border:1px solid #00d4aa4d;color:#00d4aa}.dark-theme .status-badge.inactive{background:#ff7b7226;border:1px solid #ff7b724d;color:#ff7b72}.dark-theme .loading-state{background:linear-gradient(135deg,#161b22,#21262d);color:#e6edf3}.dark-theme .loading-spinner{border:4px solid #30363d;border-top-color:#00d4aa}.dark-theme .loading-state p{color:#e6edf3}.dark-theme .empty-state{background:linear-gradient(135deg,#21262d,#30363d);border:1px dashed #484f58;color:#c9d1d9}.dark-theme .empty-state p{color:#8b949e}.dark-theme .empty-state span{color:#6f7681}.dark-theme .error-state{background:linear-gradient(135deg,#21262d,#30363d);border:1px solid #484f58;color:#e6edf3}.dark-theme .error-state p{color:#ff7b72}.dark-theme .error-state span{color:#f85149}.dark-theme .retry-btn{background:#ff7b72}.dark-theme .retry-btn:hover{background:#f85149}.dark-theme .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c}.dark-theme .update-modal{background:#161b22;border:1px solid #30363d;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #30363d80}.dark-theme .modal-header{background:linear-gradient(135deg,#21262d,#30363d);border-bottom:1px solid #484f58}.dark-theme .modal-header h3{color:#f0f6fc}.dark-theme .close-btn{color:#8b949e}.dark-theme .close-btn:hover{background:#484f584d;color:#e6edf3}.dark-theme .form-section h4{border-bottom:2px solid #30363d;color:#e6edf3}.dark-theme .form-group label{color:#e6edf3}.dark-theme .form-input,.dark-theme .form-select{background:#21262d;border:2px solid #30363d;color:#e6edf3}.dark-theme .form-input:focus,.dark-theme .form-select:focus{border-color:#00d4aa;box-shadow:0 0 0 3px #00d4aa1a}.dark-theme .form-input:hover,.dark-theme .form-select:hover{border-color:#484f58}.dark-theme .checkbox-label{color:#e6edf3}.dark-theme .form-checkbox{accent-color:#00d4aa}.dark-theme .modal-actions{border-top:1px solid #30363d}.dark-theme .cancel-btn{background:#30363d;border:1px solid #484f58;color:#e6edf3}.dark-theme .cancel-btn:hover{background:#484f58}.dark-theme .update-btn{background:linear-gradient(135deg,#00d4aa,#00b894);box-shadow:0 4px 14px 0 #00d4aa4d;color:#fff}.dark-theme .update-btn:hover{background:linear-gradient(135deg,#00b894,#00a085);box-shadow:0 8px 25px 0 #00d4aa66}.dark-theme .top-navbar{background:linear-gradient(135deg,#161b22,#21262d);border-bottom:1px solid #30363d;box-shadow:0 2px 4px #0003}.dark-theme .hamburger-line{background:#e6edf3}.dark-theme .hamburger-btn:hover{background:#00d4aa1a}.dark-theme .brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#00b894);-webkit-background-clip:text;background-clip:text;color:#f0f6fc}.dark-theme .logo-image{filter:drop-shadow(0 2px 6px rgba(0,212,170,.2))}.dark-theme .logo-image:hover{filter:drop-shadow(0 4px 12px rgba(0,212,170,.3))}.dark-theme .admin-badge{background:#00d4aa1a;color:#00d4aa}.dark-theme .theme-toggle-btn{border:2px solid #30363d;color:#8b949e}.dark-theme .theme-toggle-btn:hover{background:#00d4aa0d;border-color:#00d4aa;color:#00d4aa}.dark-theme .admin-profile:hover{background:#00d4aa0d;border-color:#00d4aa33}.dark-theme .profile-avatar{background:linear-gradient(135deg,#00d4aa,#00b894)}.dark-theme .admin-name{color:#f0f6fc}.dark-theme .admin-role,.dark-theme .dropdown-arrow{color:#8b949e}.dark-theme .profile-dropdown{background:#21262d;border:1px solid #30363d;box-shadow:0 10px 25px #0000004d}.dark-theme .dropdown-item.logout{color:#ff7b72}.dark-theme .dropdown-item.logout:hover{background:#ff7b720d;color:#ff7b72}.dark-theme .sidebar{background:linear-gradient(180deg,#161b22,#21262d);border-right:1px solid #30363d;box-shadow:2px 0 10px #0003}.dark-theme .nav-item{color:#8b949e}.dark-theme .nav-item:hover{background:#00d4aa0d;color:#00d4aa}.dark-theme .nav-item.active{background:linear-gradient(135deg,#00d4aa1a,#00b8941a);border:1px solid #00d4aa33;color:#00d4aa}.dark-theme .nav-item.active:before{background:linear-gradient(135deg,#00d4aa,#00b894)}.dark-theme .sidebar-overlay{background:#000000b3}.dark-theme .dropdown-trigger{border:2px solid #30363d;color:#8b949e}.dark-theme .dropdown-trigger:hover{background:#00d4aa0d;border-color:#00d4aa;color:#00d4aa}.dark-theme .dropdown-menu{background:#21262d;border:1px solid #30363d;box-shadow:0 10px 25px #0000004d}.dark-theme .dropdown-item{color:#e6edf3}.dark-theme .dropdown-item.edit-item:hover,.dark-theme .dropdown-item:hover{background:#00d4aa0d;color:#00d4aa}.dark-theme .dropdown-item.deactivate-item:hover{background:#ff7b720d;color:#ff7b72}.dark-theme .dropdown-item.activate-item:hover{background:#00d4aa0d;color:#00d4aa}.dark-theme .dropdown-item.view-item:hover{background:#238be60d;color:#238be6}.dark-theme .dropdown-divider{background:#30363d}.dark-theme .current-profile{background:linear-gradient(135deg,#21262d,#30363d);border:1px solid #30363d}.dark-theme .profile-placeholder,.dark-theme .upload-btn{background:linear-gradient(135deg,#00d4aa,#00b894)}.dark-theme .upload-btn{box-shadow:0 2px 4px #00d4aa4d;color:#fff}.dark-theme .upload-btn:hover{box-shadow:0 4px 12px #00d4aa66}.dark-theme .form-textarea{background:#21262d;border:2px solid #30363d;color:#e6edf3}.dark-theme .form-textarea:focus{border-color:#00d4aa;box-shadow:0 0 0 3px #00d4aa1a}.dark-theme .form-textarea:hover{border-color:#484f58}.employees-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:20px 0}.employee-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.employee-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.employee-card.editing{border-color:#7c3aed;box-shadow:0 8px 25px #7c3aed33;transform:scale(1.02)}.employee-display{padding:24px}.employee-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.employee-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:60px;justify-content:center;overflow:hidden;width:60px}.employee-avatar img{height:100%;object-fit:cover;width:100%}.employee-info{flex:1 1}.employee-info h3{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 4px}.employee-info p{color:#64748b;font-size:14px;margin:0 0 8px}.status-badge{border-radius:20px;letter-spacing:.5px;text-transform:uppercase}.status-badge.active{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.status-badge.inactive{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.card-actions{display:flex;gap:8px}.edit-btn,.status-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.edit-btn{background:#7c3aed1a;color:#7c3aed}.edit-btn:hover{background:#7c3aed33;transform:scale(1.05)}.status-btn.activate{background:#22c55e1a;color:#22c55e}.status-btn.deactivate{background:#ef44441a;color:#ef4444}.status-btn:hover{transform:scale(1.05)}.status-btn.activate:hover{background:#22c55e33}.employee-details{grid-gap:12px;display:grid;gap:12px}.detail-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-item .label{color:#64748b;font-size:14px;font-weight:600}.detail-item .value{color:#1e293b;font-size:14px;text-align:right}.edit-form{background:#f8fafc;padding:24px}.form-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.form-header h3{color:#1e293b;font-size:20px;font-weight:700;margin:0}.form-actions{display:flex;gap:8px}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.save-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#9333ea);transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.cancel-btn:hover{background:#e2e8f0;color:#374151}.form-content{grid-gap:24px;display:grid;gap:24px}.profile-section{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px}.profile-preview{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;overflow:hidden;width:80px}.profile-preview img{height:100%;object-fit:cover;width:100%}.profile-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.upload-controls{flex:1 1}.file-input{display:none}.upload-btn{background:#7c3aed;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.upload-btn:hover{background:#6d28d9;transform:translateY(-1px)}.form-fields{grid-gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group.checkbox-group{align-items:center;flex-direction:row;gap:8px}.field-group label{color:#374151;font-size:14px;font-weight:600}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500!important;gap:8px}.form-input,.form-select,.form-textarea{border:2px solid #e2e8f0;border-radius:8px;color:#374151;padding:10px 12px;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#cbd5e1}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.dark-theme .employee-card{background:#1a1a1a;border-color:#374151}.dark-theme .employee-card.editing{border-color:#10b981;box-shadow:0 8px 25px #10b98133}.dark-theme .employee-info h3{color:#f9fafb}.dark-theme .employee-info p{color:#9ca3af}.dark-theme .detail-item{border-bottom-color:#374151}.dark-theme .detail-item .label{color:#9ca3af}.dark-theme .detail-item .value{color:#e5e7eb}.dark-theme .edit-form{background:#161b22}.dark-theme .form-header{border-bottom-color:#374151}.dark-theme .form-header h3{color:#f0f6fc}.dark-theme .save-btn{background:linear-gradient(135deg,#10b981,#059669)}.dark-theme .save-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.dark-theme .cancel-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}.dark-theme .cancel-btn:hover{background:#4b5563;color:#f0f6fc}.dark-theme .form-fields,.dark-theme .profile-section{background:#21262d;border-color:#374151}.dark-theme .field-group label{color:#e5e7eb}.dark-theme .checkbox-label{color:#e5e7eb!important}.dark-theme .form-input,.dark-theme .form-select,.dark-theme .form-textarea{background:#161b22;border-color:#374151;color:#e5e7eb;pointer-events:auto!important;position:relative;z-index:10}.dark-theme .password-toggle-btn{color:#9ca3af}.dark-theme .password-toggle-btn:hover{background:#374151;color:#e5e7eb}.dark-theme .form-input:focus,.dark-theme .form-select:focus,.dark-theme .form-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.dark-theme .form-input:hover,.dark-theme .form-select:hover,.dark-theme .form-textarea:hover{border-color:#4b5563}.dark-theme .form-checkbox{accent-color:#10b981}.dark-theme .field-group:has(input[type=password]){background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280}.dark-theme .field-group:has(input[type=password]) label{color:#fbbf24}.dark-theme input[type=password].form-input{background:#1f2937;border-color:#6b7280;color:#f9fafb;pointer-events:auto!important;position:relative;z-index:1}.dark-theme input[type=password].form-input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a;outline:none}.dark-theme input[type=password].form-input::placeholder{color:#9ca3af}.dark-theme .metric-total{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6;color:#dbeafe}.dark-theme .metric-completed{background:linear-gradient(135deg,#065f46,#047857);border-color:#10b981;color:#d1fae5}.dark-theme .metric-pending{background:linear-gradient(135deg,#92400e,#b45309);border-color:#f59e0b;color:#fef3c7}.dark-theme .metric-sales{background:linear-gradient(135deg,#047857,#059669);border-color:#34d399;color:#ecfdf5}.dark-theme .upload-btn{background:#10b981}.dark-theme .upload-btn:hover{background:#059669}.dark-theme .edit-btn{background:#10b9811a;color:#10b981}.dark-theme .edit-btn:hover{background:#10b98133}@media (max-width:768px){.employees-grid{gap:16px;grid-template-columns:1fr}.employee-header{align-items:center;flex-direction:column;text-align:center}.card-actions{margin-top:12px}.form-fields{grid-template-columns:1fr}.profile-section{flex-direction:column;text-align:center}.form-header{align-items:stretch;flex-direction:column;gap:12px}.form-actions{justify-content:center}}.employee-row.editing{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #7c3aed;box-shadow:0 4px 12px #7c3aed26}.inline-edit-input{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#374151;font-family:inherit;font-size:14px;min-width:120px;padding:8px 12px;transition:all .2s ease;width:100%}.inline-edit-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.inline-edit-input:hover{border-color:#cbd5e1}.name-input{font-weight:600;min-width:150px}.status-toggle{cursor:pointer;display:inline-block;height:24px;position:relative;width:50px}.status-checkbox{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:24px;bottom:0;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;width:18px}.status-checkbox:checked+.toggle-slider{background-color:#22c55e}.status-checkbox:checked+.toggle-slider:before{transform:translateX(26px)}.inline-actions,.table-actions{align-items:center;display:flex;gap:6px;justify-content:center}.cancel-action-btn,.edit-action-btn,.save-action-btn,.status-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.save-action-btn{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.save-action-btn:hover:not(:disabled){background:#22c55e33;transform:scale(1.05)}.save-action-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-action-btn{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.cancel-action-btn:hover{background:#ef444433;transform:scale(1.05)}.edit-action-btn{background:#7c3aed1a;border:1px solid #7c3aed4d;color:#7c3aed}.edit-action-btn:hover{background:#7c3aed33;transform:scale(1.05)}.status-action-btn.activate{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.status-action-btn.deactivate{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.status-action-btn:hover{transform:scale(1.05)}.status-action-btn.activate:hover{background:#22c55e33}.status-action-btn.deactivate:hover{background:#ef444433}.department-cell,.email-cell,.phone-cell,.position-cell,.salary-cell{color:#374151;font-size:14px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.salary-cell{color:#059669;font-weight:600}.actions-cell{text-align:center;width:100px}.employee-profile{align-items:center;display:flex;gap:12px;min-width:200px}.employee-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.employee-name{color:#1e293b;font-size:14px;font-weight:600;line-height:1.2}.employee-id{color:#64748b;font-size:12px;font-weight:500}.dark-theme .employee-row.editing{background:linear-gradient(135deg,#161b22,#21262d);border-color:#10b981;box-shadow:0 4px 12px #10b98126}.dark-theme .inline-edit-input{background:#161b22;border-color:#374151;color:#e5e7eb}.dark-theme .inline-edit-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.dark-theme .inline-edit-input:hover{border-color:#4b5563}.dark-theme .toggle-slider{background-color:#4b5563}.dark-theme .status-checkbox:checked+.toggle-slider{background-color:#10b981}.dark-theme .save-action-btn{background:#10b9811a;border-color:#10b9814d;color:#10b981}.dark-theme .save-action-btn:hover:not(:disabled){background:#10b98133}.dark-theme .cancel-action-btn{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.dark-theme .cancel-action-btn:hover{background:#ef444433}.dark-theme .edit-action-btn{background:#10b9811a;border-color:#10b9814d;color:#10b981}.dark-theme .edit-action-btn:hover{background:#10b98133}.dark-theme .status-action-btn.activate{background:#10b9811a;border-color:#10b9814d;color:#10b981}.dark-theme .status-action-btn.activate:hover{background:#10b98133}.dark-theme .department-cell,.dark-theme .email-cell,.dark-theme .phone-cell,.dark-theme .position-cell{color:#e5e7eb}.dark-theme .salary-cell{color:#10b981}.dark-theme .employee-name{color:#f9fafb}.dark-theme .employee-id{color:#9ca3af}@media (max-width:1200px){.employees-table{font-size:13px}.inline-edit-input{font-size:13px;min-width:100px;padding:6px 8px}.employee-profile{min-width:180px}.cancel-action-btn,.edit-action-btn,.save-action-btn,.status-action-btn{height:28px;width:28px}}@media (max-width:768px){.employees-table{display:block;overflow-x:auto;white-space:nowrap}.employees-table tbody,.employees-table td,.employees-table th,.employees-table thead,.employees-table tr{display:block}.employees-table thead tr{left:-9999px;position:absolute;top:-9999px}.employees-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px}.employees-table td{align-items:center;border:none;display:flex;justify-content:space-between;padding:8px 0;position:relative}.employees-table td:before{color:#64748b;content:attr(data-label);font-size:12px;font-weight:600;letter-spacing:.5px;min-width:100px;text-transform:uppercase}.employee-info-cell:before{content:"Employee"}.email-cell:before{content:"Email"}.phone-cell:before{content:"Phone"}.position-cell:before{content:"Position"}.department-cell:before{content:"Department"}.salary-cell:before{content:"Salary"}.status-cell:before{content:"Status"}.actions-cell:before{content:"Actions"}.inline-edit-input{max-width:200px}.employee-profile{align-items:flex-start;flex-direction:column;gap:8px;min-width:auto}}.lead-info-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.lead-info-page,.lead-info-page.dark-theme{background-color:#000}.lead-info-page-content{margin:0 auto;max-width:1400px;padding:100px 24px}.lead-info-card{background:#1a1a1a;border:1px solid #2c3239;border-radius:12px;box-shadow:0 4px 12px #0000004d;overflow:hidden}.lead-info-card-header{align-items:center;background:#0f0f0f;border-bottom:1px solid #2c3239;display:flex;gap:16px;padding:24px}.lead-info-card-icon{align-items:center;background:#7c3aed;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.lead-info-card-title{color:#fff;font-size:24px;font-weight:700;margin:0}.lead-info-card-description{color:#9ca3af;font-size:14px;margin:4px 0 0}.lead-info-card-body{padding:24px}.lead-info-table-wrapper{margin-bottom:20px;overflow-x:auto}.lead-info-table{border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.lead-info-table,.lead-info-table thead{background:#0f0f0f}.lead-info-table th{background:#0f0f0f;border-bottom:1px solid #2c3239;color:#9ca3af;font-size:13px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.lead-info-table tbody{background:#1a1a1a}.lead-info-table td{border-bottom:none;color:#fff;font-size:14px;padding:12px 16px}.lead-info-table tbody tr{transition:background-color .2s ease}.lead-info-table tbody tr:hover{background-color:#1f1f1f}.lead-info-phone-display{color:#7c3aed;font-family:Courier New,monospace;font-size:14px;font-weight:600;letter-spacing:.5px}.lead-info-action-btn{border:none;border-radius:6px;font-family:inherit;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.lead-info-action-btn,.lead-info-copy-phone-btn{align-items:center;cursor:pointer;display:inline-flex;transition:all .2s ease}.lead-info-copy-phone-btn{background:#2c3239;border:1px solid #3a3f47;border-radius:6px;color:#fff;justify-content:center;padding:6px}.lead-info-copy-phone-btn:hover{background:#3a3f47;border-color:#4a4f57;transform:translateY(-1px)}.lead-info-copy-phone-btn:active{transform:translateY(0)}.lead-info-copy-phone-btn svg{color:#9ca3af;height:14px;width:14px}.lead-info-copy-phone-btn:hover svg{color:#fff}.lead-info-cancel-btn{background:#2c3239;border:1px solid #3a3f47;color:#fff;padding:10px 20px}.lead-info-cancel-btn:hover{background:#3a3f47;border-color:#4a4f57}.lead-info-status-tag{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.lead-info-status-tag.new{background:#1e3a8a;color:#93c5fd}.lead-info-status-tag.interested{background:#065f46;color:#6ee7b7}.lead-info-status-tag.not_interested{background:#7f1d1d;color:#fca5a5}.lead-info-status-tag.follow_up{background:#78350f;color:#fcd34d}.lead-info-status-tag.callback{background:#581c87;color:#c4b5fd}.lead-info-taken-by-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 2px 4px #10b98133;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.lead-info-actions-bar{border-top:1px solid #2c3239;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.lead-info-phone-container{align-items:center;display:flex;gap:12px}@media (max-width:768px){.lead-info-page-content{padding:90px 16px 24px}.lead-info-card-body,.lead-info-card-header{padding:20px}.lead-info-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.lead-info-table{min-width:800px}.lead-info-table td,.lead-info-table th{font-size:12px;padding:10px 12px}}.teamchat-screen{background:#000;min-height:100vh;overflow:hidden;padding-top:70px;width:100%}.teamchat-container{background:#161b22fa;display:flex;height:calc(100vh - 70px);width:100%}.teamchat-sidebar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#161b22f2;border-right:1px solid #30363dcc;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease;width:380px;z-index:100}@media (max-width:768px){.teamchat-sidebar{box-shadow:2px 0 10px #00000080;height:calc(100vh - 70px);left:0;position:fixed;top:70px;transform:translateX(-100%);width:320px;z-index:1000}.teamchat-sidebar.open{transform:translateX(0)}}.sidebar-header{align-items:center;background:#161b22f2;border-bottom:1px solid #30363dcc;display:flex;gap:12px;padding:16px 20px}.sidebar-header h2{color:#e5e5e5;flex:1 1;font-size:20px;font-weight:600;margin:0}@media (max-width:768px){.sidebar-header h2{font-size:18px}}.new-chat-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#e5e5e5;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.new-chat-button:hover{background:#30363d80}.search-container{align-items:center;background:#161b22f2;border-bottom:1px solid #30363dcc;display:flex;gap:12px;padding:12px 16px}.search-container svg{color:#666;flex-shrink:0}.search-input{background:#21262dcc;border:1px solid #30363d80;border-radius:12px;color:#e5e5e5;flex:1 1;font-size:14px;outline:none;padding:10px 16px}.search-input::placeholder{color:#666}.search-input:focus{background:#30363d99;border-color:#7c3aed80}.chat-list{background:#161b22f2;flex:1 1;overflow-y:auto}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track{background:#161b22f2}.chat-list::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:3px}.chat-list::-webkit-scrollbar-thumb:hover{background:#a855f7}.chat-item{align-items:center;border-bottom:1px solid #30363d4d;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.chat-item:hover{background:#30363d4d}.chat-item.active{background:#7c3aed26;border-left:3px solid #7c3aed}.chat-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:50px;justify-content:center;position:relative;width:50px}.online-indicator{background:#10b981;border:2px solid #161b22f2;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chat-info{flex:1 1;min-width:0}.chat-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.chat-name{color:#e5e5e5;font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{color:#666;flex-shrink:0;font-size:12px;margin-left:8px}.chat-preview-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.chat-preview{color:#999;flex:1 1;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:12px;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.teamchat-main{background:#161b22fa;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-header-main{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#161b22f2;border-bottom:1px solid #30363dcc;display:flex;justify-content:space-between;padding:12px 20px}.chat-header-left{align-items:center;display:flex;flex:1 1;gap:12px}.mobile-menu-btn{background:#0000;border:none;border-radius:8px;color:#999;cursor:pointer;display:none;padding:8px;transition:all .2s ease}.mobile-menu-btn:hover{background:#30363d80;color:#e5e5e5}@media (max-width:768px){.mobile-menu-btn{align-items:center;display:flex;justify-content:center}}.chat-avatar-main{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;position:relative;width:40px}.online-indicator-main{background:#10b981;border:2px solid #161b22f2;border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.chat-header-info h3{color:#e5e5e5;font-size:16px;font-weight:600;margin:0}.chat-status{color:#10b981;font-size:13px}.chat-header-actions{display:flex;gap:8px}.header-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#999;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.header-action-btn:hover{background:#30363d80;color:#e5e5e5}.messages-container{background:#161b22fa;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;padding:20px;scroll-behavior:auto;will-change:scroll-position}.date-separator{align-items:center;display:flex;justify-content:center;margin:16px 0;position:relative}.date-separator:after,.date-separator:before{background:#30363d80;content:"";flex:1 1;height:1px}.date-separator-text{background:#21262dcc;border:1px solid #30363d80;border-radius:12px;color:#999;font-size:12px;font-weight:500;margin:0 12px;padding:6px 12px;white-space:nowrap}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#161b22fa}.messages-container::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a855f7}.message-wrapper{align-items:flex-end;display:flex;gap:8px;margin-bottom:4px}.message-me{flex-direction:row-reverse}.message-other{flex-direction:row}.message-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center}.message-avatar,.message-avatar-spacer{flex-shrink:0;width:32px}.message-bubble-wrapper{display:flex;flex-direction:column;max-width:60%}.message-sender-name{color:#999;font-size:12px;margin-bottom:4px;padding-left:4px}.message-bubble{word-wrap:break-word;border-radius:12px;padding:10px 14px;position:relative}.bubble-me{background:linear-gradient(135deg,#7c3aed,#a855f7);border-bottom-right-radius:4px;color:#fff}.bubble-other{background:#21262dcc;border:1px solid #30363d4d;border-bottom-left-radius:4px;color:#e5e5e5}.message-text{word-wrap:break-word;font-size:15px;line-height:1.4;margin:0}.message-time-bubble{align-items:center;clear:both;display:flex;float:right;font-size:11px;gap:4px;margin-top:4px;opacity:.8}.message-time-bubble svg{height:14px;margin-left:4px;width:14px}.input-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#161b22f2;border-top:1px solid #30363dcc;display:flex;gap:8px;padding:12px 20px}.input-action-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#999;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:10px;transition:all .2s ease}.input-action-btn:hover{background:#30363d80;color:#e5e5e5}.input-form{align-items:center;display:flex;flex:1 1;gap:8px}.message-input{background:#21262dcc;border:1px solid #30363d80;border-radius:24px;color:#e5e5e5;flex:1 1;font-size:15px;outline:none;padding:12px 20px;transition:all .2s ease}.message-input:focus{background:#30363d99;border-color:#7c3aed80}.message-input::placeholder{color:#666}.send-button{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:10px;transition:all .2s ease}.send-button:hover{box-shadow:0 4px 12px #7c3aed66;transform:scale(1.05)}.no-chat-selected{align-items:center;color:#666;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:40px;position:relative;text-align:center}.mobile-menu-btn-center{background:#7c3aed33;border:1px solid #7c3aed4d;border-radius:12px;color:#a855f7;cursor:pointer;display:none;left:20px;padding:12px;position:absolute;top:20px;transition:all .2s ease}.mobile-menu-btn-center:hover{background:#7c3aed4d;border-color:#7c3aed80}@media (max-width:768px){.mobile-menu-btn-center{align-items:center;display:flex;justify-content:center}}.no-chat-selected svg{opacity:.5}.no-chat-selected h3{color:#999;font-size:20px;margin:0}.no-chat-selected p{color:#666;font-size:14px;margin:0}.empty-state,.loading-state{color:#999;padding:40px 20px}.empty-state p,.loading-state p{font-size:14px;margin:0}.chat-empty-state{align-items:center;color:#666;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:40px;text-align:center}.chat-empty-state svg{opacity:.5}.chat-empty-state p{font-size:14px;margin:0}.sidebar-overlay{display:none}@media (max-width:768px){.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000c;bottom:0;display:block;left:0;position:fixed;right:0;top:70px;z-index:999}}@media (max-width:1024px){.teamchat-sidebar{width:320px}.message-bubble-wrapper{max-width:70%}}@media (max-width:768px){.teamchat-screen{padding-top:70px}.teamchat-container{height:calc(100vh - 70px)}.teamchat-main{width:100%}.message-bubble-wrapper{max-width:80%}.chat-header-main{padding:10px 16px}.chat-header-info h3{font-size:15px}.messages-container{padding:16px}.input-container,.message-input{padding:10px 16px}.message-input{font-size:14px}.search-container{padding:10px 12px}.search-input{font-size:13px;padding:8px 12px}.chat-item{padding:10px 12px}.chat-avatar{height:44px;width:44px}.chat-avatar,.chat-name{font-size:14px}.chat-preview{font-size:13px}}@media (max-width:480px){.teamchat-sidebar{width:100%}.message-bubble-wrapper{max-width:85%}.message-bubble{padding:8px 12px}.message-text{font-size:14px}.chat-header-main{padding:8px 12px}.chat-avatar-main{font-size:12px;height:36px;width:36px}.chat-header-info h3{font-size:14px}.chat-status{font-size:12px}.messages-container{padding:12px}.input-container{padding:8px 12px}.message-input{font-size:14px;padding:8px 14px}.input-action-btn,.send-button{padding:8px}.no-chat-selected{padding:20px}.no-chat-selected svg{height:60px;width:60px}.no-chat-selected h3{font-size:18px}.no-chat-selected p{font-size:13px}}.add-leads-page{display:flex;flex-direction:column;margin-top:0;min-height:calc(100vh - 64px);padding:32px 0}.content-container{margin:0 auto;max-width:1200px;padding:0 32px}.add-leads-form{display:flex;flex-direction:column;gap:24px}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.form-card:hover{border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed26}.card-header{align-items:flex-start;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:24px}.card-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.card-icon svg{color:#fff}.card-title{color:#111827;font-size:20px;font-weight:600;margin:0 0 4px}.card-description{color:#6b7280;font-size:14px;margin:0}.card-body{padding:24px}.form-group{display:flex;flex-direction:column;gap:10px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .15s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#9ca3af}.form-textarea{min-height:80px;resize:vertical}.lead-data-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4;min-height:120px}.required{color:#ef4444;margin-left:2px}.label-hint{color:#94a3b8;font-size:12px;font-style:italic;font-weight:400;margin-top:2px}.form-actions-bar{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:24px}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.action-btn svg{height:18px;width:18px}.cancel-btn{background:#f9fafb;border:1px solid #e5e7eb;color:#374151}.cancel-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.submit-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 14px 0 #7c3aed63;color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px 0 #7c3aed80;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.6}.save-status-message{align-items:flex-start;animation:slideInStatus .3s ease-out;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:16px 20px}@keyframes slideInStatus{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.save-status-message.info{background:#3b82f61a;border:1px solid #3b82f64d;color:#93c5fd}.save-status-message.success{background:#10b9811a;border:1px solid #10b9814d;color:#6ee7b7}.save-status-message.error{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.save-status-message.warning{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#fcd34d}.status-icon{flex-shrink:0;margin-top:2px}.status-text{flex:1 1}.status-message{font-size:14px;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning{animation:spin 1s linear infinite}.dark-theme .form-card{background:#21262d;border-color:#30363d}.dark-theme .card-header{background:#161b22;border-bottom-color:#30363d}.dark-theme .card-title{color:#e6edf3}.dark-theme .card-description{color:#8b949e}.dark-theme .form-input,.dark-theme .form-select,.dark-theme .form-textarea{background:#21262d;border-color:#30363d;color:#e6edf3}.dark-theme .form-input:focus,.dark-theme .form-select:focus,.dark-theme .form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.dark-theme .form-label{color:#c9d1d9}.dark-theme .form-actions-bar{border-top-color:#30363d}.dark-theme .cancel-btn{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-theme .cancel-btn:hover:not(:disabled){background:#21262d;border-color:#484f58}.challenge-header{justify-content:space-between;margin-bottom:24px;padding:24px 0}.challenge-header,.header-left{align-items:center;display:flex}.header-left{gap:20px}.back-button{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000001a;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.back-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.back-button:hover:before{left:100%}.back-button:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed26,0 2px 4px #0000001a;color:#7c3aed;transform:translateX(-4px) translateY(-1px)}.back-button:active{box-shadow:0 2px 4px #7c3aed1a,0 1px 2px #0000001a;transform:translateX(-2px) translateY(0)}.back-button svg{flex-shrink:0;transition:transform .3s ease}.back-button:hover svg{transform:translateX(-2px)}.back-button span{letter-spacing:.3px}.page-title{color:#111827;font-size:28px;font-weight:700;margin:0 0 8px}.page-description{color:#6b7280;font-size:14px;margin:0}.create-challenge-btn{align-items:center;background:#7c3aed;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.create-challenge-btn:hover:not(:disabled){background:#6d28d9;box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-1px)}.create-challenge-btn:disabled{cursor:not-allowed;opacity:.6}.challenges-list-section{margin-top:32px}.challenges-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:16px}.challenge-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.challenge-card:hover{border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed1a;transform:translateY(-2px)}.challenge-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.challenge-name{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.premium-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:4px;padding:4px 10px;text-transform:uppercase}.challenge-count{color:#6b7280;font-size:13px;font-weight:500}.challenge-card-body{margin-bottom:16px}.challenge-stats{display:flex;gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-item .stat-label{color:#6b7280;font-size:12px;font-weight:500}.stat-item .stat-value{color:#111827;font-size:20px;font-weight:700}.challenge-card-footer{border-top:1px solid #f3f4f6;padding-top:16px}.view-challenge-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;width:100%}.view-challenge-btn:hover{background:#7c3aed;border-color:#7c3aed;color:#fff}.form-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;-webkit-user-select:none;user-select:none}.form-checkbox{accent-color:#7c3aed;cursor:pointer;height:18px;width:18px}.form-checkbox:checked{background:#7c3aed}.employee-checkbox-container{background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;flex-direction:column;gap:12px;margin-top:8px;max-height:200px;overflow-y:auto;padding:12px}.employee-checkbox-label{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.employee-checkbox-label:hover{background:#f9fafb}.employee-checkbox{accent-color:#7c3aed;cursor:pointer;flex-shrink:0;height:18px;width:18px}.employee-checkbox:checked{background:#7c3aed}.selected-employees-preview{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;display:flex;justify-content:space-between;margin-top:12px;padding:10px 14px}.selected-count{color:#0369a1;font-size:13px;font-weight:500}.clear-selection-btn{background:#fff;border:1px solid #bae6fd;border-radius:4px;color:#0369a1;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s ease}.clear-selection-btn:hover:not(:disabled){background:#e0f2fe;border-color:#7dd3fc}.clear-selection-btn:disabled{cursor:not-allowed;opacity:.6}.loading-text,.no-employees-text{color:#6b7280;font-size:13px;font-style:italic;margin:0;padding:8px}.existing-phone-numbers-display{margin-top:8px}.phone-numbers-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto;padding:12px}.existing-phone-item{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:6px 12px}.phone-number-display{color:#374151;font-weight:500}.no-phone-numbers-text{color:#9ca3af;font-size:13px;font-style:italic;margin:0;padding:12px;text-align:center}.empty-state,.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:14px;margin:0}.challenges-timeline-wrapper{background:#f9fafb;min-height:100vh;padding:40px 0}.timeline-header-section{margin-bottom:60px;padding:0 20px;text-align:center}.timeline-main-title{color:#111827;font-size:36px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.timeline-subtitle{color:#6b7280;font-size:16px;font-weight:500;letter-spacing:1px;margin:0;text-transform:uppercase}.challenges-timeline-milestone{margin:0 auto;max-width:1200px;padding:0 40px;position:relative}.timeline-line{background:#d1d5db;bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:1}.milestone-item{align-items:center;display:flex;margin-bottom:80px;min-height:200px;position:relative}.milestone-item.last{margin-bottom:0}.milestone-item.left{justify-content:flex-start}.milestone-item.right{justify-content:flex-end}.milestone-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:600px;min-width:400px;position:relative;transition:all .3s ease;width:45%;z-index:3}.milestone-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.left-card{margin-right:auto}.right-card{margin-left:auto}.milestone-card-content{padding:28px 32px}.milestone-title{color:#111827;font-size:24px;font-weight:700;line-height:1.3;margin:0 0 12px}.milestone-description{color:#6b7280;font-size:15px;line-height:1.5;margin:0 0 24px}.milestone-stats{align-items:center;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:24px;padding-top:16px}.milestone-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.milestone-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-number{color:#111827;font-size:28px;font-weight:700;line-height:1}.stat-label{color:#6b7280;font-size:11px;font-weight:500}.premium-indicator,.stat-label{letter-spacing:.5px;text-transform:uppercase}.premium-indicator{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 2px 4px #f59e0b4d;color:#fff;font-size:10px;font-weight:700;padding:4px 10px;position:absolute;right:16px;top:16px}.milestone-connector{background:#3b82f6;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px;z-index:2}.milestone-item.left .milestone-connector{left:72.5%;transform:translateX(-100%)}.milestone-item.right .milestone-connector{left:27.5%}.milestone-dot{background:#3b82f6;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #3b82f666;height:16px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:16px;z-index:3}.milestone-item:hover .milestone-dot{box-shadow:0 4px 12px #3b82f699;transform:translateX(-50%) scale(1.2)}.milestone-date{position:absolute;text-align:center;top:50%;transform:translateY(-50%);z-index:2}.date-right{right:calc(27.5% - 80px)}.date-left{left:calc(27.5% - 80px)}.date-month{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.date-day{color:#111827;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.date-year{color:#6b7280;font-size:12px;font-weight:500}.premium-badge-inline{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.view-challenge-btn-timeline{align-items:center;background:#7c3aed;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;margin-left:auto;padding:10px 20px;transition:all .2s ease}.view-challenge-btn-timeline:hover{background:#6d28d9;box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-1px)}.view-challenge-btn-timeline svg{height:16px;width:16px}.edit-challenge-btn-timeline{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.edit-challenge-btn-timeline:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.edit-challenge-btn-timeline svg{height:16px;width:16px}.dark-theme .page-title{color:#e6edf3}.dark-theme .page-description{color:#8b949e}.dark-theme .challenge-card{background:#21262d;border-color:#30363d}.dark-theme .challenge-card:hover{border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed33}.dark-theme .challenge-name{color:#e6edf3}.dark-theme .challenge-count{color:#8b949e}.dark-theme .challenge-card-header{border-bottom-color:#30363d}.dark-theme .stat-item .stat-label{color:#8b949e}.dark-theme .stat-item .stat-value{color:#e6edf3}.dark-theme .challenge-card-footer{border-top-color:#30363d}.dark-theme .view-challenge-btn{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-theme .view-challenge-btn:hover{background:#7c3aed;border-color:#7c3aed;color:#fff}.dark-theme .form-checkbox-label{color:#c9d1d9}.dark-theme .employee-checkbox-container{background:#21262d;border-color:#30363d}.dark-theme .employee-checkbox-label{color:#c9d1d9}.dark-theme .employee-checkbox-label:hover{background:#161b22}.dark-theme .selected-employees-preview{background:#3b82f61a;border-color:#3b82f64d}.dark-theme .selected-count{color:#93c5fd}.dark-theme .clear-selection-btn{background:#161b22;border-color:#3b82f64d;color:#93c5fd}.dark-theme .clear-selection-btn:hover:not(:disabled){background:#21262d;border-color:#3b82f680}.dark-theme .loading-text,.dark-theme .no-employees-text{color:#8b949e}.dark-theme .phone-numbers-list{background:#161b22;border-color:#30363d}.dark-theme .existing-phone-item{background:#21262d;border-color:#30363d}.dark-theme .phone-number-display{color:#c9d1d9}.dark-theme .no-phone-numbers-text{color:#6b7280}.dark-theme .empty-state{color:#8b949e}.dark-theme .challenges-timeline-wrapper{background:#0d1117}.dark-theme .timeline-main-title{color:#e6edf3}.dark-theme .timeline-subtitle{color:#8b949e}.dark-theme .timeline-line{background:#30363d}.dark-theme .milestone-card{background:#21262d;box-shadow:0 2px 8px #0006}.dark-theme .milestone-card:hover{box-shadow:0 4px 16px #0009}.dark-theme .milestone-title{color:#e6edf3}.dark-theme .milestone-description{color:#8b949e}.dark-theme .milestone-stats{border-top-color:#30363d}.dark-theme .stat-number{color:#e6edf3}.dark-theme .stat-label{color:#8b949e}.dark-theme .milestone-dot{border-color:#0d1117}.dark-theme .date-month{color:#8b949e}.dark-theme .date-day{color:#e6edf3}.dark-theme .date-year{color:#8b949e}.dark-theme .view-challenge-btn-timeline{background:#7c3aed;color:#fff}.dark-theme .view-challenge-btn-timeline:hover{background:#6d28d9}.dark-theme .edit-challenge-btn-timeline{background:#10b981;color:#fff}.dark-theme .edit-challenge-btn-timeline:hover{background:#059669}@media (max-width:768px){.challenge-header,.header-left{align-items:flex-start;flex-direction:column;gap:16px}.header-left{width:100%}.back-button{font-size:15px;justify-content:center;padding:14px 20px;width:100%}.back-button svg{height:20px;width:20px}.create-challenge-btn{justify-content:center;width:100%}.challenges-grid{grid-template-columns:1fr}.challenges-timeline-wrapper{padding:24px 0}.challenges-timeline-milestone{padding:0 20px}.timeline-header-section{margin-bottom:40px;padding:0 10px}.timeline-main-title{font-size:24px}.timeline-subtitle{font-size:12px}.timeline-line{left:25px;width:2px}.milestone-item{align-items:flex-start;flex-direction:row;margin-bottom:60px;padding-left:50px;position:relative}.milestone-item.left,.milestone-item.right{justify-content:flex-start}.milestone-card{margin:0;max-width:100%;min-width:auto;width:calc(100% - 60px)}.left-card,.right-card{margin:0}.milestone-connector{height:2px;left:25px;position:absolute;top:20px;transform:none;width:25px}.milestone-item.left .milestone-connector,.milestone-item.right .milestone-connector{left:25px;top:29px;transform:none}.milestone-dot{border-width:3px;height:14px;left:19px;position:absolute;top:20px;transform:translateX(-50%);width:14px}.milestone-item:hover .milestone-dot{transform:translateX(-50%) scale(1.1)}.milestone-date{left:-45px;position:absolute;top:0;transform:none;width:35px}.date-left,.date-right{left:-45px;position:absolute;right:auto}.date-month{font-size:10px}.date-day{font-size:24px}.date-year{font-size:10px}.milestone-card-content{padding:20px 24px}.milestone-title{font-size:20px}.milestone-description{font-size:14px;margin-bottom:18px}.milestone-stats{gap:16px;padding-top:12px}.milestone-actions{justify-content:flex-start;margin-left:0;margin-top:8px;width:100%}.view-challenge-btn-timeline{font-size:13px;margin-left:0;padding:8px 16px}.view-challenge-btn-timeline svg{height:14px;width:14px}.edit-challenge-btn-timeline{font-size:13px;padding:8px 16px}.edit-challenge-btn-timeline svg{height:14px;width:14px}.stat-number{font-size:20px}.stat-label{font-size:10px}.premium-indicator{font-size:9px;padding:3px 8px;right:12px;top:12px}}@media (max-width:480px){.challenges-timeline-wrapper{padding:20px 0}.challenges-timeline-milestone{padding:0 15px}.timeline-header-section{margin-bottom:30px}.timeline-main-title{font-size:20px}.timeline-subtitle{font-size:11px}.timeline-line{left:20px}.milestone-item{margin-bottom:50px;padding-left:45px}.milestone-card{width:100%}.milestone-connector{left:15px;top:25px;width:20px}.milestone-dot{border-width:2.5px;height:12px;left:14px;top:18px;width:12px}.milestone-date{left:-40px;width:30px}.date-day{font-size:20px}.milestone-card-content{padding:14px}.milestone-title{font-size:16px}.milestone-description{font-size:12px;margin-bottom:12px}.milestone-stats{align-items:stretch;flex-direction:column;gap:12px}.stat-number{font-size:18px}.milestone-actions{flex-direction:column;width:100%}.view-challenge-btn-timeline{justify-content:center;margin-left:0;margin-top:0;width:100%}.edit-challenge-btn-timeline{justify-content:center;margin-top:8px;width:100%}}.challenge-details-section{animation:slideDown .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-top:60px;padding:32px}.challenge-settings-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.settings-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px}.settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.setting-item{display:flex;flex-direction:column;gap:4px}.setting-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.setting-value{color:#111827;font-size:15px;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.challenge-details-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.challenge-details-title{color:#111827;font-size:24px;font-weight:700;margin:0}.close-details-btn{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-details-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.challenge-table-wrapper{overflow-x:auto}.challenge-table{border-collapse:collapse;font-size:14px;width:100%}.challenge-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.challenge-table th{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.challenge-table td{border-bottom:1px solid #f3f4f6;color:#6b7280;padding:12px 16px}.challenge-table tbody tr:hover{background:#f9fafb}.challenge-table tbody tr.taken-row{background:#fef2f2}.challenge-table tbody tr.taken-row:hover{background:#fee2e2}.challenge-table tbody tr.available-row{background:#f0fdf4}.challenge-table tbody tr.available-row:hover{background:#dcfce7}.phone-number-cell{color:#111827;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.status-badge.status-new{background:#dbeafe;color:#1e40af}.status-badge.status-follow-up{background:#fef3c7;color:#92400e}.status-badge.status-contact{background:#d1fae5;color:#065f46}.status-badge.status-not-interested{background:#fee2e2;color:#991b1b}.status-badge.status-interested{background:#ddd6fe;color:#5b21b6}.no-data-cell{color:#9ca3af;font-style:italic;padding:40px!important;text-align:center}.dark-theme .challenge-details-section{background:#21262d;box-shadow:0 4px 16px #0006}.dark-theme .challenge-settings-info{background:#161b22;border-color:#30363d}.dark-theme .settings-title{color:#e6edf3}.dark-theme .setting-label{color:#8b949e}.dark-theme .setting-value{color:#c9d1d9}.dark-theme .challenge-details-title{color:#e6edf3}.dark-theme .challenge-details-header{border-bottom-color:#30363d}.dark-theme .close-details-btn{border-color:#30363d;color:#8b949e}.dark-theme .close-details-btn:hover{background:#161b22;border-color:#484f58;color:#c9d1d9}.dark-theme .challenge-table thead{background:#161b22;border-bottom-color:#30363d}.dark-theme .challenge-table th{color:#c9d1d9}.dark-theme .challenge-table td{border-bottom-color:#30363d;color:#8b949e}.dark-theme .challenge-table tbody tr:hover{background:#161b22}.dark-theme .challenge-table tbody tr.taken-row{background:#ef44441a}.dark-theme .challenge-table tbody tr.taken-row:hover{background:#ef444426}.dark-theme .challenge-table tbody tr.available-row{background:#10b9811a}.dark-theme .challenge-table tbody tr.available-row:hover{background:#10b98126}.dark-theme .phone-number-cell{color:#e6edf3}.dark-theme .no-data-cell{color:#6b7280}@media (max-width:768px){.challenge-details-section{margin-top:40px;padding:20px}.challenge-details-title{font-size:20px}.challenge-table{font-size:12px}.challenge-table td,.challenge-table th{padding:8px 12px}}@media (max-width:480px){.challenge-details-section{margin-top:30px;padding:16px}.challenge-details-title{font-size:18px}.challenge-table{font-size:11px}.challenge-table td,.challenge-table th{padding:6px 8px}}
/*# sourceMappingURL=main.8a8d924c.css.map*/