*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#0f0f23}#root{width:100%;min-height:100vh}.profile-dropdown{position:relative}.profile-trigger{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border:none;background:transparent;border-radius:.5rem;cursor:pointer;transition:background-color .15s ease}.profile-trigger:hover{background-color:#f3f4f6}.profile-avatar{position:relative}.avatar-circle{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600;text-transform:uppercase;overflow:hidden}.avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.profile-name{font-size:.875rem;font-weight:500;color:#374151}.profile-chevron{font-size:.75rem;color:#6b7280;transition:transform .2s ease}.profile-chevron.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:16rem;background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;z-index:50;animation:slideDown .2s ease-out}.dropdown-header{display:flex;align-items:center;gap:.75rem;padding:1rem}.dropdown-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:600;text-transform:uppercase;flex-shrink:0;overflow:hidden}.dropdown-user-info{flex:1;min-width:0}.dropdown-user-name{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-user-email{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background-color:#e5e7eb;margin:0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;text-align:left;cursor:pointer;transition:background-color .15s ease;font-size:.875rem;color:#374151}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item:active{background-color:#f3f4f6}.dropdown-item-icon{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.dropdown-item:hover .dropdown-item-icon,.dropdown-item:hover{color:#ef4444}@media(max-width:768px){.profile-name{display:none}.dropdown-menu{min-width:14rem}}.settings-dropdown{position:relative}.settings-trigger{width:2.5rem;height:2.5rem;border-radius:.375rem;border:2px solid transparent;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280}.settings-trigger:hover{background-color:#f3f4f6;color:#374151}.settings-trigger.active{background-color:#fff;border-color:#3b82f6;color:#6366f1}.settings-trigger i{font-size:1rem}.settings-dropdown-menu{position:absolute;bottom:calc(100% + .5rem);left:0;min-width:14rem;background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;z-index:50;animation:slideUp .2s ease-out;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.settings-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;text-align:left;cursor:pointer;transition:background-color .15s ease;font-size:.875rem;color:#374151;font-family:inherit}.settings-menu-item:hover{background-color:#f9fafb}.settings-menu-item:active{background-color:#f3f4f6}.settings-menu-item i{width:1.25rem;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0;font-size:.875rem}.settings-menu-item:hover i{color:#374151}.settings-trigger{background-color:#fff!important;color:#6b7280!important}.settings-trigger:hover{background-color:#f3f4f6!important;color:#374151!important}.settings-trigger.active{background-color:#fff!important;border-color:#3b82f6!important;color:#6366f1!important}.settings-dropdown-menu{background-color:#fff!important;border-color:#e5e7eb!important}.settings-menu-item{color:#374151!important}.settings-menu-item:hover{background-color:#f9fafb!important}.settings-menu-item i{color:#6b7280!important}.settings-menu-item:hover i{color:#374151!important}.queue-control-container{position:relative;display:inline-flex;flex-direction:row;align-items:center;gap:.75rem}.queue-control-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#fffc;border-radius:.5rem;z-index:10}.queue-control-loading i{font-size:1.5rem;color:#8b5cf6}.queue-control-title{font-size:.875rem;font-weight:500;color:#1f2937;white-space:nowrap}.queue-control-buttons{display:flex;gap:0;border-radius:.375rem;overflow:hidden;border:1px solid #d1d5db}.queue-control-button{padding:.375rem .75rem;border:none;background-color:#fff;cursor:pointer;transition:background-color .2s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;border-right:1px solid #d1d5db}.queue-control-button:last-child{border-right:none}.queue-control-button:hover:not(:disabled){background-color:#f9fafb}.queue-control-button:disabled{opacity:.5;cursor:not-allowed}.queue-control-button i{font-size:1rem}.queue-control-button-start{background-color:#10b981;color:#fff;border-right:none}.queue-control-button-start:hover:not(:disabled){background-color:#059669}.queue-control-button-start i{color:#fff}.queue-control-button-ready{color:#10b981}.queue-control-button-ready.queue-control-button-active{background-color:#10b981;color:#fff}.queue-control-button-ready.queue-control-button-active i{color:#fff}.queue-control-button-away{color:#f59e0b}.queue-control-button-away.queue-control-button-active{background-color:#f59e0b;color:#fff}.queue-control-button-away.queue-control-button-active i{color:#fff}.queue-control-button-exit{color:#ef4444}.queue-control-button-exit:hover:not(:disabled){background-color:#fee2e2}.search-results-dropdown{position:absolute;top:calc(100% + .5rem);left:0;width:100%;max-width:20rem;background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;z-index:50;animation:slideDown .2s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.search-results-header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.search-results-title{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.search-results-list{max-height:20rem;overflow-y:auto}.search-results-divider{height:1px;background-color:#e5e7eb;margin:0}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f3f4f6}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f9fafb}.search-result-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600;flex-shrink:0}.search-result-info{flex:1;min-width:0}.search-result-name{font-size:.875rem;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-phone{font-size:.75rem;color:#6b7280;margin-top:.125rem}.search-result-time{font-size:.7rem;color:#9ca3af;margin-top:.125rem}.search-result-call-button{padding:.5rem;border:none;background:transparent;color:#8b5cf6;cursor:pointer;border-radius:.375rem;transition:background-color .15s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.search-result-call-button:hover{background-color:#ede9fe;color:#7c3aed}.search-result-call-button i{font-size:.875rem}.search-results-dropdown{background-color:#fff!important;border-color:#e5e7eb!important}.search-results-header{background-color:#f9fafb!important}.search-results-title{color:#6b7280!important}.search-result-item:hover{background-color:#f9fafb!important}.search-result-name{color:#1f2937!important}.search-result-phone{color:#6b7280!important}.search-result-call-button{color:#8b5cf6!important}.search-result-call-button:hover{background-color:#ede9fe!important;color:#7c3aed!important}.incoming-call-notification{position:fixed;top:1rem;right:-400px;z-index:9999;transition:right .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.incoming-call-notification.visible{right:1rem;pointer-events:auto}.incoming-call-notification-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:1rem;min-width:320px;max-width:400px;display:flex;flex-direction:column;gap:1rem}.incoming-call-notification-header{display:flex;align-items:flex-start;gap:1rem}.incoming-call-notification-icon{width:48px;height:48px;border-radius:50%;background-color:#8b5cf6;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}.incoming-call-notification-info{flex:1;min-width:0}.incoming-call-notification-title{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.incoming-call-notification-name{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incoming-call-notification-number{font-size:.875rem;font-weight:400;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incoming-call-notification-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.25rem}.incoming-call-notification-button{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;transition:all .2s ease;flex-shrink:0}.incoming-call-notification-button:hover{transform:scale(1.1)}.incoming-call-notification-button:active{transform:scale(.95)}.incoming-call-notification-button-reject{background-color:#ef4444}.incoming-call-notification-button-reject:hover{background-color:#dc2626}.incoming-call-notification-button-answer{background-color:#10b981}.incoming-call-notification-button-answer:hover{background-color:#059669}.incoming-call-notification-button-answer-audio{background-color:#10b981}.incoming-call-notification-button-answer-audio:hover{background-color:#059669}.incoming-call-notification-button-answer-video{background-color:#7c3aed}.incoming-call-notification-button-answer-video:hover{background-color:#6d28d9}.incoming-call-notification-icon--video{background-color:#7c3aed}@keyframes pulse-ring{0%{box-shadow:0 0 #8b5cf6b3}50%{box-shadow:0 0 0 8px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.incoming-call-notification.visible .incoming-call-notification-icon{animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@media(max-width:640px){.incoming-call-notification{right:-100%;top:.5rem}.incoming-call-notification.visible{right:.5rem}.incoming-call-notification-content{min-width:280px;max-width:calc(100vw - 1rem)}}.audio-enable-prompt-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.audio-enable-prompt{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:2rem;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.audio-enable-prompt-icon{width:64px;height:64px;border-radius:50%;background-color:#8b5cf6;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.audio-enable-prompt-content{text-align:center}.audio-enable-prompt-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.audio-enable-prompt-message{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.audio-enable-prompt-button{width:100%;padding:.75rem 1.5rem;background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-family:inherit}.audio-enable-prompt-button:hover:not(:disabled){background-color:#7c3aed}.audio-enable-prompt-button:active:not(:disabled){background-color:#6d28d9}.audio-enable-prompt-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.audio-enable-prompt{padding:1.5rem;max-width:100%}.audio-enable-prompt-icon{width:56px;height:56px;font-size:1.75rem}.audio-enable-prompt-title{font-size:1.125rem}.audio-enable-prompt-message{font-size:.8125rem}}.device-setup-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.device-setup-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#111827}.modal-header p{margin:0;font-size:.875rem;color:#6b7280}.modal-body{padding:2rem}.setting-group{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6}.setting-group:last-of-type{margin-bottom:0}.setting-checkbox-group{border-bottom:none;padding-bottom:0}.setting-icon{width:1.25rem;height:1.25rem;color:#6b7280}.setting-checkbox-group{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end}.btn-skip,.btn-save{padding:.625rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;outline:none}.btn-skip{background-color:#fff;color:#6b7280;border:1px solid #d1d5db}.btn-skip:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-skip:active{transform:scale(.98)}.btn-skip:disabled{opacity:.5;cursor:not-allowed}.btn-skip:disabled:hover{background-color:#fff;transform:none}.btn-save{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 6px -1px #2563eb4d}.btn-save:disabled{opacity:.7;cursor:not-allowed}@media(max-width:640px){.device-setup-modal{max-width:100%;margin:0;border-radius:1rem 1rem 0 0;max-height:95vh}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;flex-direction:column-reverse}.btn-skip,.btn-save{width:100%;padding:.75rem 1.5rem}}.login-form-container{width:100%;position:relative}.loading-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #ffffff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-form{width:100%}.form-field{margin-bottom:1.5rem}.field-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.field-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;color:#111827;background-color:#fff;transition:all .2s ease;box-sizing:border-box}.field-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.field-input::placeholder{color:#9ca3af}.error-alert{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;margin-bottom:1.5rem}.error-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.submit-btn{width:100%;padding:.875rem 1rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 1px 3px #0000001a}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.btn-spinner{width:1.25rem;height:1.25rem;animation:spin .8s linear infinite}.spinner-circle{stroke-dasharray:60;stroke-dashoffset:30;animation:dash 1.5s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:60}50%{stroke-dashoffset:0}to{stroke-dashoffset:-60}}.form-footer{margin-top:1.5rem;text-align:center}.forgot-link{color:#6b7280;font-size:.875rem;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#3b82f6}@media(max-width:640px){.form-field{margin-bottom:1.25rem}.field-label{font-size:.8125rem}.field-input{padding:.625rem .875rem;font-size:.9375rem}.submit-btn{padding:.75rem 1rem;font-size:.9375rem}}.login-page{min-height:100vh;background-color:#fff;position:relative;overflow:hidden}.login-container{display:flex;min-height:100vh}.login-left{flex:1;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:2rem;min-width:0}.login-content{width:100%;max-width:480px}.brand-header{margin-bottom:3rem}.brand-logo{font-size:2rem;font-weight:700;color:#111827;margin:0;letter-spacing:-.5px}.login-form-wrapper{background:#fff}.login-title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem;line-height:1.2}.login-subtitle{font-size:1rem;color:#6b7280;margin:0 0 2rem;line-height:1.5}.login-features{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.feature-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f3f4f6;border-radius:.5rem;font-size:.875rem;color:#374151;font-weight:500}.feature-icon{width:1.25rem;height:1.25rem;color:#3b82f6}.login-right{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:3rem;color:#fff;position:relative;min-width:0}.login-right:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.showcase-content{position:relative;z-index:1;max-width:500px}.showcase-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;line-height:1.2}.showcase-description{font-size:1.125rem;line-height:1.7;color:#fffffff2;margin:0 0 3rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.stat-card{text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1}.stat-label{font-size:.875rem;color:#ffffffe6;line-height:1.4}@media(max-width:1024px){.login-right{display:none}.login-left{flex:1;max-width:none}}@media(max-width:640px){.login-left{padding:1.5rem}.brand-header{margin-bottom:2rem}.brand-logo{font-size:1.5rem}.login-title{font-size:1.75rem}.login-subtitle{font-size:.9375rem}.login-features{flex-direction:column;gap:.75rem}.feature-badge{justify-content:center}}.call-log-header{padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-width:0;width:100%;box-sizing:border-box}.call-log-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-log-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;min-width:0;margin-left:auto;max-width:100%}.filter-button,.export-button{padding:.375rem .75rem;font-size:.875rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-family:inherit;transition:all .2s ease;white-space:nowrap;flex-shrink:1;min-width:0;max-width:100%;overflow:hidden}.filter-button span,.export-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.call-log-title{color:#1f2937!important}@media(max-width:1200px){.filter-button,.export-button{padding:.375rem .625rem}}@media(max-width:1000px){.filter-button,.export-button{padding:.375rem .5rem}}@media(max-width:900px){.filter-button,.export-button{padding:.375rem .5rem;font-size:.8125rem}.call-log-header{padding:.875rem}}@media(max-width:800px){.filter-button span,.export-button span{display:none}.filter-button,.export-button{padding:.375rem;gap:0;flex-shrink:0;min-width:2rem}}@media(max-width:768px){.call-log-header{padding:.75rem}.call-log-actions{gap:.375rem}}@media(max-width:640px){.call-log-actions{gap:.375rem}.call-log-header{padding:.75rem}}@media(max-width:480px){.call-log-header{padding:.625rem}.call-log-actions{gap:.25rem}.filter-button,.export-button{padding:.3125rem;min-width:1.75rem}}.call-log-item{display:flex;align-items:center;border-bottom:1px solid #f3f4f6;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease}.call-log-item:hover{background-color:#f9fafb}.call-log-item:last-child{border-bottom:none}.call-log-contact{width:25%;display:flex;align-items:center}.call-log-avatar{width:2rem;height:2rem;border-radius:50%;overflow:hidden;margin-right:.75rem;flex-shrink:0}.call-log-avatar-image{width:100%;height:100%;object-fit:cover}.call-log-avatar-placeholder{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0}.call-log-contact-info{display:flex;flex-direction:column;gap:.125rem}.call-log-name{font-weight:500;color:#1f2937;font-size:.875rem}.call-log-phone{font-size:.75rem;color:#6b7280}.call-log-time,.call-log-duration{width:20%;font-size:.875rem;color:#4b5563}.call-log-type{width:20%}.call-log-type-badge{padding:.25rem .5rem;font-size:.75rem;border-radius:9999px;font-weight:500}.call-log-actions{width:20%;display:flex;align-items:center;gap:.5rem}.call-log-action-button{width:2rem;height:2rem;border-radius:50%;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:background-color .2s ease;font-family:inherit}.call-log-action-button:hover{background-color:#e5e7eb}.call-log-action-button.starred{color:#eab308}.call-log-action-button.active-call{background-color:#ef4444;color:#fff!important}.call-log-action-button.active-call:hover{background-color:#dc2626;color:#fff!important}.call-log-action-button.active-call i{transform:rotate(135deg);transition:transform .3s ease}.call-log-action-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.call-log-action-button i{font-size:.875rem}.call-log-item{background-color:#fff!important}.call-log-item:hover{background-color:#f9fafb!important}.call-log-name{color:#1f2937!important}.call-log-phone{color:#6b7280!important}.call-log-time,.call-log-duration,.call-log-action-button{color:#4b5563!important}.call-log-action-button:hover{background-color:#e5e7eb!important}.call-log-action-button.starred{color:#eab308!important}.call-log-list-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;min-width:0;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.call-log-content{padding:.5rem}.call-log-columns{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:#6b7280;padding:.5rem 1rem}.call-log-column{font-size:.875rem;color:#6b7280}.call-log-column:nth-child(1){width:25%}.call-log-column:nth-child(2){width:20%}.call-log-column:nth-child(3){width:20%}.call-log-column:nth-child(4){width:20%}.call-log-column:nth-child(5){width:20%}.call-log-items{display:flex;flex-direction:column}.call-log-footer{padding:1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.call-log-stats{font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:1.5rem}.page-size-selector{display:flex;align-items:center;gap:.5rem}.page-size-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease}.page-size-select:hover{border-color:#9ca3af}.page-size-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.call-log-pagination{display:flex;align-items:center;gap:.5rem}.pagination-button{width:2rem;height:2rem;border-radius:.375rem;border:1px solid #d1d5db;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;font-family:inherit;font-size:.875rem}.pagination-button:hover:not(:disabled){background-color:#f9fafb}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active{background-color:#8b5cf6;color:#fff;border-color:#8b5cf6}.pagination-button i{font-size:.75rem}.call-log-list-card{background-color:#fff!important}.call-log-columns,.call-log-stats{color:#6b7280!important}.pagination-button{background-color:#fff!important;border-color:#d1d5db!important;color:#6b7280!important}.pagination-button:hover:not(:disabled){background-color:#f9fafb!important}.pagination-button.active{background-color:#8b5cf6!important;color:#fff!important;border-color:#8b5cf6!important}.page-size-select{background-color:#fff!important;color:#374151!important;border-color:#d1d5db!important}.active-call-panel{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.active-call-header{background-color:#8b5cf6;padding:1rem;color:#fff}.active-call-title{font-weight:500;margin:0;font-size:1rem}.active-call-content{padding:1.5rem;display:flex;flex-direction:column;align-items:center}.active-call-avatar{width:5rem;height:5rem;border-radius:50%;overflow:hidden;margin-bottom:1rem}.active-call-avatar-image{width:100%;height:100%;object-fit:cover}.active-call-avatar-placeholder{width:100%;height:100%;background-color:#dbeafe;display:flex;align-items:center;justify-content:center;color:#2563eb}.active-call-avatar-initials{font-weight:600;font-size:2rem;line-height:1}.active-call-name{font-size:1.25rem;font-weight:500;color:#1f2937;margin:0 0 .25rem}.active-call-phone{color:#6b7280;margin:0 0 1rem}.active-call-duration{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem}.active-call-timer{font-weight:500}.call-status-section{display:flex;align-items:center;gap:.75rem}.call-status-text{font-size:.875rem;color:#6b7280}.call-status-indicators{display:flex;gap:.25rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%}.status-dot.active{background-color:#f97316;animation:bounce 1s infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.active-call-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin-bottom:1.5rem}.active-call-control-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;border-radius:.5rem;border:none;background:none;cursor:pointer;transition:background-color .2s ease;font-family:inherit}.active-call-control-button:hover{background-color:#f3f4f6}.active-call-control-button.active{background-color:#ede9fe}.active-call-control-button.active .active-call-control-icon{background-color:#8b5cf6;color:#fff}.active-call-control-button.active .active-call-control-label{color:#8b5cf6;font-weight:500}.active-call-control-icon{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#4b5563;margin-bottom:.25rem;transition:background-color .2s ease,color .2s ease}.active-call-control-label{font-size:.75rem;color:#4b5563}.end-call-button{width:100%;padding:.75rem;background-color:#ef4444;color:#fff;border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:500;transition:background-color .2s ease}.end-call-button:hover{background-color:#dc2626}.end-call-button i{margin-right:.5rem}.active-call-panel{background-color:#fff!important}.active-call-header{background-color:#8b5cf6!important;color:#fff!important}.active-call-name{color:#1f2937!important}.active-call-phone,.active-call-duration,.call-status-text{color:#6b7280!important}.active-call-control-button:hover{background-color:#f3f4f6!important}.active-call-control-button.active{background-color:#ede9fe!important}.active-call-control-button.active .active-call-control-icon{background-color:#8b5cf6!important;color:#fff!important}.active-call-control-button.active .active-call-control-label{color:#8b5cf6!important;font-weight:500!important}.active-call-control-icon{background-color:#f3f4f6!important;color:#4b5563!important}.active-call-control-label{color:#4b5563!important}.end-call-button{background-color:#ef4444!important;color:#fff!important}.end-call-button:hover{background-color:#dc2626!important}.call-notes-panel{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.call-notes-header{padding:1rem;border-bottom:1px solid #e5e7eb}.call-notes-title{font-weight:500;color:#1f2937;margin:0;font-size:1rem}.call-notes-content{padding:1rem}.call-notes-textarea{width:100%;border:1px solid #d1d5db;border-radius:.375rem;padding:.75rem;height:8rem;resize:vertical;font-family:inherit;font-size:.875rem;color:#374151;background-color:#fff;transition:all .2s ease}.call-notes-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.call-notes-textarea::placeholder{color:#9ca3af}.call-notes-footer{padding:1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.attach-button{font-size:.875rem;color:#6b7280;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-family:inherit;transition:color .2s ease}.attach-button:hover{color:#374151}.attach-button i{font-size:.75rem}.save-notes-button{padding:.5rem 1rem;background-color:#8b5cf6;color:#fff;font-size:.875rem;border-radius:.375rem;border:none;cursor:pointer;font-family:inherit;font-weight:500;transition:background-color .2s ease}.save-notes-button:hover:not(:disabled){background-color:#7c3aed}.save-notes-button:disabled,.attach-button:disabled{opacity:.5;cursor:not-allowed}.attach-button:disabled:hover{color:#6b7280!important}.save-notes-button:disabled{background-color:#d1d5db!important;color:#9ca3af!important}.save-notes-button:disabled:hover{background-color:#d1d5db!important}.call-notes-panel.disabled .call-notes-textarea{background-color:#f9fafb!important;cursor:not-allowed}.call-notes-panel.disabled .call-notes-textarea:focus{border-color:#d1d5db!important;box-shadow:none!important}.call-notes-panel{background-color:#fff!important}.call-notes-title{color:#1f2937!important}.call-notes-textarea{background-color:#fff!important;border-color:#d1d5db!important;color:#374151!important}.call-notes-textarea:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 2px #8b5cf633!important}.call-notes-textarea::placeholder{color:#9ca3af!important}.attach-button{color:#6b7280!important}.attach-button:hover{color:#374151!important}.save-notes-button{background-color:#8b5cf6!important;color:#fff!important}.save-notes-button:hover{background-color:#7c3aed!important}.dial-pad-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;width:100%}.dial-pad-header{background-color:#8b5cf6;padding:1rem;color:#fff}.dial-pad-title{font-size:1rem;font-weight:500;margin:0}.dial-pad-content{padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center}.dial-pad-input-wrapper{position:relative;margin-bottom:2rem;width:100%;max-width:20rem}.dial-pad-input{width:100%;border-bottom:2px solid #d1d5db;padding:.75rem 2.5rem .75rem 0;font-size:1.5rem;text-align:center;background:none;border-top:none;border-left:none;border-right:none;color:#1f2937;font-family:inherit;transition:border-color .2s ease;letter-spacing:.05em}.dial-pad-input:focus{outline:none;border-bottom-color:#8b5cf6}.dial-pad-input::placeholder{color:#d1d5db;letter-spacing:normal}.dial-pad-backspace{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:color .2s ease;font-family:inherit}.dial-pad-backspace:hover{color:#374151}.dial-pad-buttons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;max-width:18rem;width:100%}.dial-pad-digit-button{height:4rem;width:4rem;margin:0 auto;border-radius:50%;background-color:#fff;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;font-family:inherit;padding:0}.dial-pad-digit-number{font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1.2}.dial-pad-digit-letters{font-size:.5rem;font-weight:400;color:#6b7280;margin-top:.125rem;line-height:1;opacity:.7}.dial-pad-digit-button:hover{box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.dial-pad-digit-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.dial-pad-call-action{width:100%;max-width:16rem;padding:1rem;background-color:#10b981;color:#fff;border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:inherit;font-weight:600;font-size:1.125rem;transition:background-color .2s ease}.dial-pad-call-action:hover:not(:disabled){background-color:#059669}.dial-pad-call-action:disabled{opacity:.5;cursor:not-allowed;background-color:#10b981}.dial-pad-call-action i{font-size:1.125rem}.dial-pad-container{background-color:#fff!important}.dial-pad-header{background-color:#8b5cf6!important;color:#fff!important}.dial-pad-title{color:#fff!important}.dial-pad-input{background-color:#fff!important;color:#1f2937!important;border-bottom-color:#d1d5db!important}.dial-pad-input:focus{border-bottom-color:#8b5cf6!important}.dial-pad-input::placeholder{color:#d1d5db!important}.dial-pad-backspace{color:#6b7280!important}.dial-pad-backspace:hover{color:#374151!important}.dial-pad-digit-button{background-color:#fff!important;box-shadow:0 2px 4px #0000001a!important}.dial-pad-digit-button:hover{box-shadow:0 3px 6px #00000026!important}.dial-pad-digit-number{color:#1f2937!important}.dial-pad-digit-letters{color:#6b7280!important;opacity:.7!important}.dial-pad-call-action{background-color:#10b981!important;color:#fff!important}.dial-pad-call-action:hover:not(:disabled){background-color:#059669!important}.dial-pad-call-action:disabled{background-color:#10b981!important;opacity:.5!important}.home-page{padding:1.5rem;min-height:100vh}.home-container{display:grid;grid-template-columns:3fr 1fr;gap:1.5rem}.call-log-section{grid-column:1;min-width:0}.call-management-section{grid-column:2;display:flex;flex-direction:column;gap:1.5rem;min-width:0}@media(max-width:1024px){.home-container{grid-template-columns:1fr}.call-log-section,.call-management-section{grid-column:span 1}}.call-control-button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s ease;background:none;padding:.75rem;position:relative;min-width:0;flex-shrink:0;box-sizing:border-box}.call-control-button:hover:not(.call-control-button--disabled){background-color:#f9fafb}.call-control-button--disabled{opacity:.5;cursor:not-allowed}.call-control-button--disabled:hover{background-color:transparent}.call-control-button--small{width:3rem;height:3rem;padding:.5rem}.call-control-button--medium{width:3.5rem;height:3.5rem;padding:.75rem}.call-control-button--large{width:4.5rem;height:4.5rem;padding:1rem}.call-control-button--mute,.call-control-button--hold,.call-control-button--end-call,.call-control-button--speaker,.call-control-button--record{border-radius:50%;background-color:#f3f4f6;color:#4b5563;width:3rem;height:3rem;padding:0;display:flex;align-items:center;justify-content:center}.call-control-button--mute:hover,.call-control-button--hold:hover,.call-control-button--speaker:hover,.call-control-button--record:hover{background-color:#e5e7eb}.call-control-button--end-call{background-color:#ef4444;color:#fff}.call-control-button--end-call:hover{background-color:#dc2626}.call-control-button--answer{border-radius:50%;background-color:#10b981;color:#fff;width:3rem;height:3rem;padding:0;display:flex;align-items:center;justify-content:center}.call-control-button--answer:hover:not(:disabled){background-color:#059669}.call-control-button--answer:disabled{opacity:.5;cursor:not-allowed;background-color:#d1d5db}.call-control-button--answer:disabled:hover{background-color:#d1d5db}.call-control-button--answer-video{border-radius:50%;background-color:#7c3aed;color:#fff;width:3rem;height:3rem;padding:0;display:flex;align-items:center;justify-content:center}.call-control-button--answer-video:hover:not(:disabled){background-color:#6d28d9}.call-control-button--answer-video:disabled{opacity:.5;cursor:not-allowed;background-color:#d1d5db}.call-control-button--answer-video:disabled:hover{background-color:#d1d5db}.call-control-button--mute.call-control-button--active{background-color:#ef4444;color:#fff}.call-control-button--hold.call-control-button--active{background-color:#eab308;color:#fff}.call-control-button--record.call-control-button--active{background-color:#ef4444;color:#fff}.call-control-button--video-return{border-radius:50%;background-color:#7c3aed;color:#fff;width:3rem;height:3rem;padding:0;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s ease;animation:vcm-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.call-control-button--video-return:hover{background-color:#6d28d9}@keyframes vcm-pulse{0%,to{box-shadow:0 0 #7c3aed66}50%{box-shadow:0 0 0 6px #7c3aed00}}.call-control-button--add-call,.call-control-button--keypad{border:1px solid #d1d5db;background-color:#fff;color:#4b5563;border-radius:.5rem}.call-control-button--add-call:hover,.call-control-button--keypad:hover{background-color:#f9fafb;border-color:#9ca3af}.call-control-button i{font-size:1rem;line-height:1}.call-control-button:focus{outline:none;box-shadow:0 0 0 3px #8b5cf61a}.call-control-button--end-call:focus{box-shadow:0 0 0 3px #ef44441a}.call-control-button--mute.call-control-button--active:focus,.call-control-button--record.call-control-button--active:focus{box-shadow:0 0 0 3px #ef44441a}.call-control-button--hold.call-control-button--active:focus{box-shadow:0 0 0 3px #eab3081a}.call-control-button--record.call-control-button--active i{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(max-width:768px){.call-control-button--large{width:4rem;height:4rem;padding:.875rem}.call-control-button--medium{width:3.25rem;height:3.25rem;padding:.625rem}.call-control-button--small{width:2.75rem;height:2.75rem;padding:.375rem}}@media(max-width:640px){.call-control-button--large{width:3.5rem;height:3.5rem;padding:.75rem}.call-control-button--medium{width:3rem;height:3rem;padding:.5rem}.call-control-button--small{width:2.5rem;height:2.5rem;padding:.375rem}.call-control-button i{font-size:1.25rem}.call-control-button--large i{font-size:1.5rem}.call-control-button--small i{font-size:1rem}}.caller-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.caller-avatar{width:3rem;height:3rem;border-radius:50%;overflow:hidden;flex-shrink:0}.caller-avatar-placeholder{width:100%;height:100%;background-color:#dbeafe;display:flex;align-items:center;justify-content:center;color:#2563eb}.caller-avatar-initials{font-weight:600;font-size:1rem;line-height:1}.caller-details{flex:1;margin-left:1rem}.caller-name{font-size:1.25rem;font-weight:500;color:#1f2937;margin:0}.caller-phone{font-size:.875rem;color:#6b7280;margin:0}.call-duration{display:flex;align-items:center;gap:.75rem}.duration-text{font-size:.875rem;color:#6b7280}.call-status-indicator{width:.75rem;height:.75rem;border-radius:50%}.call-status-indicator.active{background-color:#10b981;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.call-status-indicator.inactive{background-color:#6b7280}.crm-contact-card{border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;padding:.875rem 1rem;margin-bottom:1rem}.crm-contact-card--loading{background-color:#f9fafb}.crm-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.crm-card-source-badge{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.crm-card-source-badge i{font-size:.7rem}.crm-card-open-link{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#8b5cf6;text-decoration:none;transition:color .15s ease}.crm-card-open-link:hover{color:#7c3aed}.crm-card-open-link i{font-size:.65rem}.crm-card-body{display:flex;flex-direction:column;gap:.5rem}.crm-card-name{font-size:.9375rem;font-weight:600;color:#111827}.crm-card-fields{display:flex;flex-direction:column;gap:.3rem}.crm-card-field{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#4b5563}.crm-card-field i{font-size:.75rem;color:#9ca3af;width:.875rem;text-align:center;flex-shrink:0}.crm-deal-stage{display:inline-flex;align-items:center;padding:.125rem .5rem;background-color:#f3f0ff;color:#7c3aed;border-radius:9999px;font-size:.75rem;font-weight:500}.crm-card-notes{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:.5rem}.crm-card-notes-title{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.crm-card-notes-title i{font-size:.7rem;color:#9ca3af}.crm-note{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:.375rem;padding:.5rem .625rem}.crm-note-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.crm-note-author{font-size:.7rem;font-weight:600;color:#374151}.crm-note-date{font-size:.7rem;color:#9ca3af}.crm-note-content{font-size:.8rem;color:#4b5563;margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.crm-contact-card{background-color:#fff!important;border-color:#e5e7eb!important}.crm-contact-card--loading{background-color:#f9fafb!important}.crm-card-name{color:#111827!important}.crm-card-field{color:#4b5563!important}.crm-card-field i{color:#9ca3af!important}.queue-status-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1rem}.queue-status-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0 0 1rem}.queue-items{display:flex;flex-direction:column;gap:.75rem}.queue-item{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;min-width:0}.queue-item-label{font-size:.875rem;color:#4b5563;white-space:nowrap;flex-shrink:0}.queue-item-value{font-size:.875rem;font-weight:500;color:#1f2937;white-space:nowrap;flex-shrink:0}.queue-status-card{background-color:#fff!important}.queue-status-title{color:#1f2937!important}.queue-item-label{color:#4b5563!important}.queue-item-value{color:#1f2937!important}.quick-actions-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1rem}.quick-actions-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0 0 1rem}.quick-actions-grid{display:grid;gap:.75rem}.quick-actions-grid-2{grid-template-columns:repeat(2,1fr)}.quick-actions-grid-3{grid-template-columns:repeat(3,1fr)}.quick-actions-grid-4{grid-template-columns:repeat(4,1fr)}.quick-action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;cursor:pointer;transition:background-color .2s ease;font-family:inherit;white-space:nowrap}.quick-action-button:hover:not(.quick-action-button-disabled){background-color:#f9fafb}.quick-action-button-disabled{opacity:.5;cursor:not-allowed}.quick-action-button-disabled:hover{background-color:#fff}.quick-action-icon{color:#4b5563;font-size:1rem}.quick-action-label{font-size:.875rem;color:#374151}.quick-action-button-primary{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.quick-action-button-primary:hover:not(.quick-action-button-disabled){background-color:#7c3aed;border-color:#7c3aed}.quick-action-button-primary .quick-action-icon,.quick-action-button-primary .quick-action-label{color:#fff}.quick-action-button-secondary{background-color:#f3f4f6;border-color:#d1d5db}.quick-action-button-secondary:hover:not(.quick-action-button-disabled){background-color:#e5e7eb;border-color:#9ca3af}.quick-action-button-danger{background-color:#fee2e2;border-color:#fecaca;color:#dc2626}.quick-action-button-danger:hover:not(.quick-action-button-disabled){background-color:#fecaca;border-color:#f87171}.quick-action-button-danger .quick-action-icon,.quick-action-button-danger .quick-action-label{color:#dc2626}@media(max-width:768px){.quick-actions-grid-4,.quick-actions-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.quick-actions-card{padding:.75rem}.quick-actions-title{font-size:1rem}.quick-actions-grid{gap:.5rem}.quick-actions-grid-2,.quick-actions-grid-3,.quick-actions-grid-4{grid-template-columns:1fr}.quick-action-button{padding:.5rem;flex-direction:row;gap:.75rem;justify-content:flex-start}.quick-action-icon{font-size:.875rem}.quick-action-label{font-size:.8rem}}.new-call-button-container{position:fixed;right:1.5rem;bottom:1.5rem;z-index:40}.new-call-button{width:3.5rem;height:3.5rem;border-radius:50%;background-color:#8b5cf6;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;font-family:inherit}.new-call-button:hover{background-color:#7c3aed}.new-call-button i{font-size:1.25rem}.new-call-button{background-color:#8b5cf6!important;color:#fff!important}.new-call-button:hover{background-color:#7c3aed!important}.dial-pad-modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.dial-pad-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:24rem;overflow:hidden}.dial-pad-modal-header{background-color:#8b5cf6;padding:1rem;color:#fff;display:flex;justify-content:space-between;align-items:center}.dial-pad-modal-title{font-size:1rem;font-weight:500;color:#fff;margin:0}.dial-pad-modal-close{color:#fff;background:none;border:none;cursor:pointer;font-size:1rem;transition:opacity .2s ease;font-family:inherit;padding:.25rem;opacity:.9}.dial-pad-modal-close:hover{opacity:1}.dial-pad-modal-content{padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center}.dial-pad-modal-input-wrapper{position:relative;margin-bottom:2rem;width:100%;max-width:20rem}.dial-pad-modal-input-field{width:100%;border-bottom:2px solid #d1d5db;padding:.75rem 2.5rem .75rem 0;font-size:1.5rem;text-align:center;background:none;border-top:none;border-left:none;border-right:none;color:#1f2937;font-family:inherit;transition:border-color .2s ease;letter-spacing:.05em}.dial-pad-modal-input-field:focus{outline:none;border-bottom-color:#8b5cf6}.dial-pad-modal-input-field::placeholder{color:#d1d5db;letter-spacing:normal}.dial-pad-modal-backspace{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:color .2s ease;font-family:inherit}.dial-pad-modal-backspace:hover{color:#374151}.dial-pad-modal-caller-info{width:100%;margin-bottom:1rem;padding:.75rem 1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.dial-pad-modal-caller-info .caller-info{margin-bottom:0;align-items:flex-start;position:relative}.dial-pad-modal-caller-info .caller-avatar{width:2.5rem;height:2.5rem;flex-shrink:0}.dial-pad-modal-caller-info .caller-name{font-size:1rem}.dial-pad-modal-caller-info .call-duration{position:absolute;top:0;right:0;flex-direction:row;align-items:center;gap:.35rem}.dial-pad-modal-caller-info .duration-text{font-size:.75rem;color:#6b7280}.dial-pad-modal-caller-info .call-status-indicator{width:.5rem;height:.5rem}.dial-pad-modal-dtmf-display{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb;font-size:1.25rem;font-weight:500;color:#374151;letter-spacing:.2em;min-height:1.75rem;text-align:center}.dial-pad-modal-buttons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;max-width:18rem;width:100%}.dial-pad-modal-digit-button{height:4rem;width:4rem;margin:0 auto;border-radius:50%;background-color:#fff;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;font-family:inherit;padding:0}.dial-pad-modal-digit-number{font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1.2}.dial-pad-modal-digit-letters{font-size:.5rem;font-weight:400;color:#6b7280;margin-top:.125rem;line-height:1;opacity:.7}.dial-pad-modal-digit-button:hover{box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.dial-pad-modal-digit-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.dial-pad-modal-call-action{width:100%;max-width:16rem;padding:1rem;background-color:#10b981;color:#fff;border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:inherit;font-weight:600;font-size:1.125rem;transition:background-color .2s ease}.dial-pad-modal-call-action:hover:not(:disabled){background-color:#059669}.dial-pad-modal-call-action:disabled{opacity:.5;cursor:not-allowed;background-color:#10b981}.dial-pad-modal-call-action i{font-size:1.125rem}.dial-pad-modal{background-color:#fff!important}.dial-pad-modal-header{background-color:#8b5cf6!important;color:#fff!important}.dial-pad-modal-title,.dial-pad-modal-close{color:#fff!important}.dial-pad-modal-close:hover{opacity:1!important}.dial-pad-modal-input-field{background-color:#fff!important;color:#1f2937!important;border-bottom-color:#d1d5db!important}.dial-pad-modal-input-field:focus{border-bottom-color:#8b5cf6!important}.dial-pad-modal-input-field::placeholder{color:#d1d5db!important}.dial-pad-modal-backspace{color:#6b7280!important}.dial-pad-modal-backspace:hover{color:#374151!important}.dial-pad-modal-digit-button{background-color:#fff!important;box-shadow:0 2px 4px #0000001a!important}.dial-pad-modal-digit-button:hover{box-shadow:0 3px 6px #00000026!important}.dial-pad-modal-digit-number{color:#1f2937!important}.dial-pad-modal-digit-letters{color:#6b7280!important;opacity:.7!important}.dial-pad-modal-call-action{background-color:#10b981!important;color:#fff!important}.dial-pad-modal-call-action:hover:not(:disabled){background-color:#059669!important}.dial-pad-modal-call-action:disabled{background-color:#10b981!important;opacity:.5!important}.vcm-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.vcm-window{width:98vw;height:98vh;min-width:380px;min-height:320px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);border-radius:.75rem;overflow:auto;resize:both;background-color:#111827;box-shadow:0 25px 50px -12px #0009;display:flex;flex-direction:column}.vcm-window:fullscreen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;resize:none!important}.vcm-window::-webkit-resizer{background:transparent;border-width:10px;border-style:solid;border-color:transparent #8b5cf6 #8b5cf6 transparent;border-radius:0 0 .75rem}.vcm-titlebar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#8b5cf6;color:#fff}.vcm-titlebar-info{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500}.vcm-titlebar-info i{font-size:.875rem}.vcm-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem .375rem;border-radius:.25rem;font-size:1rem;opacity:.85;transition:opacity .15s ease,background-color .15s ease;font-family:inherit}.vcm-close-btn:hover{opacity:1;background-color:#ffffff26}.vcm-remote-video{position:relative;width:100%;flex:1;min-height:0;background-color:#1f2937;display:flex;align-items:center;justify-content:center;overflow:hidden}.vcm-remote-stream{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:1}.vcm-remote-stream--hidden{display:none}.vcm-remote-placeholder{display:flex;flex-direction:column;align-items:center;gap:.625rem}.vcm-remote-avatar{width:5rem;height:5rem;border-radius:50%;background-color:#374151;border:3px solid #8b5cf6;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#e5e7eb;letter-spacing:.05em}.vcm-remote-name{font-size:1.125rem;font-weight:500;color:#f9fafb;margin:0}.vcm-connecting-label{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:#9ca3af;margin:0}.vcm-dot{width:5px;height:5px;border-radius:50%;background-color:#9ca3af;display:inline-block;animation:vcm-blink 1.2s infinite}.vcm-dot:nth-child(2){animation-delay:.2s}.vcm-dot:nth-child(3){animation-delay:.4s}@keyframes vcm-blink{0%,80%,to{opacity:.2}40%{opacity:1}}.vcm-local-pip{position:absolute;bottom:.75rem;right:.75rem;width:120px;height:90px;border-radius:.5rem;overflow:hidden;border:2px solid #8b5cf6;box-shadow:0 4px 12px #0006;background-color:#374151;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem}.vcm-local-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);border-radius:.375rem}.vcm-local-video--hidden{display:none}.vcm-local-pip-off{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:1.75rem;background-color:#1f2937}.vcm-local-pip-pending{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#9ca3af;font-size:1.25rem}.vcm-local-pip-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:.25rem;color:#f87171;font-size:.625rem;text-align:center;padding:.25rem}.vcm-local-pip-error i{font-size:1.125rem}.vcm-local-label{position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);font-size:.625rem;color:#d1d5db;background-color:#00000073;padding:.1rem .35rem;border-radius:9999px;white-space:nowrap}.vcm-call-info-overlay{position:absolute;top:.75rem;left:.875rem;z-index:10;display:flex;flex-direction:column;gap:.125rem}.vcm-call-name{font-size:.9375rem;font-weight:600;color:#f9fafb;text-shadow:0 1px 3px rgba(0,0,0,.5)}.vcm-call-phone{font-size:.8rem;color:#d1d5db;text-shadow:0 1px 3px rgba(0,0,0,.5)}.vcm-controls{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.125rem 1.5rem;background-color:#1f2937;border-top:1px solid #374151}.vcm-ctrl-item{display:flex;flex-direction:column;align-items:center;gap:.375rem}.vcm-ctrl-btn{width:3rem;height:3rem;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#374151;color:#e5e7eb;font-size:1rem;transition:background-color .2s ease,color .2s ease,transform .1s ease;font-family:inherit}.vcm-ctrl-btn:hover{background-color:#4b5563;transform:scale(1.05)}.vcm-ctrl-btn:active{transform:scale(.97)}.vcm-permission-banner{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:.5rem;background-color:#ef4444d9;color:#fff;font-size:.8rem;padding:.5rem .875rem;border-radius:.5rem;max-width:90%;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vcm-permission-banner i{flex-shrink:0}.vcm-retry-btn{margin-left:.5rem;background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:.375rem;padding:.2rem .6rem;font-size:.75rem;cursor:pointer;white-space:nowrap;transition:background-color .15s ease;font-family:inherit}.vcm-retry-btn:hover{background:#ffffff59}.vcm-ctrl-btn--disabled{opacity:.35!important;cursor:not-allowed!important;transform:none!important}.vcm-ctrl-btn--active{background-color:#ef4444!important;color:#fff!important}.vcm-ctrl-btn--active:hover{background-color:#dc2626!important}.vcm-ctrl-btn--sharing{background-color:#16a34a!important;color:#fff!important}.vcm-ctrl-btn--sharing:hover{background-color:#15803d!important}.vcm-ctrl-btn--hangup{background-color:#ef4444!important;color:#fff!important}.vcm-ctrl-btn--hangup:hover{background-color:#dc2626!important;transform:scale(1.05)}.vcm-ctrl-label{font-size:.6875rem;color:#9ca3af;white-space:nowrap;letter-spacing:.01em}.vcm-share-pip{position:fixed;z-index:99999;width:220px;border-radius:.75rem;background-color:#1f2937;box-shadow:0 8px 32px #0000008c;border:1px solid rgba(255,255,255,.08);overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}.vcm-share-pip:active{cursor:grabbing}.vcm-share-pip.vcm-share-pip--window{position:static;width:100%;height:100%;min-width:260px;min-height:200px;border-radius:0;box-shadow:none;border:none;cursor:default}.vcm-share-pip--window .vcm-share-pip-video{flex:1;aspect-ratio:unset;min-height:0}.vcm-share-pip--window .vcm-share-pip-controls{flex-shrink:0}.vcm-share-pip-video{position:relative;width:100%;aspect-ratio:4 / 3;background:linear-gradient(145deg,#374151,#111827);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem}.vcm-share-pip-remote-video{width:100%;height:100%;object-fit:cover;border-radius:0}.vcm-share-pip-avatar{width:52px;height:52px;border-radius:50%;background-color:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;letter-spacing:.02em}.vcm-share-pip-name{font-size:.8rem;color:#e5e7eb;font-weight:500;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vcm-share-pip-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem .875rem;background-color:#111827;cursor:default}.vcm-share-pip-btn{width:46px;height:46px;border-radius:50%;border:none;background-color:#374151;color:#d1d5db;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,transform .1s ease;flex-shrink:0}.vcm-share-pip-btn:hover{background-color:#4b5563;transform:scale(1.08)}.vcm-share-pip-btn--active{background-color:#ef4444!important;color:#fff!important}.vcm-share-pip-btn--active:hover{background-color:#dc2626!important}.vcm-share-pip-btn--share{background-color:#16a34a!important;color:#fff!important}.vcm-share-pip-btn--share:hover{background-color:#15803d!important}.vcm-share-pip-btn--hangup{background-color:#ef4444!important;color:#fff!important}.vcm-share-pip-btn--hangup:hover{background-color:#dc2626!important;transform:scale(1.08)}.vcm-share-pip-btn--disabled{opacity:.35!important;cursor:not-allowed!important;transform:none!important}.agent-screen-page{padding:1.5rem;display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;min-height:100vh}.active-call-section{grid-column:1;min-width:0}.active-call-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;min-width:0}.caller-info-hidden{visibility:hidden}.call-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.queue-notes-section{grid-column:2;display:flex;flex-direction:column;gap:1.5rem;min-width:300px;max-width:400px}.dial-number-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1rem}.dial-number-card-disabled{opacity:.5;pointer-events:none}.dial-number-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0 0 1rem}.dial-number-input{display:flex;gap:.5rem;align-items:center}.dial-number-field{flex:1;border-bottom:2px solid #d1d5db;padding:.5rem 0;font-size:1rem;background:none;border-top:none;border-left:none;border-right:none;color:#1f2937;font-family:inherit;transition:border-color .2s ease}.dial-number-field:focus{outline:none;border-bottom-color:#8b5cf6}.dial-number-field::placeholder{color:#9ca3af}.dial-number-field:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.dial-number-call-button{width:2.5rem;height:2.5rem;border-radius:.375rem;background-color:#10b981;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;font-family:inherit;flex-shrink:0}.dial-number-call-button:hover:not(:disabled){background-color:#059669}.dial-number-call-button:disabled{opacity:.5;cursor:not-allowed}.dial-number-call-button i{font-size:.875rem}@media(max-width:1024px){.agent-screen-page{grid-template-columns:1fr}.active-call-section,.queue-notes-section{grid-column:span 1}}.contact-categories-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1rem}.contact-categories-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0 0 1rem}.contact-categories-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.contact-category-button{width:100%;padding:.5rem .75rem;border-radius:.375rem;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease;font-family:inherit}.contact-category-button:hover{background-color:#f9fafb}.contact-category-button.active{background-color:#f5f3ff;color:#8b5cf6}.contact-category-content{display:flex;align-items:center;gap:.75rem}.contact-category-content i{font-size:.875rem;width:1rem;text-align:center}.contact-category-name{font-size:.875rem;font-weight:500}.contact-category-count{padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#f3f4f6;color:#4b5563}.contact-category-count.active{background-color:#ede9fe;color:#8b5cf6}.add-category-section{border-top:1px solid #e5e7eb;padding-top:1rem}.add-category-button{width:100%;padding:.5rem .75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:background-color .2s ease;font-family:inherit}.add-category-button:hover{background-color:#f3f4f6}.add-category-button i{font-size:.75rem}.contact-categories-card{background-color:#fff!important}.contact-categories-title{color:#1f2937!important}.contact-category-button{color:#374151!important}.contact-category-button:hover{background-color:#f9fafb!important}.contact-category-button.active{background-color:#f5f3ff!important;color:#8b5cf6!important}.contact-category-name{color:inherit!important}.contact-category-count{background-color:#f3f4f6!important;color:#4b5563!important}.contact-category-count.active{background-color:#ede9fe!important;color:#8b5cf6!important}.add-category-button{background-color:#f9fafb!important;border-color:#e5e7eb!important;color:#4b5563!important}.add-category-button:hover{background-color:#f3f4f6!important}.contact-item{padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.contact-item:hover{background-color:#f9fafb}.contact-item:last-child{border-bottom:none}.contact-item-left{display:flex;align-items:center;gap:1rem}.contact-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0}.contact-avatar-image{width:100%;height:100%;object-fit:cover}.contact-avatar-placeholder{width:100%;height:100%;background-color:#dbeafe;display:flex;align-items:center;justify-content:center;color:#2563eb;font-size:1rem}.contact-avatar-initials{font-weight:600;font-size:.875rem;line-height:1}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-name{font-size:1rem;font-weight:500;color:#1f2937;margin:0}.contact-title{font-size:.875rem;color:#6b7280;margin:0}.contact-item-right{display:flex;align-items:center;gap:1.5rem}.contact-details{display:flex;flex-direction:column;gap:.25rem;text-align:right}.contact-phone,.contact-email{font-size:.875rem;color:#6b7280}.contact-actions{display:flex;align-items:center;gap:.5rem}.contact-action-button{width:2rem;height:2rem;border-radius:50%;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:background-color .2s ease;font-family:inherit}.contact-action-button:hover{background-color:#e5e7eb}.contact-action-button.hidden{color:#9ca3af}.contact-action-button.active-call{background-color:#ef4444;color:#fff!important}.contact-action-button.active-call:hover{background-color:#dc2626;color:#fff!important}.contact-action-button.active-call i{transform:rotate(135deg);transition:transform .3s ease}.contact-action-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.contact-action-button i{font-size:.875rem}.contact-item{background-color:#fff!important}.contact-item:hover{background-color:#f9fafb!important}.contact-name{color:#1f2937!important}.contact-title,.contact-phone,.contact-email{color:#6b7280!important}.contact-action-button{color:#4b5563!important}.contact-action-button:hover{background-color:#e5e7eb!important}.contact-action-button.favorite,.contact-action-button.favorite i{color:#eab308!important}.contact-action-button.favorite i.fa-solid{font-weight:900!important}.contact-action-button.hidden{color:#9ca3af!important}.contact-avatar-placeholder{background-color:#dbeafe!important;color:#2563eb!important}.contact-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.contact-list-header-left{display:flex;align-items:center;gap:1rem}.contact-list-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0}.view-mode-buttons{display:flex;align-items:center;gap:.5rem}.view-mode-button{padding:.25rem .75rem;border-radius:.375rem;border:none;background-color:#f3f4f6;color:#4b5563;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;transition:all .2s ease;font-family:inherit}.view-mode-button:hover{background-color:#e5e7eb}.view-mode-button.active{background-color:#f5f3ff;color:#8b5cf6}.view-mode-button i{font-size:.75rem}.contact-list-header-right{display:flex;align-items:center;gap:.5rem}.filter-button,.export-button{padding:.375rem .75rem;font-size:.875rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-family:inherit;transition:all .2s ease}.filter-button{border:1px solid #d1d5db;background-color:#fff;color:#374151}.filter-button:hover{background-color:#f9fafb}.export-button{background-color:#8b5cf6;color:#fff;border:none}.export-button:hover{background-color:#7c3aed}.filter-button i,.export-button i{font-size:.75rem}.contact-list-title{color:#1f2937!important}.view-mode-button{background-color:#f3f4f6!important;color:#4b5563!important}.view-mode-button:hover{background-color:#e5e7eb!important}.view-mode-button.active{background-color:#f5f3ff!important;color:#8b5cf6!important}.filter-button{background-color:#fff!important;border-color:#d1d5db!important;color:#374151!important}.filter-button:hover{background-color:#f9fafb!important}.export-button{background-color:#8b5cf6!important;color:#fff!important}.export-button:hover{background-color:#7c3aed!important}.contact-list-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem}.contact-items-list{display:flex;flex-direction:column}.contact-list-card{background-color:#fff!important}.contacts-page{padding:1.5rem;min-height:100vh}.contacts-container{display:grid;grid-template-columns:1fr 3fr;gap:1.5rem}.contact-categories-section{grid-column:1;min-width:0}.contact-list-section{grid-column:2;min-width:0}@media(max-width:1024px){.contacts-container{grid-template-columns:1fr}.contact-categories-section,.contact-list-section{grid-column:span 1}}.recording-filters-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1rem}.recording-filters-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0 0 1rem}.filters-content{display:flex;flex-direction:column;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group-title{font-size:.875rem;font-weight:500;color:#4b5563;margin:0}.filter-select{width:100%;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;background-color:#fff;color:#374151;font-family:inherit}.filter-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.filter-checkboxes{display:flex;flex-direction:column;gap:.5rem}.filter-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.filter-checkbox input[type=checkbox]{width:1rem;height:1rem;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;accent-color:#8b5cf6}.filter-checkbox input[type=checkbox]:checked{background-color:#8b5cf6;border-color:#8b5cf6}.filter-checkbox-label{font-size:.875rem;color:#4b5563}.recording-filters-card{background-color:#fff!important}.recording-filters-title{color:#1f2937!important}.filter-group-title{color:#4b5563!important}.filter-select{background-color:#fff!important;border-color:#d1d5db!important;color:#374151!important}.filter-select:focus{border-color:#8b5cf6!important}.filter-checkbox input[type=checkbox]{border-color:#d1d5db!important}.filter-checkbox input[type=checkbox]:checked{background-color:#8b5cf6!important;border-color:#8b5cf6!important}.filter-checkbox-label{color:#4b5563!important}.recordings-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.recordings-list-header-left{display:flex;flex-direction:column;gap:.25rem}.recordings-list-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0}.recordings-stats{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.recordings-count,.recordings-total,.recordings-separator{margin:0}.recordings-list-header-right{display:flex;align-items:center;gap:.5rem}.export-button,.sort-button{padding:.375rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.25rem;font-family:inherit}.export-button:hover,.sort-button:hover{background-color:#f9fafb}.export-button i,.sort-button i{font-size:.75rem;color:#6b7280}.recordings-list-title{color:#1f2937!important}.recordings-stats{color:#6b7280!important}.export-button,.sort-button{background-color:#fff!important;border-color:#d1d5db!important;color:#374151!important}.export-button:hover,.sort-button:hover{background-color:#f9fafb!important}.export-button i,.sort-button i{color:#6b7280!important}.recording-item{padding:1rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.recording-item:hover{background-color:#f9fafb}.recording-item:last-child{border-bottom:none}.recording-item-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.recording-item-left{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.recording-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0}.recording-avatar-image{width:100%;height:100%;object-fit:cover}.recording-avatar-placeholder{width:100%;height:100%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#6b7280}.recording-info{flex:1;min-width:0}.recording-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.recording-name{font-size:1rem;font-weight:500;color:#1f2937;margin:0}.sentiment-badge{padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.recording-meta{font-size:.875rem;color:#6b7280;margin:0 0 .5rem}.recording-summary{margin-top:.5rem}.recording-summary p{font-size:.875rem;color:#4b5563;margin:0;line-height:1.5}.recording-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.recording-action-button{width:2rem;height:2rem;border-radius:50%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:background-color .2s ease}.recording-action-button:hover{background-color:#e5e7eb}.recording-action-button i{font-size:.875rem}.recording-item:hover{background-color:#f9fafb!important}.recording-summary p,.recording-action-button{color:#4b5563!important}.recording-action-button:hover{background-color:#e5e7eb!important}.recording-avatar-placeholder{background-color:#e5e7eb!important;color:#6b7280!important}.recordings-list-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem}.recording-items-list{display:flex;flex-direction:column}.recordings-list-card{background-color:#fff!important}.call-recordings-page{padding:1.5rem;min-height:100vh}.recordings-container{display:grid;grid-template-columns:.65fr 2fr;gap:1.5rem}.recording-filters-section{grid-column:1;min-width:0}.recordings-list-section{grid-column:2;min-width:0}.recordings-list-loading,.recordings-list-error{padding:1rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.recordings-list-error{color:#dc2626;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.recordings-list-error button{padding:.375rem .75rem;background:#8b5cf6;color:#fff;border:none;border-radius:.375rem;cursor:pointer}.recordings-list-error button:hover{background:#7c3aed}.recordings-load-more{margin-top:1rem;text-align:center}.recordings-load-more-button{padding:.5rem 1.5rem;background:#8b5cf6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem}.recordings-load-more-button:hover:not(:disabled){background:#7c3aed}.recordings-load-more-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.recordings-container{grid-template-columns:1fr}.recording-filters-section,.recordings-list-section{grid-column:span 1}}.recording-info-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;margin-bottom:1.5rem}.recording-info-header{display:flex;justify-content:space-between;align-items:center}.recording-info-left{display:flex;align-items:center;gap:1rem}.recording-avatar-large{width:4rem;height:4rem;border-radius:50%;overflow:hidden;flex-shrink:0}.recording-avatar-large img{width:100%;height:100%;object-fit:cover}.recording-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e5e7eb;color:#6b7280;font-size:1.5rem;border-radius:50%}.recording-details{display:flex;flex-direction:column;gap:.5rem}.recording-name-row{display:flex;align-items:center;gap:.75rem}.recording-name{font-size:1.25rem;font-weight:500;color:#1f2937;margin:0}.sentiment-badge.sentiment-neutral{background-color:#f3f4f6;color:#6b7280}.recording-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#6b7280}.recording-info-actions{display:flex;align-items:center;gap:.5rem}.recording-action-button{width:2.5rem;height:2.5rem;border-radius:50%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:background-color .2s ease}.recording-action-button:hover{background-color:#f3f4f6}.recording-info-card{background-color:#fff!important}.recording-name{color:#1f2937!important}.recording-meta{color:#6b7280!important}.recording-action-button{color:#4b5563!important}.recording-action-button:hover{background-color:#f3f4f6!important}.sentiment-badge.sentiment-neutral{background-color:#f3f4f6!important;color:#6b7280!important}.audio-player-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.waveform-container{background-color:#f3f4f6;border-radius:.5rem;height:6rem;margin-bottom:1rem;position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.waveform-bars{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;gap:2px}.waveform-bar{flex:1;min-width:2px;max-width:6px;border-radius:2px;transition:background-color .1s ease}.waveform-playhead{position:absolute;top:0;bottom:0;width:2px;background-color:#7c3aed;transform:translate(-50%);pointer-events:none;z-index:2}.waveform-playhead-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background-color:#7c3aed;box-shadow:0 0 0 2px #fff,0 0 0 3px #7c3aed}.waveform-time-left{position:absolute;bottom:.4rem;left:.75rem;font-size:.7rem;color:#6b7280;pointer-events:none;z-index:3}.waveform-time-right{position:absolute;bottom:.4rem;right:.75rem;font-size:.7rem;color:#6b7280;pointer-events:none;z-index:3}.player-controls{display:flex;align-items:center;gap:.75rem}.player-control-button{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#f3f4f6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:background-color .15s ease;flex-shrink:0}.player-control-button:hover{background-color:#e5e7eb}.player-control-button.play-button{background-color:#8b5cf6;color:#fff;width:3rem;height:3rem}.player-control-button.play-button:hover{background-color:#7c3aed}.volume-control{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.volume-control i{color:#6b7280;font-size:.875rem;flex-shrink:0}.volume-range{-webkit-appearance:none;appearance:none;width:5rem;height:4px;border-radius:2px;background:#e5e7eb;outline:none;cursor:pointer}.volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#8b5cf6;cursor:pointer}.volume-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#8b5cf6;cursor:pointer;border:none}.volume-range{background:linear-gradient(to right,#8b5cf6 0%,#8b5cf6 var(--vol, 75%),#e5e7eb var(--vol, 75%),#e5e7eb 100%)}.speed-control{margin-left:.5rem}.speed-button{padding:.3rem .65rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8rem;font-weight:500;color:#4b5563;cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.speed-button:hover{background-color:#e5e7eb}.audio-player-info{color:#6b7280!important}.waveform-container{background-color:#f3f4f6!important}.waveform-time-left,.waveform-time-right{color:#6b7280!important}.player-control-button{background-color:#f3f4f6!important;color:#4b5563!important}.player-control-button:hover{background-color:#e5e7eb!important}.player-control-button.play-button{background-color:#8b5cf6!important;color:#fff!important}.player-control-button.play-button:hover{background-color:#7c3aed!important}.volume-control i{color:#6b7280!important}.speed-button{background-color:#f3f4f6!important;border-color:#d1d5db!important;color:#4b5563!important}.speed-button:hover{background-color:#e5e7eb!important}.transcript-action-button{padding:.375rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.25rem;font-family:inherit}.transcript-action-button:hover{background-color:#f9fafb}.transcript-action-button i{font-size:.75rem}.transcript-content{display:flex;flex-direction:column;gap:1rem}.transcript-entry{display:flex;gap:.75rem}.transcript-time{font-size:.75rem;color:#6b7280;font-family:Courier New,monospace;margin-top:.25rem;width:3rem;flex-shrink:0}.transcript-text{flex:1;display:flex;flex-direction:column;gap:.5rem}.transcript-speaker{font-size:.875rem;font-weight:500}.transcript-speaker.speaker-purple{color:#8b5cf6}.transcript-speaker.speaker-blue{color:#2563eb}.transcript-speaker.speaker-green{color:#16a34a}.transcript-speaker.speaker-orange{color:#ea580c}.transcript-message{font-size:.875rem;color:#374151;line-height:1.5}.transcript-action-button{background-color:#fff!important;border-color:#d1d5db!important;color:#374151!important}.transcript-action-button:hover{background-color:#f9fafb!important}.transcript-time{color:#6b7280!important}.transcript-speaker.speaker-purple{color:#8b5cf6!important}.transcript-speaker.speaker-blue{color:#2563eb!important}.transcript-speaker.speaker-green{color:#16a34a!important}.transcript-speaker.speaker-orange{color:#ea580c!important}.transcript-message{color:#374151!important}.sentiment-analysis-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1rem;margin-bottom:1.5rem}.sentiment-content{display:flex;flex-direction:column;gap:1rem}.sentiment-overview{display:flex;justify-content:space-between;align-items:center}.sentiment-label{font-size:.875rem;color:#4b5563}.sentiment-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.sentiment-badge.sentiment-positive{background-color:#dcfce7;color:#16a34a}.sentiment-badge.sentiment-neutral{background-color:#fef3c7;color:#d97706}.sentiment-badge.sentiment-negative{background-color:#fee2e2;color:#dc2626}.sentiment-breakdown{display:flex;flex-direction:column;gap:.75rem}.sentiment-item{display:flex;flex-direction:column;gap:.25rem}.sentiment-item-header{display:flex;justify-content:space-between;align-items:center}.sentiment-item-label{font-size:.875rem;font-weight:500}.sentiment-item-label.positive{color:#16a34a}.sentiment-item-label.neutral{color:#d97706}.sentiment-item-label.negative{color:#dc2626}.sentiment-item-percentage{font-size:.875rem;font-weight:500;color:#1f2937}.sentiment-bar{height:.5rem;background-color:#f3f4f6;border-radius:.25rem;overflow:hidden}.sentiment-bar-fill{height:100%;border-radius:.25rem;transition:width .3s ease}.sentiment-bar-fill.positive{background-color:#16a34a}.sentiment-bar-fill.neutral{background-color:#d97706}.sentiment-bar-fill.negative{background-color:#dc2626}.sentiment-analysis-card{background-color:#fff!important}.sentiment-label{color:#4b5563!important}.sentiment-badge.sentiment-positive{background-color:#dcfce7!important;color:#16a34a!important}.sentiment-badge.sentiment-neutral{background-color:#fef3c7!important;color:#d97706!important}.sentiment-badge.sentiment-negative{background-color:#fee2e2!important;color:#dc2626!important}.sentiment-item-label.positive{color:#16a34a!important}.sentiment-item-label.neutral{color:#d97706!important}.sentiment-item-label.negative{color:#dc2626!important}.sentiment-item-percentage{color:#1f2937!important}.sentiment-bar{background-color:#f3f4f6!important}.sentiment-bar-fill.positive{background-color:#16a34a!important}.sentiment-bar-fill.neutral{background-color:#d97706!important}.sentiment-bar-fill.negative{background-color:#dc2626!important}.key-topics-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1rem;margin-bottom:1.5rem}.topics-list{display:flex;flex-direction:column;gap:.75rem}.topic-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.topic-name{font-size:.875rem;font-weight:500;color:#1f2937}.topic-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.topic-badge.topic-purple{background-color:#ede9fe;color:#7c3aed}.topic-badge.topic-blue{background-color:#dbeafe;color:#2563eb}.topic-badge.topic-green{background-color:#dcfce7;color:#16a34a}.topic-badge.topic-orange{background-color:#fed7aa;color:#ea580c}.key-topics-card{background-color:#fff!important}.topic-item{background-color:#f9fafb!important;border-color:#e5e7eb!important}.topic-name{color:#1f2937!important}.topic-badge.topic-purple{background-color:#ede9fe!important;color:#7c3aed!important}.topic-badge.topic-blue{background-color:#dbeafe!important;color:#2563eb!important}.topic-badge.topic-green{background-color:#dcfce7!important;color:#16a34a!important}.topic-badge.topic-orange{background-color:#fed7aa!important;color:#ea580c!important}.action-items-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1rem}.action-items-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.action-item{display:flex;align-items:center;gap:.75rem;padding:.5rem}.action-checkbox{width:1rem;height:1rem;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;flex-shrink:0}.action-checkbox:checked{background-color:#8b5cf6;border-color:#8b5cf6}.action-text{font-size:.875rem;color:#374151;flex:1}.action-text.completed{text-decoration:line-through;color:#9ca3af}.add-action-section{display:flex;gap:.5rem;margin-top:1rem}.add-action-input{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-family:inherit}.add-action-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.add-action-button{padding:.5rem 1rem;background-color:#8b5cf6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:background-color .2s ease;font-family:inherit;white-space:nowrap}.add-action-button:hover:not(:disabled){background-color:#7c3aed}.add-action-button:disabled{background-color:#9ca3af;cursor:not-allowed}.action-items-card{background-color:#fff!important}.action-checkbox{border-color:#d1d5db!important}.action-checkbox:checked{background-color:#8b5cf6!important;border-color:#8b5cf6!important}.action-text{color:#374151!important}.action-text.completed{color:#9ca3af!important}.add-action-input{background-color:#fff!important;border-color:#d1d5db!important;color:#374151!important}.add-action-input:focus{border-color:#8b5cf6!important}.add-action-button{background-color:#8b5cf6!important;color:#fff!important}.add-action-button:hover:not(:disabled){background-color:#7c3aed!important}.add-action-button:disabled{background-color:#9ca3af!important}.call-recording-playback-page{padding:1.5rem;min-height:100vh}.playback-container{display:flex;flex-direction:column;gap:1.5rem}.recording-playback-empty{text-align:center;padding:2rem;color:#6b7280}.recording-playback-empty button{margin-top:1rem;padding:.5rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:.375rem;cursor:pointer}.recording-playback-empty button:hover{background:#7c3aed}.playback-content{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.player-transcript-section{grid-column:1;display:flex;flex-direction:column;gap:1.5rem;min-width:0}.analysis-panel-section{grid-column:2;display:flex;flex-direction:column;gap:1.5rem;min-width:300px;max-width:400px}@media(max-width:1024px){.playback-content{grid-template-columns:1fr}.player-transcript-section,.analysis-panel-section{grid-column:span 1}.analysis-panel-section{max-width:none}}.voicemail-folders-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1rem}.voicemail-folders-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0 0 1rem}.folders-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.folder-button{width:100%;padding:.5rem .75rem;border-radius:.375rem;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease;font-family:inherit}.folder-button:hover{background-color:#f9fafb}.folder-button.active{background-color:#f5f3ff;color:#8b5cf6}.folder-content{display:flex;align-items:center;gap:.75rem}.folder-content i{font-size:.875rem;width:1rem;text-align:center}.folder-name{font-size:.875rem;font-weight:500}.folder-count{padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#f3f4f6;color:#4b5563}.folder-count.active{background-color:#ede9fe;color:#8b5cf6}.quick-settings{margin-top:2rem}.quick-settings-title{font-size:1rem;font-weight:500;color:#1f2937;margin:0 0 1rem}.settings-list{display:flex;flex-direction:column;gap:1rem}.setting-item{display:flex;justify-content:space-between;align-items:center}.setting-label{font-size:.875rem;color:#4b5563}.setting-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;font-size:.875rem;color:#374151;font-family:inherit}.toggle-switch{width:2.5rem;height:1.25rem;background-color:#d1d5db;border-radius:9999px;border:none;cursor:pointer;position:relative;transition:background-color .2s ease;font-family:inherit}.toggle-switch.active{background-color:#8b5cf6}.toggle-slider{width:1rem;height:1rem;background-color:#fff;border-radius:50%;position:absolute;top:.125rem;left:.125rem;transition:transform .2s ease}.toggle-switch.active .toggle-slider{transform:translate(1.25rem)}.voicemail-folders-card{background-color:#fff!important}.voicemail-folders-title,.quick-settings-title{color:#1f2937!important}.folder-button{color:#374151!important}.folder-button:hover{background-color:#f9fafb!important}.folder-button.active{background-color:#f5f3ff!important;color:#8b5cf6!important}.folder-name{color:inherit!important}.folder-count{background-color:#f3f4f6!important;color:#4b5563!important}.folder-count.active{background-color:#ede9fe!important;color:#8b5cf6!important}.setting-label{color:#4b5563!important}.setting-select{background-color:#fff!important;border-color:#d1d5db!important;color:#374151!important}.toggle-switch{background-color:#d1d5db!important}.toggle-switch.active{background-color:#8b5cf6!important}.toggle-slider{background-color:#fff!important}.voicemail-list-header{padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.voicemail-list-header-left{display:flex;flex-direction:column;gap:.5rem}.voicemail-list-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0}.voicemail-stats{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.voicemail-count,.voicemail-unread,.voicemail-separator{font-size:.875rem;color:#6b7280}.voicemail-list-header-right{display:flex;align-items:center;gap:.5rem}.filter-button,.sort-button{padding:.375rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-family:inherit;transition:all .2s ease}.filter-button:hover,.sort-button:hover{background-color:#f9fafb}.filter-button i,.sort-button i{font-size:.75rem;color:#6b7280}.voicemail-list-title{color:#1f2937!important}.voicemail-stats,.voicemail-count,.voicemail-unread,.voicemail-separator{color:#6b7280!important}.filter-button,.sort-button{background-color:#fff!important;border-color:#d1d5db!important;color:#374151!important}.filter-button:hover,.sort-button:hover{background-color:#f9fafb!important}.filter-button i,.sort-button i{color:#6b7280!important}.voicemail-item{padding:1rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.voicemail-item:hover{background-color:#f9fafb}.voicemail-item:last-child{border-bottom:none}.voicemail-item-red-tint{background-color:#fef2f2}.voicemail-item-purple-tint{background-color:#faf5ff}.voicemail-item-content{display:flex;align-items:center;justify-content:space-between}.voicemail-item-left{display:flex;align-items:center;gap:1rem}.voicemail-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0}.voicemail-avatar-image{width:100%;height:100%;object-fit:cover}.voicemail-avatar-placeholder{width:100%;height:100%;background-color:#dbeafe;display:flex;align-items:center;justify-content:center;color:#2563eb;font-size:1rem}.voicemail-info{display:flex;flex-direction:column;gap:.25rem}.voicemail-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.voicemail-name{font-weight:500;color:#1f2937;margin:0;font-size:.875rem}.voicemail-meta{font-size:.875rem;color:#6b7280;margin:0}.voicemail-tags{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.voicemail-tag{display:flex;align-items:center;gap:.25rem}.voicemail-tag i{font-size:.875rem}.voicemail-tag-text{font-size:.75rem;color:#6b7280}.priority-badge,.category-badge{padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.voicemail-actions{display:flex;align-items:center;gap:.5rem}.voicemail-duration{font-size:.875rem;color:#6b7280;margin-right:.5rem}.voicemail-action-button{width:2rem;height:2rem;border-radius:50%;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:all .2s ease;font-family:inherit}.voicemail-action-button:hover{background-color:#e5e7eb}.voicemail-action-button i{font-size:.875rem}.voicemail-item{background-color:#fff!important}.voicemail-item:hover{background-color:#f9fafb!important}.voicemail-item-red-tint{background-color:#fef2f2!important}.voicemail-item-purple-tint{background-color:#faf5ff!important}.voicemail-name{color:#1f2937!important}.voicemail-meta,.voicemail-tag-text,.voicemail-duration{color:#6b7280!important}.voicemail-action-button{color:#4b5563!important}.voicemail-action-button:hover{background-color:#e5e7eb!important}.play-button-unread{color:#4b5563!important}.play-button-unread:hover{background-color:#e5e7eb!important}.call-button-unread{color:#4b5563!important;background-color:transparent!important}.call-button-unread:hover{background-color:#e5e7eb!important}.voicemail-avatar-placeholder{background-color:#dbeafe!important;color:#2563eb!important}.voicemail-list-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.voicemail-items-list{display:flex;flex-direction:column}.voicemail-list-card{background-color:#fff!important}.voicemail-page{padding:1.5rem;min-height:100vh}.voicemail-container{display:grid;grid-template-columns:1fr 3fr;gap:1.5rem}.voicemail-folders-section{grid-column:1;min-width:0}.voicemail-list-section{grid-column:2;min-width:0}.voicemail-list-loading,.voicemail-list-error{padding:1rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.voicemail-list-error{color:#dc2626;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.voicemail-list-error button{padding:.375rem .75rem;background:#8b5cf6;color:#fff;border:none;border-radius:.375rem;cursor:pointer}.voicemail-list-error button:hover{background:#7c3aed}@media(max-width:1024px){.voicemail-container{grid-template-columns:1fr}.voicemail-folders-section,.voicemail-list-section{grid-column:span 1}}.caller-info-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;margin-bottom:1.5rem}.caller-info-content{display:flex;justify-content:space-between;align-items:flex-start}.caller-info-left{display:flex;align-items:center;gap:1rem}.caller-avatar{width:4rem;height:4rem;border-radius:50%;overflow:hidden;flex-shrink:0}.caller-avatar-image{width:100%;height:100%;object-fit:cover}.caller-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e5e7eb;color:#6b7280;font-size:1.5rem}.caller-details{display:flex;flex-direction:column;gap:.5rem}.caller-name-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.caller-name{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.caller-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#4b5563;margin-bottom:.75rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-item i{font-size:.75rem}.caller-tags{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.caller-tag{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.caller-tag i{font-size:.875rem}.sentiment-red{color:#ef4444}.sentiment-green{color:#10b981}.sentiment-yellow{color:#f59e0b}.sentiment-blue{color:#3b82f6}.sentiment-gray{color:#6b7280}.priority-badge,.category-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.priority-red{background-color:#fee2e2;color:#dc2626}.priority-purple{background-color:#ede9fe;color:#7c3aed}.priority-yellow{background-color:#fef3c7;color:#d97706}.priority-green{background-color:#dcfce7;color:#16a34a}.priority-gray{background-color:#f3f4f6;color:#4b5563}.category-blue{background-color:#dbeafe;color:#2563eb}.category-yellow{background-color:#fef3c7;color:#d97706}.category-green{background-color:#dcfce7;color:#16a34a}.category-gray{background-color:#f3f4f6;color:#4b5563}.caller-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.action-button{padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease;font-family:inherit;flex-shrink:0;white-space:nowrap}.action-button.primary{background-color:#8b5cf6;color:#fff}.action-button.primary:hover{background-color:#7c3aed}.action-button.secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.action-button.secondary:hover{background-color:#f9fafb}.action-button.icon-only{width:2.5rem;height:2.5rem;padding:.5rem;justify-content:center;background-color:#fff;color:#374151;border:1px solid #d1d5db}.action-button.icon-only:hover{background-color:#f9fafb}.action-button i{font-size:.75rem}.caller-info-card{background-color:#fff!important}.caller-name{color:#1f2937!important}.caller-meta,.caller-tag{color:#4b5563!important}.action-button.primary{background-color:#8b5cf6!important;color:#fff!important}.action-button.primary:hover{background-color:#7c3aed!important}.action-button.secondary,.action-button.icon-only{background-color:#fff!important;color:#374151!important;border-color:#d1d5db!important}.action-button.secondary:hover,.action-button.icon-only:hover{background-color:#f9fafb!important}.audio-player-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;margin-bottom:1.5rem}.audio-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.audio-player-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0}.download-section{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;cursor:pointer;transition:color .2s ease}.download-section:hover{color:#374151}.download-section i{font-size:.75rem}.audio-player-content{background-color:#f9fafb;border-radius:.5rem;padding:1.5rem}.audio-controls-main{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.play-pause-button{width:3rem;height:3rem;background-color:#8b5cf6;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .2s ease;font-family:inherit}.play-pause-button:hover{background-color:#7c3aed}.play-pause-button i{font-size:1rem}.progress-container{flex:1}.progress-bar{position:relative;height:.5rem;background-color:#e5e7eb;border-radius:9999px}.progress-fill{position:absolute;left:0;top:0;height:100%;background-color:#8b5cf6;border-radius:9999px}.progress-handle{position:absolute;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-color:#8b5cf6;border-radius:50%;border:2px solid white;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.time-display{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#4b5563}.audio-controls-secondary{display:flex;justify-content:space-between;align-items:center}.playback-controls{display:flex;align-items:center;gap:.5rem}.control-button{width:2rem;height:2rem;border-radius:50%;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:background-color .2s ease;font-family:inherit}.control-button:hover{background-color:#e5e7eb}.control-button i{font-size:.875rem}.audio-settings{display:flex;align-items:center;gap:1rem}.settings-label{font-size:.875rem;color:#4b5563}.speed-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;font-size:.875rem;color:#374151;font-family:inherit}.volume-control{display:flex;align-items:center;gap:.5rem}.volume-control i{font-size:.875rem;color:#4b5563}.volume-range{-webkit-appearance:none;appearance:none;width:5rem;height:4px;border-radius:9999px;background:linear-gradient(to right,#8b5cf6 var(--vol, 80%),#e5e7eb var(--vol, 80%));outline:none;cursor:pointer}.volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#8b5cf6;border:2px solid white;box-shadow:0 1px 3px #0003;cursor:pointer}.volume-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#8b5cf6;border:2px solid white;box-shadow:0 1px 3px #0003;cursor:pointer}.audio-player-card{background-color:#fff!important}.audio-player-title{color:#1f2937!important}.download-section{color:#6b7280!important}.download-section:hover{color:#374151!important}.audio-player-content{background-color:#f9fafb!important}.play-pause-button{background-color:#8b5cf6!important;color:#fff!important}.play-pause-button:hover{background-color:#7c3aed!important}.progress-bar{background-color:#e5e7eb!important}.progress-fill{background-color:#8b5cf6!important}.progress-handle{background-color:#8b5cf6!important;border-color:#fff!important}.time-display,.control-button{color:#4b5563!important}.control-button:hover{background-color:#e5e7eb!important}.settings-label{color:#4b5563!important}.speed-select{background-color:#fff!important;border-color:#d1d5db!important;color:#374151!important}.volume-control i{color:#4b5563!important}.volume-range{background:linear-gradient(to right,#8b5cf6 var(--vol, 80%),#e5e7eb var(--vol, 80%))!important}.transcript-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.transcript-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0}.transcript-actions{display:flex;align-items:center;gap:.5rem}.transcript-action-button{font-size:.875rem;color:#2563eb;background:none;border:none;cursor:pointer;font-family:inherit;transition:color .2s ease}.transcript-action-button:hover{color:#1d4ed8}.transcript-action-button:last-child{color:#6b7280}.transcript-action-button:last-child:hover{color:#374151}.transcript-content{display:flex;flex-direction:column;gap:.75rem}.transcript-paragraph{font-size:.875rem;line-height:1.625;color:#374151}.timestamp{font-weight:500;margin-right:.5rem}.timestamp-red{color:#dc2626}.timestamp-green{color:#16a34a}.timestamp-yellow{color:#d97706}.timestamp-blue{color:#2563eb}.timestamp-gray{color:#6b7280}.transcript-text{color:#374151}.transcript-card{background-color:#fff!important}.transcript-title{color:#1f2937!important}.transcript-action-button{color:#2563eb!important}.transcript-action-button:hover{color:#1d4ed8!important}.transcript-action-button:last-child{color:#6b7280!important}.transcript-action-button:last-child:hover{color:#374151!important}.transcript-paragraph{color:#374151!important}.timestamp-red{color:#dc2626!important}.timestamp-green{color:#16a34a!important}.timestamp-yellow{color:#d97706!important}.timestamp-blue{color:#2563eb!important}.timestamp-gray{color:#6b7280!important}.transcript-text{color:#374151!important}.analysis-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem}.analysis-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0 0 1rem}.analysis-content{display:flex;flex-direction:column;gap:1rem}.analysis-item{padding:1rem;border-radius:.375rem;border-left:4px solid}.analysis-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.analysis-item-header i{font-size:1rem}.analysis-item-title{font-size:.875rem;font-weight:500}.analysis-item-description{font-size:.875rem;color:#4b5563;margin:0;line-height:1.5}.analysis-recommendations{font-size:.875rem;color:#4b5563;margin:0;padding-left:1rem;line-height:1.5}.analysis-recommendations li{margin-bottom:.25rem}.analysis-red{background-color:#fef2f2;border-left-color:#dc2626}.analysis-red .analysis-item-header i,.analysis-red .analysis-item-title{color:#dc2626}.analysis-orange{background-color:#fff7ed;border-left-color:#ea580c}.analysis-orange .analysis-item-header i,.analysis-orange .analysis-item-title{color:#ea580c}.analysis-yellow{background-color:#fefce8;border-left-color:#d97706}.analysis-yellow .analysis-item-header i,.analysis-yellow .analysis-item-title{color:#d97706}.analysis-green{background-color:#f0fdf4;border-left-color:#16a34a}.analysis-green .analysis-item-header i,.analysis-green .analysis-item-title{color:#16a34a}.analysis-blue{background-color:#eff6ff;border-left-color:#2563eb}.analysis-blue .analysis-item-header i,.analysis-blue .analysis-item-title{color:#2563eb}.analysis-gray{background-color:#f9fafb;border-left-color:#6b7280}.analysis-gray .analysis-item-header i,.analysis-gray .analysis-item-title{color:#6b7280}.analysis-card{background-color:#fff!important}.analysis-title{color:#1f2937!important}.analysis-item-description,.analysis-recommendations{color:#4b5563!important}.analysis-red{background-color:#fef2f2!important;border-left-color:#dc2626!important}.analysis-red .analysis-item-header i,.analysis-red .analysis-item-title{color:#dc2626!important}.analysis-orange{background-color:#fff7ed!important;border-left-color:#ea580c!important}.analysis-orange .analysis-item-header i,.analysis-orange .analysis-item-title{color:#ea580c!important}.analysis-yellow{background-color:#fefce8!important;border-left-color:#d97706!important}.analysis-yellow .analysis-item-header i,.analysis-yellow .analysis-item-title{color:#d97706!important}.analysis-green{background-color:#f0fdf4!important;border-left-color:#16a34a!important}.analysis-green .analysis-item-header i,.analysis-green .analysis-item-title{color:#16a34a!important}.analysis-blue{background-color:#eff6ff!important;border-left-color:#2563eb!important}.analysis-blue .analysis-item-header i,.analysis-blue .analysis-item-title{color:#2563eb!important}.analysis-gray{background-color:#f9fafb!important;border-left-color:#6b7280!important}.analysis-gray .analysis-item-header i,.analysis-gray .analysis-item-title{color:#6b7280!important}.action-buttons-section{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.action-button-large{padding:.75rem 1.5rem;border-radius:.375rem;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease;font-family:inherit;flex-shrink:0;white-space:nowrap}.action-button-large.primary{background-color:#8b5cf6;color:#fff}.action-button-large.primary:hover{background-color:#7c3aed}.action-button-large.primary-blue{background-color:#2563eb;color:#fff}.action-button-large.primary-blue:hover{background-color:#1d4ed8}.action-button-large.secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.action-button-large.secondary:hover{background-color:#f9fafb}.action-button-large i{font-size:.875rem}.action-button-large.primary{background-color:#8b5cf6!important;color:#fff!important}.action-button-large.primary:hover{background-color:#7c3aed!important}.action-button-large.primary-blue{background-color:#2563eb!important;color:#fff!important}.action-button-large.primary-blue:hover{background-color:#1d4ed8!important}.action-button-large.secondary{background-color:#fff!important;color:#374151!important;border-color:#d1d5db!important}.action-button-large.secondary:hover{background-color:#f9fafb!important}.voicemail-playback-page{padding:1.5rem}.voicemail-playback-container{max-width:56rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;min-height:100vh}.voicemail-playback-empty{text-align:center;padding:2rem;color:#6b7280}.voicemail-playback-empty button{margin-top:1rem;padding:.5rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:.375rem;cursor:pointer}.voicemail-playback-empty button:hover{background:#7c3aed}.transcript-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:1024px){.transcript-analysis-grid{grid-template-columns:1fr}}.settings-page{min-height:calc(100vh - 4rem);background-color:#f9fafb;padding:2rem}.settings-container{max-width:1200px;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.settings-title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.settings-subtitle{font-size:.875rem;color:#6b7280;margin:0}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-refresh:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-refresh i{font-size:.875rem}.settings-content{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.settings-section{padding:1rem;border-bottom:1px solid #e5e7eb}.settings-section:last-child{border-bottom:none}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1.5rem}.section-icon{color:#6b7280;font-size:1.25rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.setting-group{margin-bottom:0}.setting-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.setting-icon{width:1.25rem;height:1.25rem;color:#6b7280;flex-shrink:0}.volume-value{margin-left:auto;font-weight:500;color:#2563eb}.setting-select{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#111827;background-color:#fff;transition:all .15s ease;cursor:pointer}.setting-select:hover{border-color:#9ca3af}.setting-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.setting-slider{width:100%;height:1.25rem;background:transparent;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;position:relative}.setting-slider::-webkit-slider-runnable-track{width:100%;height:.5rem;border-radius:.25rem;background:#e5e7eb;border:none}.setting-slider::-moz-range-track{width:100%;height:.5rem;border-radius:.25rem;background:#e5e7eb;border:none}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;border:2px solid #2563eb;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .15s ease;margin-top:-.375rem;position:relative;z-index:2}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #2563eb4d}.setting-slider::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;border:2px solid #2563eb;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .15s ease;border:none;position:relative;z-index:2}.setting-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #2563eb4d}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:background-color .15s ease}.checkbox-label:hover{background-color:#f9fafb}.setting-checkbox{width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:.25rem;cursor:pointer;transition:all .15s ease;flex-shrink:0}.setting-checkbox:checked{background-color:#2563eb;border-color:#2563eb}.setting-checkbox:focus{outline:none;box-shadow:0 0 0 3px #2563eb1a}.checkbox-text{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151}.settings-footer{padding:2rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.btn-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;outline:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 6px -1px #2563eb4d}.btn-save:hover{box-shadow:0 6px 10px -1px #2563eb66;transform:translateY(-1px)}.btn-save:active{transform:translateY(0)}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-save:disabled:hover{transform:none}.btn-save i{font-size:.875rem}.registration-status{margin-top:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.status-label{font-size:.875rem;font-weight:600;color:#374151}.status-badge{display:flex!important;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;transition:all .15s ease}.status-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.status-registered{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.status-unregistered{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.status-connecting{background-color:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.status-spinner{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.settings-page{padding:1rem}.settings-header{flex-direction:column;gap:1rem}.btn-refresh{width:100%;justify-content:center}.settings-title{font-size:1.5rem}.settings-section{padding:1.5rem}.settings-grid{grid-template-columns:1fr}.settings-footer{padding:1.5rem}.btn-save{width:100%;justify-content:center}.registration-status{flex-direction:column;align-items:flex-start}.status-badge{width:100%;justify-content:center}}@media(max-width:640px){.settings-page{padding:.5rem}.settings-content{border-radius:.5rem}.settings-section{padding:1rem}.section-title{font-size:1rem}.settings-footer{padding:1rem}}.avatar-settings-row{display:flex;align-items:center;gap:2rem}.avatar-settings-preview{width:5rem;height:5rem;border-radius:50%;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.avatar-settings-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-settings-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem;color:#ffffffd9}.avatar-settings-controls{display:flex;flex-direction:column;gap:.625rem}.avatar-settings-file-input{display:none}.avatar-settings-choose-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;width:fit-content}.avatar-settings-choose-btn:hover{background:#f9fafb;border-color:#9ca3af}.avatar-settings-upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.375rem;background:#7c3aed;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s;width:fit-content}.avatar-settings-upload-btn:hover:not(:disabled){background:#6d28d9}.avatar-settings-upload-btn:disabled{opacity:.6;cursor:not-allowed}.avatar-settings-remove-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #fca5a5;border-radius:.375rem;background:#fff;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;width:fit-content}.avatar-settings-remove-btn:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.avatar-settings-remove-btn:disabled{opacity:.6;cursor:not-allowed}.avatar-settings-error{font-size:.8125rem;color:#ef4444;margin:0}.avatar-settings-hint{font-size:.8125rem;color:#9ca3af;margin:0}.integrations-page{padding:1.5rem;min-height:100vh}.integrations-container{max-width:48rem;margin:0 auto}.integrations-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.integration-section{margin-bottom:2rem}.integration-section:last-child{margin-bottom:0}.integration-section-title{font-size:1.125rem;font-weight:600;color:#4b5563;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.integration-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;margin-bottom:1rem;transition:background-color .2s ease}.integration-card:hover{background-color:#f9fafb}.integration-card:last-child{margin-bottom:0}.integration-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.integration-info{display:flex;align-items:center;gap:.75rem;flex:1}.integration-name{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0}.integration-status{display:flex;align-items:center}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge-enabled{background-color:#d1fae5;color:#065f46}.status-badge-disabled{background-color:#fee2e2;color:#991b1b}.integration-description{font-size:.875rem;color:#6b7280;margin:0;margin-top:.5rem}.integration-control{flex-shrink:0}.integration-settings{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.integration-input-group{display:flex;flex-direction:column;gap:.5rem}.integration-label{font-size:.875rem;font-weight:500;color:#374151;margin:0}.label-hint{font-weight:400;color:#6b7280;font-style:italic}.integration-input-wrapper{display:flex;gap:.5rem;align-items:center}.integration-input{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#1f2937;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.integration-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.integration-input::placeholder{color:#9ca3af}.integration-input:invalid{border-color:#ef4444}.integration-input:invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.integration-save-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#8b5cf6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.integration-save-button:hover:not(:disabled){background-color:#7c3aed}.integration-save-button:disabled{opacity:.6;cursor:not-allowed}.integration-save-button i{font-size:.875rem}.toggle-switch{position:relative;display:inline-flex;align-items:center;width:2.75rem;height:1.5rem;background-color:#e5e7eb;border-radius:1.5rem;border:none;cursor:pointer;transition:background-color .2s ease;padding:0;margin:0}.toggle-switch:hover{background-color:#d1d5db}.toggle-switch:focus{outline:none;box-shadow:0 0 0 3px #8b5cf633}.toggle-switch-knob{position:absolute;width:1.125rem;height:1.125rem;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .2s ease;left:.1875rem}.toggle-switch-on{background-color:#8b5cf6}.toggle-switch-on:hover{background-color:#7c3aed}.toggle-switch-on .toggle-switch-knob{transform:translate(1.25rem)}.toggle-switch-off{background-color:#e5e7eb}.toggle-switch-off .toggle-switch-knob{transform:translate(0)}body{background-color:#f9fafb!important}#root{background-color:#f9fafb;min-height:100vh}.call-controls-card,.customer-info,.call-notes,.quick-actions,.call-header{background-color:#fff!important}.page-card{transition:all .3s ease;border:2px solid transparent}.page-card:hover{border-color:#8b5cf6;background-color:#8b5cf61a;transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf626}.page-icon{color:#8b5cf6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.focus\:ring-purple-500:focus{--tw-ring-color: rgb(139 92 246 / .5)}.hover\:bg-purple-700:hover{background-color:#6d28d9}.hover\:bg-purple-50:hover{background-color:#faf5ff}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-track{background:#e5e7eb;height:8px;border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#8b5cf6;height:20px;width:20px;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-track{background:#e5e7eb;height:8px;border-radius:4px;border:none}input[type=range]::-moz-range-thumb{background:#8b5cf6;height:20px;width:20px;border-radius:50%;cursor:pointer;border:none}