.telephony-drawer .ant-drawer-content{overflow:hidden;border-radius:16px 0 0 16px}.telephony-drawer .ant-drawer-body{padding:0;height:100%;background:var(--nakora-bg)}.telephony-drawer .ant-tabs{height:100%;display:flex;flex-direction:column}.telephony-drawer .ant-tabs-content-holder{flex:1;overflow-y:auto;background:var(--headerNakora-bg);box-shadow:0 2px 8px rgba(0,0,0,.06)}.telephony-drawer .ant-tabs-tabpane{height:100%;overflow-y:auto}.telephony-tabs .ant-tabs-nav{margin:0!important;padding:8px!important;background:var(--nakora-bg)}.telephony-tabs .ant-tabs-nav-list{width:100%!important;display:flex!important;justify-content:space-between!important;gap:4px!important}.telephony-tabs .ant-tabs-tab{flex:1!important;margin:0!important;padding:8px 4px!important;min-width:0!important;max-width:none!important;text-align:center!important;border-radius:8px 8px 0 0!important;font-weight:500!important;transition:all .3s ease!important;background:hsla(0,0%,100%,.3)!important;border:1px solid hsla(0,0%,100%,.2)!important}.telephony-tabs .ant-tabs-tab+.ant-tabs-tab{margin-left:0!important}.telephony-tabs .ant-tabs-tab-btn{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;font-size:12px!important;line-height:1.2!important;padding:0!important;height:auto!important;min-height:60px!important}.telephony-tabs .ant-tabs-tab-active{background:var(--headerNakora-bg)!important;border-bottom:3px solid var(--headerNakora-bg)!important;color:#333!important;border-color:var(--headerNakora-bg)!important}.telephony-tabs .ant-tabs-tab-active .ant-tabs-tab-btn,.telephony-tabs .ant-tabs-tab-active .anticon,.telephony-tabs .ant-tabs-tab-active span{color:#333!important}.telephony-tabs .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:hsla(0,0%,100%,.6)!important;transform:translateY(-1px)!important}.telephony-tabs .ant-tabs-nav-wrap{width:100%!important}.telephony-tabs .ant-tabs-ink-bar{display:none!important}.telephony-floating-btn{transition:all .5s cubic-bezier(.4,0,.2,1)}.telephony-drawer .avatar-uploader .ant-upload{border:none!important;background:transparent!important}.telephony-drawer .avatar-uploader .ant-upload:hover{border:none!important}.profile-stats-card{transition:all .3s ease}.profile-stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.telephony-floating-btn:hover{transform:translateX(-8px) scale(1.05);box-shadow:0 12px 32px rgba(75,159,159,.4)}.telephony-gradient-button,.telephony-phone-button{background:linear-gradient(135deg,var(--primary) 0,var(--headerNakora-bg) 100%)}.telephony-phone-button{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.telephony-phone-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--headerNakora-bg) 0,var(--primary) 100%);opacity:0;transition:opacity .3s ease}.telephony-phone-button:hover:before{opacity:1}.telephony-phone-button:hover{transform:translateX(-4px) scale(1.02);box-shadow:0 8px 25px rgba(75,159,159,.3)}.telephony-input-field{background-color:var(--headerNakora-bg)!important;border-color:var(--primary)!important;transition:all .3s ease}.telephony-input-field:hover{box-shadow:0 4px 12px rgba(75,159,159,.15);border-color:var(--primary-hover)!important}.telephony-input-field:focus{box-shadow:0 0 0 2px rgba(75,159,159,.2);border-color:var(--primary)!important}.telephony-call-button{background:var(--headerNakora-bg)!important;border-color:var(--primary)!important;color:var(--primary)!important;transition:all .3s ease}.telephony-call-button:hover{background:var(--primary)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(75,159,159,.3)}.telephony-call-button:disabled{background:var(--border-color)!important;border-color:var(--border-color)!important;color:#9ca3af!important}.telephony-call-button:disabled:hover{transform:none;box-shadow:none}.ant-layout-content .telephony-drawer .ant-drawer-content-wrapper,.ant-layout-content .telephony-drawer .ant-drawer-mask{position:absolute!important}.ant-layout-content{position:relative!important}.telephony-drawer,.telephony-drawer .ant-drawer-mask{z-index:900!important}.telephony-drawer .ant-drawer-content-wrapper{z-index:901!important}.numeric-keypad-button{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border-radius:4px!important;border:1px solid #e0e0e0!important;box-shadow:0 2px 4px rgba(0,0,0,.08)}.numeric-keypad-button.active-key{transform:translateY(2px) scale(.98);background-color:#e6f7ff!important;border-color:#91caff!important;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.numeric-keypad-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(75,159,159,.1);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.numeric-keypad-button{transition:all .2s ease!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.numeric-keypad-button:hover{transform:translateY(-2px)!important;box-shadow:0 4px 8px rgba(0,0,0,.15)!important;border-color:#1890ff!important}.numeric-keypad-button.active-key,.numeric-keypad-button:active{transform:translateY(0)!important;box-shadow:0 1px 2px rgba(0,0,0,.1)!important;background-color:#e6f7ff!important;border-color:#1890ff!important}.numeric-keypad-button span{user-select:none;pointer-events:none}.grid-keypad{display:grid;grid-template-rows:repeat(5,70px);grid-template-columns:repeat(3,1fr);width:100%;max-width:none;height:350px;margin:0;border:1px solid #dcdcdc;background-color:#f4f4f4;overflow:hidden}.grid-keypad-row{display:contents}.grid-keypad-button{border:1px solid #dcdcdc;border-top:none;border-left:none;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .1s ease;color:#333;font-weight:500;user-select:none;padding:0;margin:0;font-size:20px}.grid-keypad-button:nth-child(3n){border-right:none}.grid-keypad-button:nth-child(n+13){border-bottom:none}.grid-keypad-button:hover{background-color:#eee}.grid-keypad-button.active-key{background-color:#e0e0e0}.grid-keypad-button.action-button{font-weight:500}.grid-keypad-button.video-button{background-color:#e3f2fd;color:#1976d2}.grid-keypad-button.video-button:hover{background-color:#bbdefb;color:#1565c0}.grid-keypad-button.audio-button{background-color:#e8f5e8;color:#388e3c}.grid-keypad-button.audio-button:hover{background-color:#c8e6c9;color:#2e7d32}.grid-keypad-button.delete-button{background-color:#ffebee;color:#d32f2f}.grid-keypad-button.delete-button:hover{background-color:#ffcdd2;color:#c62828}.ant-input.text-center::placeholder{text-align:center!important;color:#999!important;font-weight:400!important}.ant-input.text-center{text-align:center!important}.telephony-sidebar .ant-input.text-center::placeholder{text-align:center!important}.telephony-sidebar .ant-input.text-center{text-align:center!important}.telephony-sidebar .ant-tabs-tabpane .ant-input.text-center::placeholder{text-align:center!important;transform:translateX(0)!important}.telephony-sidebar .ant-tabs-tabpane .ant-input.text-center{text-align:center!important}div.telephony-sidebar div.ant-tabs-tabpane input.ant-input.text-center::placeholder{text-align:center!important;color:#999!important;font-weight:400!important}div.telephony-sidebar div.ant-tabs-tabpane input.ant-input.text-center{text-align:center!important}.telephony-sidebar .ant-tabs-tabpane input.ant-input.text-center.font-mono::placeholder,.telephony-sidebar .ant-tabs-tabpane-active input.ant-input::placeholder{text-align:center!important;width:100%!important;display:block!important;color:#999!important}.telephony-sidebar .ant-tabs-tabpane input.ant-input.text-center.font-mono,.telephony-sidebar .ant-tabs-tabpane-active input.ant-input{text-align:center!important}.phone-input-centered::placeholder{text-align:center!important;color:#999!important;position:relative!important;left:0!important;transform:none!important}.phone-input-centered{text-align:center!important}input.ant-input.text-center.phone-input-centered::placeholder{text-align:center!important;color:#999!important;width:100%!important}input.ant-input.text-center.phone-input-centered{text-align:center!important}.camera-profile-btn{transition:all .3s ease}.camera-profile-btn:hover{background:var(--primary-hover)!important;transform:scale(1.1);box-shadow:0 8px 16px rgba(0,0,0,.2)}.volume-control{margin-bottom:2rem!important}.volume-control .ant-slider{margin:0}.volume-control .ant-slider-track{background-color:#10b981!important;height:6px;border-radius:3px}.volume-control .ant-slider-rail{height:6px;border-radius:3px;background-color:#e5e7eb}.volume-control .ant-slider-handle{width:18px!important;height:18px!important;border:2px solid #10b981!important;opacity:1!important;transition:all .2s ease!important;background-color:#fff!important;box-shadow:none!important;outline:none!important}.volume-control .ant-slider-handle:hover{transform:scale(1.2)!important;border-color:#10b981!important;box-shadow:none!important}.volume-control .ant-slider-handle-clicked,.volume-control .ant-slider-handle-dragging,.volume-control .ant-slider-handle:active,.volume-control .ant-slider-handle:focus{box-shadow:none!important;border-color:#10b981!important;outline:none!important}.volume-control .ant-slider-handle-click-focused:after,.volume-control .ant-slider-handle-dragging:after,.volume-control .ant-slider-handle:active:after,.volume-control .ant-slider-handle:focus:after,.volume-control .ant-slider-handle:hover:after{display:none!important;box-shadow:none!important;border:none!important;outline:none!important}.volume-control .ant-slider-handle-click-focused:before,.volume-control .ant-slider-handle-dragging:before,.volume-control .ant-slider-handle:active:before,.volume-control .ant-slider-handle:focus:before,.volume-control .ant-slider-handle:hover:before{display:none!important}.ant-tooltip.ant-slider-tooltip{z-index:9999}.audio-bar{transition:height .1s ease-in-out,opacity .3s ease}.volume-mute-btn{transition:all .3s ease}.volume-mute-btn.muted{color:#ef4444!important;background-color:rgba(239,68,68,.1)}.volume-mute-btn:hover{transform:scale(1.1)}.volume-level-low .ant-slider-track{background-color:#4ade80!important}.volume-level-medium .ant-slider-track{background-color:#22c55e!important}.volume-level-high .ant-slider-track{background-color:#10b981!important}.ant-slider:hover .ant-slider-rail{background-color:#e5e7eb!important}.ant-slider:hover .ant-slider-track{background-color:#10b981!important}.ant-slider:focus{box-shadow:none!important;outline:none!important}.ant-slider:focus-visible{box-shadow:none!important;outline:none!important}.numeric-keypad-button:hover:before{width:120%;height:120%}.numeric-keypad-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.numeric-keypad-button:active{transform:translateY(0) scale(.98)}.contact-list-item{transition:all .3s ease;border-radius:12px;margin:4px 0}.contact-list-item:hover{background:linear-gradient(135deg,rgba(75,159,159,.08),rgba(147,197,253,.05));transform:translateX(4px);box-shadow:0 4px 12px rgba(75,159,159,.1)}.video-call-area{position:relative;background:linear-gradient(135deg,var(--primary) 0,#2d7a7a 100%);border-radius:0 0 12px 12px;border-top-left-radius:0!important;border-top-right-radius:0!important;overflow:hidden}.video-call-area .absolute.top-4.left-4,.video-call-area .absolute.top-4.right-4{z-index:9999!important;pointer-events:auto!important}.video-call-area .absolute.top-4.left-4 button,.video-call-area .absolute.top-4.right-4 button{z-index:9999!important;pointer-events:auto!important;position:relative;background:rgba(0,0,0,.7)!important;backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.1)!important;box-shadow:0 2px 8px rgba(0,0,0,.3)}#video-remote{background:#1a1a1a;border-radius:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}#video-local{background:#2a2a2a;border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.3)}#video-remote-container{position:relative;overflow:hidden;border-radius:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important;pointer-events:none}#video-remote-container video{position:absolute;top:0;left:0;width:100%!important;height:100%!important;object-fit:cover;z-index:1;pointer-events:none;transition:none!important}#video-local[srcObject]:not([srcObject=null]),#video-local[src],#video-remote[srcObject]:not([srcObject=null]),#video-remote[src]{visibility:visible!important;opacity:1!important;display:block!important}#video-remote-container:has(#video-remote[srcObject]:not([srcObject=null])) .text-center{display:none!important}#video-remote-container #video-remote[srcObject]:not([srcObject=null]){visibility:visible!important;opacity:1!important;display:block!important;z-index:10!important}.pip-self-view:has(#video-local[srcObject]:not([srcObject=null])) .pip-placeholder{display:none!important}.pip-self-view #video-local[srcObject]:not([srcObject=null]){visibility:visible!important;opacity:1!important;display:block!important;z-index:10!important}.fixed.inset-0.z-50 #video-local,.fixed.inset-0.z-50 #video-remote,.fixed.inset-0.z-50 #video-remote-container video{visibility:visible!important;opacity:1!important;display:block!important;pointer-events:none!important}.fixed.inset-0.z-50 .pip-self-view video{visibility:visible!important;opacity:1!important;display:block!important}.video-call-container .absolute.top-4.right-4,.video-call-container .absolute.top-4.right-4 button{z-index:9999!important;pointer-events:auto!important}.fullscreen-call-container #video-local,.fullscreen-call-container #video-remote{visibility:visible!important;opacity:1!important;display:block!important;pointer-events:none!important}.fullscreen-call-container #video-remote-container{background:transparent!important;pointer-events:none!important}.fullscreen-call-container #video-remote-container #video-remote,.fullscreen-call-container #video-remote-container video{visibility:visible!important;opacity:1!important;display:block!important;background:#000!important;pointer-events:none!important;z-index:10!important}.fullscreen-call-container #video-remote-container .text-center{display:none!important}.fullscreen-call-container .pip-self-view{pointer-events:auto!important}.fullscreen-call-container .pip-self-view #video-local,.fullscreen-call-container .pip-self-view video{visibility:visible!important;opacity:1!important;display:block!important}.fullscreen-call-container .pip-self-view .pip-placeholder{display:none!important}.fullscreen-call-container .pip-self-view #video-local[srcObject]:not([srcObject=null]){visibility:visible!important;opacity:1!important;display:block!important;z-index:50!important}.fullscreen-call-container .absolute.top-4.left-4,.fullscreen-call-container .absolute.top-4.right-4{z-index:9999!important;pointer-events:auto!important}.fullscreen-call-container .absolute.top-4.left-4 button,.fullscreen-call-container .absolute.top-4.right-4 button{z-index:9999!important;pointer-events:auto!important;background:rgba(0,0,0,.8)!important;backdrop-filter:blur(8px)!important;box-shadow:0 4px 12px rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.15)!important}.fullscreen-call-container{position:relative;width:100%;height:100vh}.fullscreen-call-container #video-remote-container{background:#000!important;z-index:1!important}.fullscreen-call-container #video-remote,.fullscreen-call-container #video-remote-container{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.fullscreen-call-container #video-remote{object-fit:contain!important;visibility:visible!important;opacity:1!important;display:block!important;z-index:10!important}.fullscreen-call-container .pip-self-view{position:fixed!important;bottom:20px!important;right:20px!important;width:200px!important;height:150px!important;z-index:100!important}.fullscreen-call-container .pip-self-view #video-local{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:8px!important;visibility:visible!important;opacity:1!important;display:block!important}#video-local,#video-remote{transition:none!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}.contact-selection-modal .ant-modal-content{border-radius:12px;overflow:hidden}.contact-selection-modal .ant-modal-header{background:linear-gradient(135deg,var(--primary) 0,var(--headerNakora-bg) 100%);padding:16px 24px;border-bottom:1px solid #e2e8f0}.contact-selection-modal .ant-modal-title{color:#fff;font-weight:600}.contact-selection-modal .ant-modal-body{padding:20px}.contact-selection-modal .ant-modal-footer{border-top:1px solid #e2e8f0;padding:12px 24px}.selected-contact-chip{transition:all .2s ease}.selected-contact-chip:hover{background-color:#e6f7ff;border-color:#91caff}.contact-item{transition:all .2s ease}.contact-item:hover{background-color:#f0f9ff;border-color:#bae6fd;transform:translateX(4px)}@keyframes pipFadeIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pipInteraction{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes callPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(239,68,68,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:300px}}.audio-controls-collapsed .audio-controls-expanded{animation:slideDown .2s ease-out;overflow:hidden}.audio-controls-collapsed button{transition:all .2s ease}.audio-controls-collapsed button:hover{transform:translateY(-1px)}.audio-controls-collapsed .anticon{transition:transform .2s ease}.audio-controls-collapsed button:hover .anticon:last-child{transform:scale(1.1)}.group-call-title{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.participants-button{border:1px solid #e5e7eb;transition:all .2s ease}.participants-button:hover{border-color:#10b981;color:#10b981;transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.1)}@keyframes gear-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.settings-gear-btn:hover .anticon{animation:gear-spin .6s ease-in-out}.pip-self-view #video-local{transition:all .3s ease-in-out}.pip-self-view:has(#video-local) .pip-placeholder{display:none!important}.pip-self-view.pip-dragging{transition:none!important;z-index:9999}.pip-self-view #video-local{opacity:1!important;visibility:visible!important;pointer-events:auto}