@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Montserrat,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0a0f1c,#1a1f2e,#0d1420);color:#e2e8f0;height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports (-webkit-appearance: none){select{-webkit-appearance:none!important}}.container{height:100vh;display:flex;flex-direction:column}.header{background:#0d1420e6;padding:.5rem 1rem;box-shadow:0 2px 15px #0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-shrink:0}.header-row-1{display:flex;justify-content:center;align-items:center;padding-bottom:.75rem}.header-row-2{display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(113,183,68,.2);padding-top:.75rem}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%;gap:1rem}.header-content .controls{flex:1;display:flex;justify-content:center;max-width:600px;margin:0 auto}.header-content:not(:has(.controls)) .user-info-container{margin-left:auto}.logo{display:flex;align-items:center;gap:8px;margin:0;padding:0;flex-shrink:0}.logo-img{width:80px;height:auto;display:block;margin:0!important;padding:0;vertical-align:middle}.logo-text{display:flex;flex-direction:column;justify-content:center}.logo-text h1{color:#f1f5f9;font-size:1.1rem;font-weight:700;margin:0;line-height:1.1}.logo-subtitle{color:#71b744;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0;line-height:1.1}.btn{border:none;padding:10px 16px;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.btn-primary{background:#71b744;color:#fff;font-weight:600}.btn-primary:hover{background:#5a9234;transform:translateY(-1px)}.refresh-btn-with-progress{position:relative;overflow:hidden;transition:all .3s ease}.refresh-btn-with-progress i{transition:opacity .3s ease}.refresh-btn-with-progress:not(:disabled):hover i{opacity:1!important}.refresh-btn-with-progress:not(:hover):not(:disabled) i:not(.fa-spinner){opacity:.3}.component-progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{left:-100%}to{left:100%}}@keyframes progress-pulse{0%{opacity:.8}to{opacity:1}}.controls{display:flex;align-items:center;gap:12px}.header{position:relative}.control-component{position:relative;background:transparent;border:none;flex-shrink:0;transition:all .3s ease;display:flex;align-items:center;gap:12px}.control-component:hover{border-color:#71b7444d;box-shadow:0 6px 16px #0000004d}.search-component{display:flex;flex-direction:column;gap:8px}.search-component .search-box{position:relative;width:100%}.search-component .input-search{background:#1e293b66;border:2px solid rgba(113,183,68,.3);border-radius:6px;color:#f1f5f9;font-size:13px;font-weight:500;padding:7px 35px 7px 12px;width:100%;outline:none;transition:all .3s ease}.search-component .input-search:focus{border-color:#71b744;background:#1e293b99;box-shadow:0 0 0 3px #71b7441a}.search-component .input-search::placeholder{color:#64748b;font-size:13px}.search-component .fa-search,.search-component .fa-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#71b744;font-size:13px;cursor:pointer;pointer-events:auto;padding:6px;transition:color .3s ease,transform .2s ease}.search-component .fa-search:hover{color:#5a9635;transform:translateY(-50%) scale(1.1)}.search-component .fa-search:active{transform:translateY(-50%) scale(.95)}.search-component .fa-spinner{cursor:default;pointer-events:none}.search-component .input-search.searching{opacity:.6;pointer-events:none}.search-info{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.search-clients-count{font-size:11px;color:#64748b;font-weight:400;font-family:Montserrat,sans-serif;letter-spacing:.02em;line-height:1.2;opacity:.85;transition:color .3s ease,opacity .3s ease;display:flex;align-items:center;gap:4px;flex:1}.search-clients-count i{font-size:10px;opacity:.7;transition:opacity .3s ease;flex-shrink:0}.search-clients-count:hover{color:#94a3b8;opacity:1}.search-clients-count:hover i{opacity:1}.refresh-component{min-width:140px}.component-content{display:flex;flex-direction:column;gap:4px;padding:8px 12px}.component-section{display:flex;align-items:center;gap:6px}.component-label{font-size:11px;color:#94a3b8;text-transform:uppercase;font-weight:600;letter-spacing:.3px;white-space:nowrap}.component-select{background:#0d142099;border:1px solid rgba(113,183,68,.3);border-radius:4px;color:#f1f5f9;font-size:12px;padding:2px 6px;outline:none;transition:all .3s ease;font-weight:600;min-width:50px}.component-select:hover{border-color:#71b74480;background:#0d1420cc}.component-select:focus{border-color:#71b744;box-shadow:0 0 0 2px #71b74433}.component-icon{font-size:11px;color:#71b744;opacity:.8}.component-value{font-size:12px;color:#71b744;font-weight:600}.component-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#0000004d;border-radius:0 0 8px 8px}.component-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#71b744,#4ade80,#22c55e);transition:width .1s ease-out;border-radius:0 0 8px 8px;box-shadow:0 0 10px #71b74499}.extension-component{min-width:160px}.extension-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#cbd5e1;font-size:14px;font-weight:600}.extension-indicator i{color:#71b744;font-size:14px}.mode-component{display:flex;align-items:center}.switch-mode-header-btn{background:linear-gradient(135deg,#71b7441a,#5a96351a);border:1px solid rgba(113,183,68,.3);border-radius:10px;padding:8px 16px;color:#71b744;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.switch-mode-header-btn:hover{background:linear-gradient(135deg,#71b74433,#5a963533);border-color:#71b74480;transform:translateY(-2px);box-shadow:0 4px 15px #71b7444d}.switch-mode-header-btn i{font-size:13px}.extension-section{gap:8px}.extension-section .component-label{min-width:60px;font-size:12px}.component-input{background:#0d1420cc;border:1px solid rgba(113,183,68,.3);border-radius:6px;color:#f1f5f9;font-size:14px;font-weight:600;padding:6px 10px;width:70px;text-align:center;transition:all .2s ease;outline:none}.component-input:focus{border-color:#71b744;background:#0d1420;box-shadow:0 0 0 2px #71b74433}.component-input::placeholder{color:#71b74480;font-size:12px;font-weight:400}.status-section{gap:6px}.pbx-status{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.pbx-status.connected{background:#22c55e33;color:#22c55e}.pbx-status.disconnected{background:#ef444433;color:#ef4444}.pbx-status.error{background:#f59e0b33;color:#f59e0b}.btn-secondary{background:#0d142099;border:1px solid rgba(113,183,68,.3);color:#cbd5e1}.btn-secondary:hover{border-color:#71b74480;background:#0d1420cc;color:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.btn-small{padding:6px 10px;font-size:12px;min-width:32px;height:28px}.btn:disabled{background:#71b7444d;cursor:not-allowed;opacity:.5}.btn:disabled:hover{transform:none;box-shadow:none}.input{background:#0d142099;border:1px solid rgba(113,183,68,.3);border-radius:12px;color:#f1f5f9;outline:none;transition:all .3s ease;font-weight:500}.input:focus{border-color:#71b744;box-shadow:0 0 20px #71b74433;background:#0d1420cc}.input::placeholder{color:#64748b}.input-search{padding:10px 40px 10px 16px;font-size:14px;width:350px}.input-large{padding:15px 60px 15px 20px;font-size:16px;width:100%}.priority-1 .stat-icon,.priority-critical{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.5)}.priority-2 .stat-icon,.priority-high{color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.5)}.priority-3 .stat-icon,.priority-medium{color:#eab308;text-shadow:0 0 10px rgba(234,179,8,.5)}.stat-card.priority-1{border-left:4px solid #ef4444}.stat-card.priority-1 .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card.priority-2{border-left:4px solid #f59e0b}.stat-card.priority-2 .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card.priority-3{border-left:4px solid #eab308}.stat-card.priority-3 .stat-icon{background:linear-gradient(135deg,#eab308,#ca8a04);color:#fff;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card.total{border-left:4px solid #71b744}.stat-card.total .stat-icon{background:linear-gradient(135deg,#71b744,#5a9635);color:#fff;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.priority-normal{color:#71b744;text-shadow:0 0 10px rgba(113,183,68,.5)}.priority-general{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.reason-general{background:#6b728033;color:#9ca3af;border-left:3px solid #6b7280}.priority-4{border-left:4px solid #6b7280}.priority-4 .stat-icon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.service-info-grid{display:flex;flex-direction:column;gap:.8rem;margin:1rem 0}.info-row{display:flex;gap:.8rem}.info-box{background:#1a1f2e66;border-radius:8px;padding:.8rem;display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.info-box.info-service{flex:1 0 100%}.info-icon{font-size:1rem;color:#71b744;width:20px;text-align:center}.info-content{flex:1;min-width:0}.info-text{font-size:.8rem;font-weight:600;color:#f1f5f9;word-wrap:break-word;line-height:1.2}.info-number{font-size:1rem;font-weight:700;color:#f1f5f9}.info-label{font-size:.7rem;color:#94a3b8;text-transform:uppercase;font-weight:500;margin-top:.2rem}.alert{border-radius:12px;padding:15px 20px;margin-bottom:20px;display:flex;align-items:center;gap:12px;font-weight:600}.alert-critical{background:linear-gradient(135deg,#ef444433,#dc262633);border:1px solid rgba(239,68,68,.4);color:#fca5a5;animation:alertPulse 2s ease-in-out infinite alternate}@keyframes alertPulse{0%{box-shadow:0 0 5px #ef44444d}to{box-shadow:0 0 20px #ef444499}}.alert-info{background:linear-gradient(135deg,#3b82f633,#2563eb33);border:1px solid rgba(59,130,246,.4);color:#93c5fd}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#94a3b8;font-size:1.1rem;font-weight:500}.loading i{font-size:2.5rem;color:#71b744;animation:spin 1s linear infinite;margin-bottom:1rem;text-shadow:0 0 10px rgba(113,183,68,.5)}.no-results,.empty-state{text-align:center;padding:80px 40px;background:linear-gradient(135deg,#0d1420cc,#1a1f2ecc);border:1px solid rgba(113,183,68,.2);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.empty-state i{font-size:4rem;color:#71b744;margin-bottom:20px;opacity:.7;text-shadow:0 0 20px rgba(113,183,68,.3)}.empty-state h3{font-size:1.8rem;font-weight:700;color:#f1f5f9;margin-bottom:10px}.empty-state p{font-size:1rem;color:#94a3b8;font-weight:400}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0f1c,#1a1f2e,#0d1420);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-spinner{width:60px;height:60px;min-width:60px;min-height:60px;max-width:60px;max-height:60px;border:4px solid rgba(113,183,68,.6);border-top:4px solid #71b744;border-right:4px solid #71b744;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px;box-shadow:0 0 20px #71b7444d;box-sizing:border-box;flex-shrink:0;aspect-ratio:1 / 1}.loading-message{color:#e2e8f0;font-size:16px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0f1c,#1a1f2e,#0d1420);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9998;text-align:center;padding:20px;transition:opacity .5s ease}.error-screen.hidden{opacity:0;pointer-events:none}.error-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.error-icon{font-size:64px;color:#ef4444;margin-bottom:20px}.error-title{font-size:24px;color:#f1f5f9;margin-bottom:15px;font-weight:600}.error-message{font-size:16px;color:#cbd5e1;max-width:500px;margin-bottom:30px;line-height:1.6}.error-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.error-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.error-btn-primary{background:linear-gradient(135deg,#71b744,#5a9335);color:#fff}.error-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #71b74466}.error-btn-secondary{background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(113,183,68,.3)}.error-btn-secondary:hover{background:#71b74433;transform:translateY(-2px)}.stale-data-banner{position:fixed;top:0;left:0;width:100%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:9997;box-shadow:0 4px 15px #0000004d;animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.stale-data-banner.hidden{animation:slideUp .5s ease-out forwards}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.stale-data-banner-content{display:flex;align-items:center;gap:1rem;flex:1}.stale-data-banner-icon{font-size:24px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.stale-data-banner-text{display:flex;flex-direction:column;gap:.25rem}.stale-data-banner-title{font-size:14px;font-weight:700;letter-spacing:.5px}.stale-data-banner-message{font-size:12px;opacity:.95;font-weight:500}.stale-data-banner-close{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease}.stale-data-banner-close:hover{background:#ffffff4d;transform:translateY(-1px)}.call-card-compact.priority-1{border-left:4px solid #ef4444}.call-card-compact.priority-2{border-left:4px solid #f59e0b}.call-card-compact.priority-3{border-left:4px solid #eab308}.priority-badge-inline{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-right:.5rem}.priority-badge-inline.priority-1{background:linear-gradient(135deg,#ef444433,#dc262633);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.priority-badge-inline.priority-2{background:linear-gradient(135deg,#f59e0b33,#d9770633);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.priority-badge-inline.priority-3{background:linear-gradient(135deg,#eab30833,#ca8a0433);color:#eab308;border:1px solid rgba(234,179,8,.3)}.priority-badge-inline.priority-0{background:linear-gradient(135deg,#6b728026,#4b556326);color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.priority-badge-inline i{font-size:.85rem}@media (max-width: 1200px){.search-component .input-search{font-size:12px;padding:6px 32px 6px 10px}.search-clients-count{font-size:10px}}@media (max-width: 768px){.header-content{gap:.75rem}.logo-img{width:60px}.logo-text h1{font-size:.95rem}.logo-subtitle{font-size:.65rem}.search-component .input-search{font-size:11px;padding:6px 30px 6px 10px}.search-clients-count{font-size:9px}}@media (max-width: 480px){.header{padding:.5rem .75rem}.logo{gap:6px}.logo-img{width:50px}.logo-text h1{font-size:.85rem}.logo-subtitle{font-size:.6rem}.search-component{gap:6px}.search-component .input-search{font-size:10px;padding:5px 28px 5px 8px}.search-component .fa-search{font-size:11px;right:8px}.search-clients-count{font-size:8.5px}.controls{gap:8px;padding:.4rem .6rem}}.microsoft-login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10001;background:linear-gradient(135deg,#0a0f1c,#1a1f2e,#0d1420);display:flex;align-items:center;justify-content:center;padding:20px}.microsoft-login-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.login-container{max-width:480px;width:100%;display:flex;flex-direction:column;gap:2rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-logo{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1rem}.logo-img{width:120px;height:auto;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.app-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.app-subtitle{font-size:clamp(.95rem,2vw,1.1rem);margin:0;opacity:.95;font-weight:300}.login-card{background:linear-gradient(135deg,#0d1420fa,#1a1f2efa);border:1px solid rgba(113,183,68,.3);border-radius:20px;box-shadow:0 20px 60px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.login-header{text-align:center;padding:2.5rem 2rem 1.5rem;background:linear-gradient(135deg,#71b74426,#71b7440d);border-bottom:1px solid rgba(113,183,68,.2)}.login-header i{font-size:3rem;color:#71b744;margin-bottom:1rem}.login-header h2{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;color:#f1f5f9}.login-header p{font-size:.95rem;color:#94a3b8;margin:0;line-height:1.5}.login-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.microsoft-login-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#00a4ef,#0078d4);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 12px #0078d44d}.microsoft-login-btn i{font-size:1.5rem}.microsoft-login-btn:hover{background:linear-gradient(135deg,#0078d4,#005a9e);box-shadow:0 6px 16px #0078d466;transform:translateY(-2px)}.microsoft-login-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0078d44d}.login-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.spinner{width:40px;height:40px;border:4px solid rgba(113,183,68,.2);border-top-color:#71b744;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-loading p{color:#94a3b8;font-size:.95rem;margin:0}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;display:flex;align-items:flex-start;gap:.75rem}.login-error i{color:#f87171;font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.login-error p{color:#fca5a5;font-size:.9rem;margin:0;line-height:1.5}.login-footer{padding:1.5rem 2rem 2rem;background:#71b7440d;border-top:1px solid rgba(113,183,68,.2)}.login-info{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#94a3b8;font-size:.9rem;margin:0}.login-info i{color:#71b744}.login-version{text-align:center;color:#fff;font-size:.85rem;opacity:.9}.login-version p{margin:.25rem 0}.copyright{opacity:.8;font-size:.8rem}.user-info-container{display:flex;align-items:center;margin-left:auto;gap:.5rem}.user-info{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#ffffff0d;border-radius:8px;transition:background .2s ease;border:1px solid rgba(113,183,68,.2)}.user-info:hover{background:#ffffff14;border-color:#71b74466}.user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#71b74426;border:2px solid rgba(113,183,68,.3)}.user-avatar i{font-size:1.5rem;color:#71b744}.user-avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-details{display:flex;flex-direction:column;justify-content:center}.user-name{font-size:.875rem;font-weight:500;color:#e2e8f0;line-height:1.2;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.user-email{display:none}.logout-btn{background:none;border:none;color:#94a3b8;font-size:1rem;cursor:pointer;padding:.375rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.7}.logout-btn:hover{background:#ef444426;color:#ef4444;opacity:1}.logout-btn:active{transform:scale(.92)}@media (max-width: 768px){.user-name{max-width:120px}.user-info{padding:.25rem .5rem}}@media (max-width: 640px){.login-container{gap:1.5rem}.login-header{padding:2rem 1.5rem 1rem}.login-body{padding:1.5rem}.login-footer{padding:1rem 1.5rem 1.5rem}.user-info{padding:.375rem .75rem}.user-details{display:none}.user-avatar i{font-size:1.5rem}}.simple-client-card{border:none;border-radius:clamp(12px,2vw,16px);padding:0;width:clamp(320px,28vw,380px);flex-shrink:0;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:clamp(2px,.3vw,3px) solid;transition:all .3s ease;overflow:visible;margin-right:clamp(18px,2.2vw,24px)}.simple-client-card:hover{box-shadow:0 8px 30px #0006}.clickable-card{cursor:pointer}.clickable-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #00000080}.clickable-card:active{transform:translateY(-2px);transition:all .1s ease}.simple-client-card.priority-1{border-left-color:#ef4444}.simple-client-card.priority-2{border-left-color:#f59e0b}.simple-client-card.priority-3{border-left-color:#eab308}.card-header{background:#47556933;padding:clamp(12px,2vh,16px) clamp(16px,2vw,20px);display:flex;justify-content:space-between;align-items:center;border-radius:clamp(12px,2vw,16px) clamp(12px,2vw,16px) 0 0}.folio-section{display:flex;align-items:center;gap:clamp(8px,1vw,12px)}.folio-icon{width:clamp(28px,4vw,36px);height:clamp(28px,4vw,36px);background:linear-gradient(135deg,#71b744,#5a9635);border-radius:clamp(6px,1vw,10px);display:flex;align-items:center;justify-content:center}.folio-icon i{color:#fff;font-size:clamp(14px,2vw,18px)}.folio-info{display:flex;flex-direction:column}.folio-number{font-size:clamp(14px,2vw,18px);font-weight:800;color:#f1f5f9;line-height:1}.folio-label{font-size:clamp(10px,1.2vw,12px);color:#94a3b8;text-transform:uppercase;font-weight:600;margin-top:clamp(1px,.2vh,2px)}.client-name{font-size:clamp(10px,1.2vw,12px);color:#94a3b8;font-weight:500;margin-top:clamp(1px,.2vh,2px);line-height:1.2;max-width:clamp(100px,15vw,120px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-id{font-size:clamp(8px,1vw,10px);color:#71b744;font-weight:600;margin-top:clamp(.5px,.1vh,1px);line-height:1.1;letter-spacing:clamp(.3px,.05vw,.5px)}.tecnologia-info{font-size:clamp(7.5px,.95vw,9.5px);color:#60a5fa;font-weight:600;margin-top:clamp(.5px,.1vh,1px);line-height:1.1;letter-spacing:clamp(.2px,.04vw,.4px);opacity:.9}.location-info{font-size:clamp(7px,.9vw,9px);color:#94a3b8;font-weight:500;margin-top:clamp(1px,.2vh,2px);line-height:1.1;opacity:.8}.priority-section{display:flex;align-items:center}.priority-badge{padding:clamp(6px,1vh,8px) clamp(12px,2vw,16px);border-radius:clamp(18px,3vw,25px);font-size:clamp(10px,1.2vw,12px);font-weight:700;color:#fff;text-transform:uppercase;border:clamp(1px,.2vw,2px) solid transparent;position:relative;overflow:hidden}.priority-badge.priority-1{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef44444d}.priority-badge.priority-2{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b4d}.priority-badge.priority-3{background:linear-gradient(135deg,#eab308,#ca8a04);border-color:#eab3084d}.simple-client-card .stats-grid{padding:clamp(8px,1.5vh,12px) clamp(12px,1.8vw,16px);display:flex;flex-direction:column;gap:clamp(6px,1vh,8px);flex:1}.stats-section-header{font-size:clamp(8px,1vw,10px);color:#71b744;font-weight:700;text-transform:uppercase;letter-spacing:clamp(.3px,.05vw,.5px);padding:clamp(3px,.6vh,4px) 0;border-bottom:1px solid rgba(113,183,68,.3);margin-bottom:clamp(3px,.6vh,4px);display:flex;align-items:center;gap:clamp(3px,.6vw,4px)}.stats-section-header i{font-size:clamp(7px,.9vw,9px)}.stats-row-tickets,.stats-row-activity{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.2vw,10px)}.stat-box{background:#3341554d;border-radius:clamp(6px,1.2vw,10px);padding:clamp(6px,1vh,8px);display:flex;flex-direction:column;justify-content:center;gap:clamp(3px,.6vh,4px);min-width:0;overflow:hidden}.stat-icon{width:clamp(24px,3vw,30px);height:clamp(24px,3vw,30px);border-radius:clamp(6px,1vw,8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-box.stat-urgent .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-box.stat-medium .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-box.stat-info .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-box.stat-warning .stat-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-box.stat-total .stat-icon{background:linear-gradient(135deg,#71b744,#5a9635)}.stat-box.stat-tech .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-box.stat-location .stat-icon{background:linear-gradient(135deg,#ec4899,#db2777)}.stat-icon i{color:#fff;font-size:clamp(12px,1.8vw,16px)}.stat-content{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden}.stat-number{font-size:clamp(16px,2.5vw,20px);font-weight:900;color:#f1f5f9;line-height:1;margin-bottom:clamp(1px,.2vh,2px)}.stat-text{font-size:clamp(10px,1.3vw,12px);font-weight:600;color:#f1f5f9;line-height:1.2;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-title{font-size:clamp(8px,1vw,10px);color:#94a3b8;text-transform:uppercase;font-weight:700;letter-spacing:clamp(.3px,.05vw,.5px);line-height:1;text-align:center;margin-bottom:clamp(2px,.3vh,4px)}.stat-content-horizontal{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1vw,8px)}.stat-text{font-size:clamp(9px,1.1vw,11px);color:#94a3b8;text-transform:uppercase;font-weight:600;letter-spacing:clamp(.2px,.03vw,.3px);line-height:1.1;max-width:100%}.stat-box-group{display:flex;flex-direction:column;gap:clamp(4px,.8vh,6px);flex:1}.stat-box-compact{background:#3341554d;border-radius:clamp(6px,1.2vw,10px);padding:clamp(4px,.8vh,6px) clamp(6px,1vw,8px);display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.4vh,3px);min-width:0;overflow:hidden}.stat-box-compact.stat-tech{border-left:2px solid #3b82f6}.stat-box-compact.stat-location{border-left:2px solid #ec4899}.stat-title-compact{font-size:clamp(7px,.9vw,9px);color:#94a3b8;text-transform:uppercase;font-weight:700;letter-spacing:clamp(.2px,.04vw,.4px);line-height:1;text-align:center}.stat-icon-compact{width:clamp(16px,2vw,20px);height:clamp(16px,2vw,20px);display:flex;align-items:center;justify-content:center}.stat-icon-compact i{font-size:clamp(10px,1.3vw,12px)}.stat-box-compact.stat-tech .stat-icon-compact i{color:#3b82f6}.stat-box-compact.stat-location .stat-icon-compact i{color:#ec4899}.stat-text-compact{font-size:clamp(8px,1vw,10px);font-weight:600;color:#f1f5f9;line-height:1.2;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.reason-section{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.2vw,10px);background:linear-gradient(135deg,#1e293b99,#0f172a99);border-radius:clamp(6px,1.2vw,10px);padding:clamp(12px,2vh,16px) clamp(32px,5vw,40px);margin:0 clamp(12px,1.8vw,16px);border:clamp(.5px,.1vw,1px) solid transparent;font-size:clamp(10px,1.2vw,12px);font-weight:600;text-align:center;line-height:1.3;height:clamp(48px,7vh,56px);width:auto;white-space:normal;overflow:visible}.status-section{background:#33415526;padding:clamp(10px,1.5vh,12px) clamp(16px,2vw,20px);display:flex;align-items:center;justify-content:center;min-height:clamp(36px,5.5vh,44px);border-radius:0 0 clamp(12px,2vw,16px) clamp(12px,2vw,16px)}.reason-icon{flex-shrink:0;font-size:clamp(9px,1.1vw,11px)}.reason-text{flex:1;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;white-space:normal!important;line-height:1.2}.reason-new{color:#22d3ee;border-color:#22d3ee4d;background:linear-gradient(135deg,#22d3ee1a,#06b6d41a)}.reason-new i{color:#22d3ee}.reason-urgent{color:#f87171;border-color:#f871714d;background:linear-gradient(135deg,#f871711a,#ef44441a)}.reason-urgent i{color:#f87171}.reason-recurrent{color:#fbbf24;border-color:#fbbf244d;background:linear-gradient(135deg,#fbbf241a,#f59e0b1a)}.reason-recurrent i{color:#fbbf24}.reason-established{color:#a78bfa;border-color:#a78bfa4d;background:linear-gradient(135deg,#a78bfa1a,#8b5cf61a)}.reason-established i{color:#a78bfa}.reason-default{color:#94a3b8;border-color:#94a3b84d;background:linear-gradient(135deg,#94a3b81a,#64748b1a)}.reason-default i{color:#94a3b8}.reason-critical{color:#ef4444;border-color:#ef44444d;background:linear-gradient(135deg,#ef444426,#dc262626)}.reason-critical i{color:#ef4444}.reason-high{color:#f97316;border-color:#f973164d;background:linear-gradient(135deg,#f9731626,#ea580c26)}.reason-high i{color:#f97316}.reason-medium{color:#eab308;border-color:#eab3084d;background:linear-gradient(135deg,#eab30826,#ca8a0426)}.reason-medium i{color:#eab308}.reason-general{color:#6b7280;border-color:#6b72804d;background:linear-gradient(135deg,#6b72801a,#4b55631a)}.reason-general i{color:#6b7280}.modal-card-container{display:flex;flex-direction:column;gap:16px;max-width:500px;margin:0 auto;height:100%;justify-content:center;overflow:visible}.modal-card{position:static!important;width:100%!important;max-width:none!important;height:380px!important;margin:0!important}.modal-additional-info{background:linear-gradient(135deg,#1e293b99,#0f172a99);border:1px solid rgba(113,183,68,.15);border-radius:16px;padding:20px}.additional-info-title{color:#f1f5f9;font-size:16px;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:8px}.info-grid{display:grid;gap:12px}.info-item-modal{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin:4px 0;border-bottom:1px solid rgba(113,183,68,.1)}.info-item-modal:last-child{border-bottom:none}.info-label-modal{color:#94a3b8;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:120px}.info-value-modal{color:#f1f5f9;font-size:13px;font-weight:600;text-align:right;flex:1}.no-results-card{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:1px solid rgba(113,183,68,.15);border-radius:16px;overflow:hidden;border-left:4px solid #64748b}.no-results-header{background:linear-gradient(135deg,#4755694d,#3341554d);padding:20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(113,183,68,.1)}.no-results-icon{width:48px;height:48px;background:linear-gradient(135deg,#64748b,#475569);border-radius:12px;display:flex;align-items:center;justify-content:center}.no-results-icon i{color:#fff;font-size:20px}.no-results-info{flex:1}.no-results-title{font-size:20px;font-weight:800;color:#f1f5f9;line-height:1;margin-bottom:4px}.no-results-subtitle{font-size:12px;color:#94a3b8;text-transform:uppercase;font-weight:600}.no-results-content{padding:20px;display:flex;flex-direction:column;gap:20px}.search-term-display{background:linear-gradient(135deg,#33415566,#1e293b66);border:1px solid rgba(113,183,68,.15);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.search-term-icon{width:36px;height:36px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-term-icon i{color:#fff;font-size:16px}.search-term-text{flex:1}.search-term-label{font-size:12px;color:#94a3b8;text-transform:uppercase;font-weight:600;margin-bottom:4px}.search-term-value{font-size:18px;font-weight:800;color:#f1f5f9;line-height:1}.no-results-message{display:flex;justify-content:center}.no-results-footer{background:linear-gradient(135deg,#47556933,#33415533);border-top:1px solid rgba(113,183,68,.1);padding:16px 20px}.help-text{display:flex;align-items:center;justify-content:center;gap:8px;color:#94a3b8;font-size:13px;font-weight:500}.help-text i{color:#fbbf24;font-size:14px}.status-container{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;background:#1e293b66;border:1px solid transparent;letter-spacing:.3px}.status-active{color:#10b981;border-color:#10b98133;background:linear-gradient(135deg,#10b9811a,#0596691a)}.status-active i{color:#10b981;font-size:11px}.status-suspended{color:#f59e0b;border-color:#f59e0b33;background:linear-gradient(135deg,#f59e0b1a,#d977061a)}.status-suspended i{color:#f59e0b;font-size:11px}.status-default{color:#64748b;border-color:#64748b33;background:linear-gradient(135deg,#64748b1a,#4755691a)}.status-default i{color:#64748b;font-size:10px}.contact-section .info-value-modal{display:flex;flex-direction:column;gap:6px}.contact-list{display:flex;flex-direction:column;gap:4px}.contact-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#f1f5f9;padding:4px 0}.contact-item i{color:#71b744;font-size:12px;width:14px;text-align:center}.contact-link{color:#f1f5f9;text-decoration:none;transition:all .2s ease;border-bottom:1px solid transparent}.contact-link:hover,.email-link:hover,.phone-link:hover{color:#71b744;border-bottom-color:#71b744}.pipedrive-link{display:inline-flex;align-items:center;gap:8px;color:#71b744;text-decoration:none;font-weight:600;font-size:13px;padding:6px 12px;border:1px solid rgba(113,183,68,.3);border-radius:8px;background:linear-gradient(135deg,#71b7441a,#5a96341a);transition:all .3s ease}.pipedrive-link:hover{color:#71b744;border-color:#71b74480;background:linear-gradient(135deg,#71b74433,#5a963433);transform:translateY(-1px)}.pipedrive-link i{font-size:clamp(9px,1vw,11px)}@media (max-width: 768px){.simple-client-card{width:clamp(280px,42vw,340px);margin-right:clamp(14px,3.2vw,18px)}.card-header{padding:clamp(10px,2vh,14px) clamp(14px,3vw,18px)}.folio-icon{width:clamp(24px,5vw,32px);height:clamp(24px,5vw,32px)}.simple-client-card .stats-grid{gap:clamp(12px,2.5vh,16px)}.stats-row-tickets,.stats-row-activity{gap:clamp(6px,1.5vw,8px)}.priority-badge{padding:clamp(4px,1vh,6px) clamp(8px,2.5vw,12px);font-size:clamp(8px,1.5vw,10px)}.stat-title{font-size:clamp(7px,1.5vw,9px);letter-spacing:clamp(.2px,.03vw,.4px)}.stat-text{font-size:clamp(8px,1.8vw,10px);letter-spacing:clamp(.15px,.025vw,.25px)}}@media (max-width: 480px){.simple-client-card{width:clamp(240px,70vw,280px);margin-right:clamp(10px,4vw,14px)}.card-header{padding:clamp(8px,1.5vh,12px) clamp(12px,4vw,16px)}.folio-section{gap:clamp(6px,2vw,10px)}.folio-icon{width:clamp(20px,6vw,28px);height:clamp(20px,6vw,28px)}.folio-number{font-size:clamp(12px,3vw,16px)}.simple-client-card .stats-grid{padding:clamp(10px,2vh,14px) clamp(12px,4vw,16px);gap:clamp(10px,3vh,14px)}.stat-box{padding:clamp(6px,1.5vh,8px);gap:clamp(4px,1.5vw,6px)}.stat-icon{width:clamp(20px,4vw,26px);height:clamp(20px,4vw,26px)}.stat-number{font-size:clamp(14px,3.5vw,18px)}.stat-title{font-size:clamp(6px,1.8vw,8px);letter-spacing:clamp(.15px,.025vw,.3px);margin-bottom:clamp(1px,.2vh,2px)}.stat-content-horizontal{gap:clamp(4px,1.2vw,6px)}.stat-text{font-size:clamp(7px,2vw,9px);letter-spacing:clamp(.1px,.02vw,.2px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reason-container{padding:clamp(6px,1.5vh,8px) clamp(8px,3vw,12px);gap:clamp(3px,1vw,5px);font-size:clamp(9px,2vw,11px)}.priority-badge{padding:clamp(3px,.8vh,5px) clamp(6px,3vw,10px);font-size:clamp(7px,2vw,9px)}}@media (min-width: 1200px){.simple-client-card{width:clamp(380px,24vw,420px);margin-right:clamp(22px,1.6vw,26px)}.card-header{padding:clamp(16px,1.8vh,20px) clamp(20px,1.8vw,24px)}.simple-client-card .stats-grid{gap:clamp(20px,2.2vh,24px)}}@media (min-width: 1600px){.simple-client-card{width:clamp(400px,22vw,460px);margin-right:clamp(26px,1.4vw,32px)}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal.active{display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in-out}.modal-content{background:linear-gradient(135deg,#0d1420f2,#1a1f2ef2);border:1px solid rgba(113,183,68,.3);border-radius:20px;box-shadow:0 20px 60px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:98%;height:98vh;max-width:98%;max-height:98vh;display:flex;flex-direction:column;overflow:hidden;animation:slideInUp .3s ease-in-out}.modal-header{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 2rem;border-bottom:1px solid rgba(113,183,68,.2);position:relative}.modal-header-wrapper{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.modal-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.modal-header h2{color:#f1f5f9;font-size:1.5rem;font-weight:700;margin:0}.call-indicator{background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff;padding:.8rem 1.2rem;margin-bottom:1rem;border-radius:12px;display:flex;align-items:center;gap:.8rem;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px #ff47574d;animation:callPulse 2s infinite}.call-indicator i{font-size:1.1rem;animation:bounce 1s infinite}.call-indicator .call-extension{margin-left:auto;background:#fff3;padding:.3rem .6rem;border-radius:6px;font-size:.8rem}@keyframes callPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-3px)}80%{transform:translateY(-1px)}}.missed-call-notification{position:fixed;top:20px;right:20px;z-index:2000;background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;border-radius:8px;box-shadow:0 4px 15px #ff6b6b66;animation:slideInRight .3s ease-out;max-width:350px}.missed-call-content{padding:12px 16px;display:flex;align-items:center;gap:10px}.missed-call-content i{font-size:16px;opacity:.9}.missed-call-time{margin-left:auto;font-size:.8rem;opacity:.8}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-title-main{color:#f1f5f9;font-size:.7rem;font-weight:700;margin:0}.modal-client-name{color:#71b744;font-size:1.5rem;font-weight:900;margin:8px 0 0;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;z-index:10}.modal-close:hover{color:#f1f5f9;background:#71b7441a}.modal-body{padding:1rem;flex:1;overflow:hidden;display:flex;flex-direction:row;gap:1.5rem;min-height:0}.modal-body .loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:200px;color:#94a3b8;font-size:1rem;font-weight:500}.modal-body .loading-message i{font-size:3rem;color:#71b744;animation:spin 1s linear infinite;margin-bottom:1rem;text-shadow:0 0 15px rgba(113,183,68,.6)}.modal-body .loading-message p{margin:0;color:#cbd5e1}.modal-client-card{flex:0 0 400px;display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.modal-client-card::-webkit-scrollbar{display:none}.modal-additional-info{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;height:100%}.additional-info-title{color:#71b744;font-size:1.4rem;font-weight:700;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.additional-info-title i{color:#71b744}.info-column{display:flex;flex-direction:column;gap:1.5rem}.info-section{background:#1a1f2e66;border-radius:12px;padding:.75rem}.info-section-title{color:#e2e8f0;font-size:.9rem;font-weight:600;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.info-section-title i{color:#71b744;width:16px;text-align:center}.service-highlight{margin-bottom:1rem}.service-value{font-size:1.3rem;font-weight:700;color:#71b744;display:block;text-align:center;padding:.5rem 0}.contact-link{color:#71b744;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;padding:4px 0;margin:2px 0;transition:all .2s ease;font-weight:600;font-size:12px}.contact-link:hover{color:#8bc86b;transform:translate(2px)}.contact-link i{font-size:.9em;opacity:.8}.pipedrive-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#60a5fa26,#3b82f626);border:1px solid rgba(96,165,250,.3);border-radius:8px;color:#60a5fa;text-decoration:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #60a5fa26}.pipedrive-link:hover{background:linear-gradient(135deg,#60a5fa40,#3b82f640);border-color:#60a5fa80;color:#93c5fd;transform:translateY(-2px);box-shadow:0 4px 12px #60a5fa40}.pipedrive-link:active{transform:translateY(0);box-shadow:0 2px 6px #60a5fa33}.pipedrive-link i{font-size:.95rem;opacity:.9}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.badge-container{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;box-shadow:0 4px 16px #0003;transition:all .3s ease}.badge-container i{font-size:16px}.badge-text{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-right:4px}.badge-description{font-size:10px;opacity:.9;font-weight:500}.badge-priority-1{background:linear-gradient(135deg,#ef444426,#b91c1c26);border-color:#ef4444;color:#fecaca}.badge-priority-1 i{color:#ef4444}.badge-priority-2{background:linear-gradient(135deg,#f59e0b26,#d9770626);border-color:#f59e0b;color:#fed7aa}.badge-priority-2 i{color:#f59e0b}.badge-priority-3{background:linear-gradient(135deg,#eab30826,#a1620726);border-color:#eab308;color:#fef3c7}.badge-priority-3 i{color:#eab308}.badge-general{background:linear-gradient(135deg,#71b74426,#4a902226);border-color:#71b744;color:#d9f99d}.badge-general i{color:#71b744}.badge-container:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.teams-report-btn{padding:.75rem 1.25rem;background:linear-gradient(135deg,#5b5fc7,#464fd6);border:1px solid rgba(91,95,199,.4);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;white-space:nowrap;box-shadow:0 4px 12px #5b5fc74d}.teams-report-btn:hover{background:linear-gradient(135deg,#6a6fd1,#5159e0);transform:translateY(-2px);box-shadow:0 8px 20px #5b5fc74d}.teams-report-btn:active{transform:translateY(0)}.teams-report-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#64748b,#475569)}.teams-report-btn i{font-size:1.2rem}.teams-report-status{padding:.75rem;margin-top:.5rem;border-radius:8px;font-size:.875rem;text-align:center;animation:fadeIn .3s ease}.teams-report-status.success{background:#71b7441a;border:1px solid rgba(113,183,68,.3);color:#71b744}.teams-report-status.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.teams-report-status.loading{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.eni-oss-section{background:linear-gradient(135deg,#60a5fa0d,#3b82f60d);border:1px solid rgba(96,165,250,.2);border-radius:8px;padding:12px;margin-top:12px}.eni-oss-section .info-section-title{color:#60a5fa;margin-bottom:8px}.eni-oss-section .info-section-title i{color:#3b82f6}.eni-oss-section .info-item-modal{border-left:2px solid rgba(96,165,250,.3);padding-left:10px}.eni-oss-section .info-label-modal i{color:#60a5fa}.eni-oss-section .info-value-modal{color:#93c5fd;font-weight:600}.comentario-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.comentario-popup-content{background:linear-gradient(135deg,#1a1f2efa,#0d1420fa);border:1px solid rgba(113,183,68,.3);border-radius:15px;padding:25px;max-width:500px;width:90%;box-shadow:0 10px 40px #00000080}.comentario-popup-title{color:#71b744;font-size:18px;font-weight:600;margin-bottom:15px;display:flex;align-items:center;gap:10px}.comentario-popup-textarea{width:100%;min-height:100px;background:#ffffff0d;border:1px solid rgba(113,183,68,.3);border-radius:8px;padding:12px;color:#e2e8f0;font-family:inherit;font-size:14px;resize:vertical;margin-bottom:15px}.comentario-popup-textarea:focus{outline:none;border-color:#71b744;box-shadow:0 0 0 2px #71b74433}.comentario-popup-textarea::placeholder{color:#e2e8f066}.comentario-popup-status{display:none;padding:12px;margin:15px 0;border-radius:8px;font-size:14px;font-weight:500;text-align:center}.comentario-popup-status.loading{background:#60a5fa33;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.comentario-popup-status.success{background:#71b74433;color:#71b744;border:1px solid rgba(113,183,68,.3)}.comentario-popup-status.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.comentario-popup-status i{margin-right:8px}.comentario-popup-actions{display:flex;gap:10px;justify-content:flex-end}.comentario-popup-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.comentario-popup-btn:disabled{opacity:.5;cursor:not-allowed}.comentario-popup-btn-cancel{background:#ffffff1a;color:#e2e8f0}.comentario-popup-btn-cancel:hover{background:#ffffff26}.comentario-popup-btn-send{background:#71b744;color:#fff}.comentario-popup-btn-send:hover{background:#5ea036}.comentario-popup-btn-skip{background:#60a5fa33;color:#60a5fa}.comentario-popup-btn-skip:hover{background:#60a5fa4d}.activation-date-section{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(113,183,68,.2);flex:0 0 auto}.eni-oss-service{margin-bottom:1rem}.modal .action-buttons-section,#clientModal .action-buttons-section{margin-top:auto!important;padding-top:.75rem;border-top:1px solid rgba(113,183,68,.2);display:flex!important;flex-direction:row!important;gap:.75rem;align-items:center;flex:0 0 auto}.pipedrive-report-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #ff6b354d;text-decoration:none;flex:1;white-space:nowrap}.pipedrive-report-btn:hover{background:linear-gradient(135deg,#f7931e,#ff6b35);box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.pipedrive-report-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ff6b354d}.pipedrive-report-btn i{font-size:1.1rem}.modal-tabs{display:flex;gap:.5rem;margin-bottom:.5rem;border-bottom:2px solid rgba(113,183,68,.2);flex:0 0 auto}.modal-tab{flex:1;padding:.5rem .75rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#94a3b8;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-tab:hover{color:#e2e8f0;background:#71b7441a}.modal-tab.active{color:#71b744;border-bottom-color:#71b744;background:#71b7441a}.modal-tab i{font-size:1rem}.modal-tab-content{flex:1 1 auto;overflow-y:auto;padding-right:.5rem;min-height:0;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}.modal-tab-content::-webkit-scrollbar{display:none}.tab-pane{display:none;animation:fadeIn .3s ease-in-out}.tab-pane.active{display:flex;flex-direction:column;flex:1;min-height:0}.tab-pane .info-section{margin-bottom:1rem}.tab-pane .info-section:last-child{margin-bottom:0}.tab-pane .eni-oss-section{background:transparent;border:none;padding:0;margin:0}.tab-pane .eni-oss-section .info-section-title{margin-bottom:1rem}.suspended-warning{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.5rem 0;width:100%;box-sizing:border-box;background:linear-gradient(135deg,#ff980026,#ffc1071a);border:2px solid rgba(255,152,0,.6);border-radius:12px;color:#ffa726;font-size:.95rem;line-height:1.5;box-shadow:0 4px 12px #ff980033;animation:slideInWarning .4s ease-out;flex:0 0 auto}.suspended-warning i{font-size:1.5rem;color:#ff9800;flex-shrink:0}.suspended-warning span{flex:1}.suspended-warning strong{color:#ff9800;font-weight:700;text-transform:uppercase}@keyframes slideInWarning{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.no-tickets-warning{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.5rem 0;width:100%;box-sizing:border-box;background:linear-gradient(135deg,#2196f326,#42a5f51a);border:2px solid rgba(33,150,243,.6);border-radius:12px;color:#64b5f6;flex:0 0 auto;font-size:.95rem;line-height:1.5;box-shadow:0 4px 12px #2196f333;animation:slideInWarning .4s ease-out}.no-tickets-warning i{font-size:1.5rem;color:#2196f3;flex-shrink:0}.no-tickets-warning span{flex:1}.no-tickets-warning strong{color:#2196f3;font-weight:700;text-transform:uppercase}.open-ticket-warning{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.5rem 0;width:100%;box-sizing:border-box;border-radius:12px;font-size:.95rem;line-height:1.5;animation:slideInWarning .4s ease-out;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:2px solid rgba(251,191,36,.6);color:#fbbf24;box-shadow:0 4px 12px #fbbf2433;flex:0 0 auto}.open-ticket-warning i{font-size:1.5rem;color:#f59e0b;flex-shrink:0}.open-ticket-warning i.fa-check-circle{color:#10b981;font-size:1.5rem;flex-shrink:0}.open-ticket-warning span{flex:1}.open-ticket-warning strong{color:#f59e0b;font-weight:700;text-transform:uppercase}#tab-teams-report .info-section-title i{color:#5b5fc7}.view-report-link{color:#10b981;text-decoration:underline;font-weight:600;margin-left:.5rem;transition:color .2s ease;cursor:pointer}.view-report-link:hover{color:#34d399}#tab-teams-report .info-value-modal[style*="text-align: center"]{display:block;padding:2rem 1rem;font-style:italic}.tab-fallback-message{display:flex;align-items:center;justify-content:center;min-height:0;padding:0}.tab-fallback-message .info-value-modal{color:#94a3b8!important;font-size:.95rem;font-style:italic;text-align:center;width:100%;opacity:.85}.backend-status-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#0003;border-radius:20px;font-size:13px;font-weight:500;cursor:help;transition:all .3s ease;-webkit-user-select:none;user-select:none}.backend-status-indicator:hover{background:#0000004d}.backend-status-indicator .status-dot{width:10px;height:10px;border-radius:50%;position:relative;transition:all .3s ease}.backend-status-indicator.online .status-dot{background:#22c55e;box-shadow:0 0 10px #22c55e80}.backend-status-indicator.online .status-dot:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#22c55e;animation:pulse-online 2s ease-in-out infinite}.backend-status-indicator.checking .status-dot{background:#f59e0b;box-shadow:0 0 10px #f59e0b80}.backend-status-indicator.checking .status-dot:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#f59e0b;animation:pulse-checking 1.5s ease-in-out infinite}.backend-status-indicator.offline .status-dot{background:#ef4444;box-shadow:0 0 10px #ef444480}.backend-status-indicator.offline .status-dot:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#ef4444;animation:pulse-offline 1s ease-in-out infinite}.backend-status-indicator.offline-with-cache .status-dot{background:#f59e0b;box-shadow:0 0 10px #f59e0b80}.backend-status-indicator.offline-with-cache .status-dot:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#f59e0b;animation:pulse-offline 1s ease-in-out infinite}.backend-status-indicator.online .status-text{color:#22c55e}.backend-status-indicator.checking .status-text{color:#f59e0b}.backend-status-indicator.offline .status-text{color:#ef4444}.backend-status-indicator.offline-with-cache .status-text{color:#f59e0b}@keyframes pulse-online{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}@keyframes pulse-checking{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.3)}}@keyframes pulse-offline{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}#backend-status-container{position:fixed;bottom:20px;left:20px;z-index:10000}@media (max-width: 768px){.backend-status-indicator{font-size:11px;padding:6px 12px;gap:6px}.backend-status-indicator .status-dot{width:8px;height:8px}#backend-status-container{bottom:15px;left:15px}}@media (max-width: 480px){.backend-status-indicator .status-text{display:none}.backend-status-indicator{padding:8px}}.version-indicator{position:fixed;bottom:1rem;right:1rem;background:#111827d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#9ca3af;padding:.5rem .75rem;border-radius:8px;font-size:.75rem;font-family:Courier New,Courier,monospace;display:flex;align-items:center;gap:.5rem;z-index:9999;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.version-indicator:hover{background:#111827f2;color:#71b744;border-color:#71b7444d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.version-indicator-icon{font-size:.875rem;opacity:.7}.version-indicator:hover .version-indicator-icon{opacity:1;animation:pulse 2s infinite}.version-indicator-text{display:flex;flex-direction:column;gap:.125rem;line-height:1.2}.version-indicator-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.version-indicator-value{font-weight:600;font-size:.8rem}.version-indicator-hash{font-size:.65rem;opacity:.5;margin-top:.125rem}.version-indicator:hover .version-indicator-hash{opacity:.8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.version-indicator{bottom:.5rem;right:.5rem;padding:.375rem .5rem;font-size:.65rem}.version-indicator-text{gap:0}.version-indicator-hash{display:none}}@media (prefers-color-scheme: dark){.version-indicator{background:#1f2937d9}.version-indicator:hover{background:#1f2937f2}}.navigation-toolbar{display:flex;align-items:center;gap:0;background:#00000026;border-bottom:1px solid rgba(113,183,68,.2);padding:0;min-height:48px}.navigation-toolbar .nav-item{display:flex;align-items:center;gap:8px;padding:12px 24px;color:#e2e8f0b3;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;border-bottom:3px solid transparent;position:relative}.navigation-toolbar .nav-item i{font-size:16px;opacity:.8}.navigation-toolbar .nav-item:hover{background:#71b7441a;color:#e2e8f0}.navigation-toolbar .nav-item:hover i{opacity:1}.navigation-toolbar .nav-item.active{color:#71b744;background:#71b74414;border-bottom-color:#71b744}.navigation-toolbar .nav-item.active i{opacity:1;color:#71b744}@media (max-width: 768px){.navigation-toolbar{min-height:44px}.navigation-toolbar .nav-item{padding:10px 16px;font-size:13px;gap:6px}.navigation-toolbar .nav-item i{font-size:14px}}@media (max-width: 480px){.navigation-toolbar .nav-item span{display:none}.navigation-toolbar .nav-item{padding:12px 20px;justify-content:center;flex:1}}.session-expired-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-out}.session-expired-content{background:linear-gradient(135deg,#0d1420fa,#1a1f2efa);border:1px solid rgba(113,183,68,.3);border-radius:20px;box-shadow:0 20px 60px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:480px;width:90%;max-height:90vh;overflow:hidden;animation:slideUp .4s ease-out}.session-expired-header{background:linear-gradient(135deg,#71b74426,#71b7440d);border-bottom:1px solid rgba(113,183,68,.2);padding:40px 30px;text-align:center;color:#e2e8f0}.session-expired-icon{width:80px;height:80px;margin:0 auto 20px;background:#71b74433;border:2px solid rgba(113,183,68,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}.session-expired-icon i{font-size:40px;color:#71b744}.session-expired-header h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.5px;color:#f1f5f9}.session-expired-body{padding:40px 30px;text-align:center;color:#cbd5e1}.session-expired-body p{margin:0 0 12px;font-size:16px;line-height:1.6;color:#94a3b8}.session-expired-body p:last-child{margin-bottom:0;font-weight:500;color:#e2e8f0}.session-expired-footer{padding:0 30px 40px;text-align:center}.btn-login{background:linear-gradient(135deg,#71b744,#5a9335);color:#fff;border:1px solid rgba(113,183,68,.4);padding:16px 48px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #71b7444d;display:inline-flex;align-items:center;gap:12px}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #71b74466;background:linear-gradient(135deg,#7cc04f,#6aaf3f)}.btn-login:active{transform:translateY(0);box-shadow:0 2px 10px #71b7444d}.btn-login i{font-size:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@media (max-width: 600px){.session-expired-content{width:95%;margin:20px}.session-expired-header{padding:30px 20px}.session-expired-icon{width:60px;height:60px}.session-expired-icon i{font-size:30px}.session-expired-header h2{font-size:20px}.session-expired-body{padding:30px 20px}.session-expired-body p{font-size:14px}.session-expired-footer{padding:0 20px 30px}.btn-login{padding:14px 36px;font-size:15px}}