#app-sider{background-color:#fff;border-inline-end:1px solid #0505050f;padding-top:40px;width:250px!important;min-width:250px!important;max-width:250px!important}#app-sider-menu{height:calc(100vh - 64px);overflow:hidden;border-inline-end:none!important}#app-sider:hover #app-sider-menu{overflow-y:auto}#app-sider .top-menu-title{color:#aaa;text-align:left;width:100%;font-family:SegoeUI,Segoe UI,sans-serif;font-size:18px;line-height:normal;transition:color .3s}#app-sider .ant-menu-item-selected .top-menu-title{font-weight:600;color:#88b01e!important}#app-sider .top-menu-title span{align-items:center;display:inline-flex}#app-sider .top-menu-title img{object-fit:contain;flex-shrink:0;width:25px;height:32px;margin-right:15px;display:block}#app-sider .top-menu-title svg[class*=fa]{width:32px;margin-right:10px}#app-sider .ant-menu-item a{align-items:center;width:100%;text-decoration:none;display:flex}#app-sider .ant-menu-item a .menu-warning-title{color:#e51c23;justify-content:flex-end;width:100%;display:flex}#app-sider .ant-menu-item a .menu-warning-title>i{align-self:center;margin-right:0;font-size:1.2em;display:flex}.ant-menu-light .ant-menu-item{align-items:center;display:flex}.call-frame{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #d9d9d9;border-radius:8px;flex-direction:column;justify-content:space-between;width:360px;height:75vh;margin:0 auto;padding:20px;display:flex}.call-title{color:#333;margin-bottom:20px;font-size:25px;font-weight:500}.call-header{border-bottom:2px solid #8bc34a;margin-bottom:20px;padding-bottom:10px}.call-number{color:#333;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:28px;font-weight:500;line-height:1.2;overflow:hidden}.call-sub-target{color:#8c8c8c;letter-spacing:.5px;margin-top:4px;font-size:14px;font-weight:400}.call-status{color:#8c8c8c;margin-top:4px;font-size:15px}.call-timer{color:#777;margin-top:6px;font-size:16px}.call-divider{background-color:#e8e8e8;width:60%;height:1px;margin:12px auto}.call-held-party .held-name{color:#8c8c8c;font-size:20px}.call-held-party .held-status{color:#ff4d4f;font-size:13px;font-weight:500}.call-grid{flex-direction:column;align-items:center;gap:18px;display:flex}.call-row{justify-content:center;gap:26px;display:flex}.call-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;transition:all .2s;display:flex}.call-btn:hover:not(:disabled) img{filter:brightness(1.15)}.call-btn:active img{filter:brightness(.9)}.call-btn:disabled{opacity:.5;cursor:not-allowed}.call-icon{object-fit:contain;-webkit-user-select:none;user-select:none;width:75px;height:75px;margin-bottom:6px}.call-btn span{color:#7a7a7a;letter-spacing:.4px;margin-top:2px;font-size:9.5px}.endCallBtn{justify-content:center;margin-top:12px;display:flex}.endCallBtn button{box-shadow:0 2px 6px #0003;background-color:#ff2500!important;border:none!important;border-radius:50%!important;width:72px!important;height:72px!important}.endCallBtn button:hover{background-color:#ff4d4f!important}.incoming-modal .ant-modal-content{box-shadow:none;background:0 0;border:none}.call-party-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.incoming-modal .call-sub-target{color:#8c8c8c;margin-bottom:15px}.call-frame.incomingCall{text-align:center;background:#fff;border:1px solid #8bc34a;border-radius:10px;width:100%;max-width:500px;height:auto;max-height:260px;padding:24px 20px}.call-frame.incomingCall h2{margin-bottom:12px;font-size:18px}.call-party{color:#444;margin-bottom:20px;font-size:15px}.call-buttons{justify-content:center;gap:40px;margin-top:30px;display:flex}.accept-btn,.reject-btn{box-shadow:0 4px 10px #00000026;justify-content:center!important;align-items:center!important;width:56px!important;height:56px!important;display:flex!important}.reject-btn{background-color:#ff4d4f!important}.accept-btn{background-color:#52c41a!important}.reject-btn .anticon,.accept-btn .anticon{margin-right:6px;font-size:18px}@media (width<=1024px){.call-frame{width:320px;height:70vh;padding:24px 16px}.call-icon{width:68px;height:68px}.call-btn span{font-size:9px}.endCallBtn button{width:64px!important;height:64px!important}}@media (width<=768px){.call-frame{width:90%;max-width:300px;height:auto;margin:24px auto;padding:20px 14px}.call-grid{gap:14px}.call-row{gap:18px}.call-icon{width:60px;height:60px}.endCallBtn button{width:60px!important;height:60px!important}.call-btn span{font-size:8.5px}}@media (width<=480px){.call-frame{width:94%;height:auto;margin:20px auto;padding:16px 10px}.call-header{margin-bottom:14px}.call-icon{width:52px;height:52px}.call-btn span{font-size:8px}.endCallBtn button{width:54px!important;height:54px!important}.call-buttons{gap:24px}}.dtmf-container{flex-direction:column;align-items:center;width:100%;display:flex}.dtmf-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.dtmf-btn{cursor:pointer;background:0 0;border:none;justify-content:center;padding:0;display:flex}.dtmf-btn img{object-fit:contain;width:65px;height:65px}.dtmf-btn:active img{filter:brightness(.8)}.dtmf-hide-row{margin-top:10px}.dtmf-back-btn{color:#8bc34a;cursor:pointer;background:0 0;border:none;padding:10px 20px;font-size:16px;font-weight:500;text-decoration:underline}.dtmf-back-btn:hover{color:#689f38}@media (width<=480px){.dtmf-btn img{width:55px;height:55px}}#main-layout{background-color:#f5f7fa;flex-direction:column;min-width:320px;height:100vh;display:flex;overflow:hidden}#header-container{z-index:10;background-color:#fff;border-bottom:1px solid #b5b8bc;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00000014}#header-logo{align-items:center;gap:10px;display:flex}#header-logo img{height:32px}#header-logo .titleText{color:#333;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:20px}#header-title{flex:1;justify-content:flex-end;align-items:center;display:flex}#content-layout{background-color:#fff;flex:1;display:flex;overflow:hidden}#content-container{box-sizing:border-box;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0;display:flex;overflow-y:auto}#content-container::-webkit-scrollbar{width:6px}#content-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}#login-frame{align-items:center;min-height:100vh;display:flex}#login-frame .container{justify-content:center;width:100%;display:flex}#login-frame .left{text-align:left;width:632px;margin-top:calc(50dvh - 279.5px);margin-bottom:calc(50dvh - 279.5px);margin-right:90px}#login-frame .left .logo-area{justify-content:flex-start;height:60px;margin-top:30px;margin-bottom:53px;display:flex}#login-frame .left .logo-area .titleText{box-sizing:border-box;color:#333;text-align:left;background-color:#fff0;height:48px;margin-top:6px;margin-left:11px;font-family:Noto Sans TC,sans-serif;font-size:36px;line-height:normal}#login-frame .right{text-align:right;box-sizing:border-box;background-color:#fff;border:1px solid #e0dde2;border-radius:18px;width:531px;height:559px;margin-top:calc(50dvh - 279.5px);margin-bottom:calc(50dvh - 279.5px);padding:2px;box-shadow:4px 4px 4px #0000001a}.login-form-item>label{box-sizing:border-box;color:#333;text-align:left;background-color:#fff0;height:27px;font-family:Noto Sans TC,sans-serif;font-size:20px;line-height:normal}.send-activation-code-btn{box-sizing:border-box;color:#fff;text-align:center;background-color:#80c343fc;border-radius:5px;width:110px;height:34px;padding:2px;font-family:Noto Sans TC,sans-serif;font-size:16px;line-height:normal}.activation-btn{box-sizing:border-box;color:#fff;text-align:center;background-color:#80c343fc;border-radius:22px;width:178px;height:51px;padding:2px;font-family:Noto Sans TC,sans-serif;font-size:20px;line-height:normal}#webcall-frame{justify-content:center;align-items:center;display:flex}#webcall-frame .container{box-sizing:border-box;text-align:center;background-color:#fff;border:1px solid #797979;flex-direction:column;justify-content:space-between;align-items:center;width:360px;height:88vh;margin:5vh;padding:62px 2px 32px;display:flex}#webcall-frame .desText{box-sizing:border-box;color:#333;width:286px;font-family:Noto Sans TC,sans-serif;font-size:24px;line-height:normal}#webcall-frame .hintText{box-sizing:border-box;color:#333;width:314px;font-family:Noto Sans TC,sans-serif;font-size:14px;line-height:normal}#webcall-frame .durationText{box-sizing:border-box;color:#797979;font-family:Noto Sans TC,sans-serif;font-size:18px;line-height:normal}#webcall-frame .endText{box-sizing:border-box;color:#333;font-family:Noto Sans TC,sans-serif;font-size:20px;line-height:normal}#webcall-frame .callBtn_background{box-sizing:border-box;background-color:#72bb00;width:80px;height:80px;padding:2px}#webcall-frame .callBtn_background:disabled{background-color:#797979}#webcall-frame .callBtn{width:32px;height:32px}#webcall-frame .endBtn_background{box-sizing:border-box;background-color:#ff2500;width:54px;height:54px;margin:3px 10px}#webcall-frame .endBtn{box-sizing:border-box;width:32px;height:16px}#webcall-frame .number{box-sizing:border-box;background-color:#fff;border:1px solid #797979;width:54px;height:54px;margin:3px 10px;font-family:Noto Sans TC,sans-serif;font-size:35px;font-weight:700;line-height:normal}#webcall-frame .number:hover,#webcall-frame .number:focus{color:#333}#webcall-frame .muteBtn_background{box-sizing:border-box;background-color:#fff;border:1px solid #72bb00;width:54px;height:54px;margin:3px 10px}#webcall-frame .muteBtn{color:#72bb00;font-size:20px}#webcall-frame .unmuteBtn_background{box-sizing:border-box;background-color:#72bb00;border:1px solid #72bb00;width:54px;height:54px;margin:3px 10px}#webcall-frame .unmuteBtn{color:#fff;font-size:20px}#webcall-frame .invisibleBtn:disabled{box-sizing:border-box;cursor:default;background-color:#fff0;border:#fff0;width:54px;height:54px;margin:3px 10px}.dialer-frame{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #d9d9d9;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:stretch;width:360px;max-width:400px;height:auto;min-height:500px;margin:20px auto;padding:20px;display:flex}.dialer-title{color:#333;margin-bottom:20px;font-size:25px;font-weight:500}.dialer-header{border-bottom:2px solid #8bc34a;padding-bottom:10px}.dialer-input-field{color:#333;box-sizing:border-box;border:1px solid #d7d7d7;width:100%;height:40px;padding:2px 8px;font-size:18px}.dialer-grid{grid-template-rows:repeat(5,70px);grid-template-columns:repeat(3,70px);place-content:center;gap:10px;display:grid}.dialer-btn{box-shadow:none;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:0;transition:transform .1s;display:flex}.dialer-btn:hover{filter:brightness(1.05)}.dialer-icon{object-fit:contain;-webkit-user-select:none;user-select:none;width:70px;height:70px;display:block}.dialer-call-btn{box-shadow:none;cursor:pointer;background:0 0;border:none;grid-column:2/3;justify-content:center;align-items:center;padding:0;line-height:0;transition:transform .1s;display:flex}.dialer-call-btn:hover{transform:scale(1.05)}.dialer-call-icon{object-fit:contain;-webkit-user-select:none;user-select:none;width:70px;height:70px;display:block}@media (width<=1024px){.dialer-frame{width:320px;height:auto;padding:24px 16px}.dialer-icon{width:68px;height:68px}.dialer-call-icon{width:64px!important;height:64px!important}}@media (width<=768px){.dialer-frame{width:90%;max-width:300px;height:auto;margin:24px auto;padding:20px 14px}.dialer-grid{gap:14px}.dialer-icon{width:60px;height:60px}.dialer-call-icon{width:60px!important;height:60px!important}}@media (width<=480px){.dialer-frame{width:94%;height:auto;margin:20px auto;padding:16px 10px}.dialer-header{margin-bottom:14px}.dialer-icon{width:52px;height:52px}.dialer-call-icon{width:54px!important;height:54px!important}.dialer-buttons{gap:24px}}.contact-layout-container{background-color:#f5f5f5;width:100%;height:calc(100vh - 64px);display:flex;overflow:auto hidden}.contact-list-panel{background:#fff;border-right:1px solid #f0f0f0;flex-direction:column;flex-shrink:0;width:350px;display:flex}.contact-list-item{cursor:pointer;border-bottom:1px solid #f9f9f9;padding:12px 16px;transition:background .2s}.contact-list-item:hover{background-color:#fafafa}.contact-list-item.active{background-color:#e6f7ff;border-right:3px solid #1890ff}.contact-desc{color:#8c8c8c;margin-top:4px;font-size:12px}.contact-detail-panel{background:#fff;flex-direction:column;flex:1;min-width:400px;padding:24px;display:flex;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-actions{justify-content:center;gap:12px;display:flex}@media (width<=768px){.contact-layout-container{flex-direction:column;height:auto;overflow:hidden auto}.contact-list-panel{width:100%;height:300px}.contact-detail-panel{min-width:auto;padding:16px}}.calllog-layout-container{background-color:#f5f5f5;width:100%;height:calc(100vh - 64px);display:flex;overflow:auto hidden}.calllog-list-panel{background:#fff;border-right:1px solid #f0f0f0;flex-direction:column;flex-shrink:0;width:350px;display:flex}.list-header{background:#fff;border-bottom:1px solid #f0f0f0;padding:16px}.list-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.list-scroll-area{flex:1;overflow-y:auto}.calllog-list-item{cursor:pointer;border-bottom:1px solid #f9f9f9;padding:12px 16px;transition:background .2s}.calllog-list-item:hover{background-color:#fafafa}.calllog-list-item.active{background-color:#e6f7ff;border-right:3px solid #1890ff}.status-icon{object-fit:contain;flex-shrink:0;width:14px;height:14px;margin-right:2px}.calllog-desc{color:#8c8c8c;align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.calllog-detail-panel{background:#fff;flex-direction:column;flex:1;min-width:400px;padding:24px;display:flex;overflow-y:auto}.detail-content-wrapper{width:100%;max-width:800px;margin:0 auto;animation:.3s fadeIn}.detail-header{text-align:center;border-bottom:1px solid #f0f0f0;margin-bottom:32px;padding-bottom:24px}.detail-avatar{margin-bottom:16px;box-shadow:0 4px 12px #0000001a}.detail-info-grid{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.info-item-group{flex-direction:column;gap:12px;display:flex}.info-item{background:#fafafa;border:1px solid #0000;border-radius:8px;align-items:center;padding:20px;transition:all .2s;display:flex}.info-item:hover{background:#fff;border-color:#d9d9d9;box-shadow:0 2px 8px #0000000d}.info-text{flex:1}.info-icon{color:#1890ff;margin-top:2px;margin-right:16px;font-size:20px}.info-value{color:#262626;word-break:break-all;margin-top:2px;font-size:15px}.empty-state{color:#bfbfbf;justify-content:center;align-items:center;height:100%;display:flex}.btn-call-custom{cursor:pointer;background-image:var(--img-normal);flex-shrink:0;line-height:0;display:inline-block;width:40px!important;height:40px!important;box-shadow:none!important;background-color:#0000!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border:none!important;padding:0!important}.btn-call-custom:active{background-image:var(--img-press)!important}.btn-call-custom:disabled,.btn-call-custom.ant-btn-disabled{cursor:not-allowed;background-image:var(--img-disable)!important;opacity:1!important}.btn-call-custom:after{display:none!important}@media (width<=768px){.calllog-layout-container{flex-direction:column;height:auto;overflow:hidden auto}.calllog-list-panel{width:100%;height:300px}.calllog-detail-panel{min-width:auto;padding:16px}}.dnd-page{background:#fff;min-height:100%;padding:24px 32px}.dnd-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.header-text{flex-direction:column;display:flex}.setting-section{margin-top:32px;animation:.3s ease-out dndFadeIn}.section-title{color:#8c8c8c;margin-bottom:16px;font-size:13px;display:block}.dnd-container{color:#333;animation:.4s ease-out dndFadeIn}@keyframes dndFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.device-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.device-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .2s}.device-card.active{background-color:#f0f7ff;border-color:#007aff;box-shadow:0 4px 12px #007aff1a}.config-card{background:#f9f9f9;border:1px solid #eee;border-radius:16px;padding:24px}.day-pill{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;width:40px;height:40px;font-size:13px;transition:all .2s}.day-pill.active{color:#fff;background:#007aff;border-color:#007aff}.day-pill:disabled{opacity:.2;cursor:not-allowed;background:#eee}.schedule-row{background:#fff;border:1px solid #eee;border-radius:8px;align-items:center;margin-bottom:8px;padding:10px 16px;display:flex}.schedule-day-group{align-items:center;margin-right:8px;display:flex}.schedule-day-btn{color:#8c8c8c;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:4px;font-size:11px;transition:all .2s;display:flex}.schedule-day-btn.active{color:#fff;background:#007aff;border-color:#007aff}.dnd-select,.dnd-input{background:#f5f5f5;border:1px solid #eee;border-radius:4px;padding:4px;font-size:13px}html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}#root{text-align:left;width:100%;height:100vh;margin:0;padding:0}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}