body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.left-popup{background:#fff;box-shadow:0 10px 30px #0000001a;font-family:Segoe UI,sans-serif;font-family:Inter,sans-serif;padding:35px 25px;position:fixed;transition:height .3s ease,all .3s ease;width:290px;z-index:9999}.popup-header{margin-bottom:20px}.popup-header div{color:#1e293b;font-size:15px;font-weight:600;margin-bottom:4px}.popup-tabs{display:flex;gap:10px;margin-bottom:18px}.popup-tab{background:#f1f5f9;border:none;border-radius:8px;color:#0f172a;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;overflow:hidden;padding:10px 0;position:relative;transition:all .25s ease}.popup-tab:before{background-color:initial;content:"";height:100%;left:0;position:absolute;top:0;transition:background-color .3s;width:4px}.popup-tab.active:before{background-color:#0f766e}.popup-tab.active{background-color:#e0f2f1;color:#0f766e}.popup-content{color:#334155;display:flex;flex-direction:column;font-size:14px;justify-content:flex-start;min-height:220px}.form-group{margin-bottom:16px}.form-group label{color:#1e293b;display:block;font-weight:600;margin-bottom:6px}.form-control{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:14px;height:44px;padding:10px 12px;transition:border-color .3s;width:100%}.form-control.textarea{height:120px;overflow-y:auto;resize:none}.form-control:focus{border-color:#0f766e}.submit-button{background-color:#0f766e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:background-color .3s ease,transform .2s ease;width:100%}.submit-button:hover{background-color:#0d9488;transform:translateY(-1px)}.placeholder-text{background:#f8fafc;color:#64748b;padding:12px}.placeholder-text,.popup-toast{border-radius:8px;font-size:13px}.popup-toast{animation:fadeInPop .4s ease;background-color:#22c55e;box-shadow:0 4px 14px #22c55e33;left:24px;padding:10px 16px;position:absolute;top:16px;z-index:1001}@keyframes fadeInPop{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.popup-cancel{color:#64748b;cursor:pointer;font-size:20px;font-weight:700;position:absolute;right:20px;top:16px;transition:color .2s ease}.popup-cancel:hover{color:#ef4444}.call-history-list{max-height:300px;overflow-y:auto}.history-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:10px;padding:10px}.history-section{position:relative}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.history-header h4{font-size:16px;font-weight:600;margin:0}.history-clear-icon{color:#dc2626;cursor:pointer;font-size:16px;transition:transform .2s ease}.history-clear-icon:hover{transform:scale(1.2)}.popup-toast{animation:fadeInOut 2s ease-in-out;background-color:#4bb543;border-radius:6px;color:#fff;font-weight:700;padding:12px 24px;position:fixed;right:20px;top:20px;z-index:9999}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.loader-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9998}.spinner{animation:spin 1s linear infinite;border:6px solid #ccc;border-radius:50%;border-top-color:#4bb543;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blur-background{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.call-in-page{background:#fff;box-shadow:0 10px 30px #0000001a;font-family:Segoe UI,sans-serif;font-family:Inter,sans-serif;padding:70px 25px;position:fixed;transition:all .3s ease;width:290px;z-index:9999}.call-header{flex-direction:column;margin-bottom:24px}.call-header,.profile-circle{align-items:center;display:flex}.profile-circle{background-color:#0f766e;border:2px solid #0f766e;border-radius:50%;color:#fff;font-size:24px;font-weight:600;height:64px;justify-content:center;margin-bottom:12px;width:64px}.caller-info h2{color:#0f172a;font-size:18px;font-weight:600;margin:0;text-align:center}.caller-info p{color:#475569;font-size:14px;margin:4px 0 0;text-align:center}.call-status{align-items:center;background:#e0f2f1;border-radius:10px;color:#0f766e;display:flex;font-weight:600;justify-content:space-between;margin-bottom:28px;padding:10px 16px}.status-badge{background:#0f766e;border-radius:6px;color:#fff;font-size:13px;padding:4px 12px}.call-timer{font-size:14px;font-weight:600}.call-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.action-button{align-items:center;background:#0f766e;border:none;border-radius:10px;box-shadow:0 4px 14px #0f766e26;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:600;justify-content:center;padding:16px 0;transition:background-color .3s ease,transform .2s ease}.action-button:hover{background-color:#0d9488;transform:translateY(-2px)}.end-call-container{text-align:center}.end-call-button{background-color:#dc2626;border:none;border-radius:10px;box-shadow:0 4px 14px #dc262633;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:background-color .3s ease,transform .2s ease}.end-call-button:hover{background-color:#b91c1c;transform:translateY(-2px)}.call-in-layout{display:flex;gap:20px;padding-left:380px}.action-button svg{font-size:20px}.call-status-indicator{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 6px #0000000f;color:#0f172a;display:flex;font-size:12px;font-weight:500;left:10px;padding:4px 10px 4px 8px;position:absolute;top:10px;z-index:10000}.status-dot{display:inline-block;height:8px;margin-right:6px;width:8px}.status-dot.available{background-color:#10b981}.status-dot.in-call{background-color:#3b82f6}.status-dot.Dialling{background-color:#ef4444}.dialpad-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;font-family:Segoe UI,sans-serif;padding:60px 35px 25px 20px;position:fixed;top:50%;transform:translateY(-50%);width:290px}.logo-top-right{position:absolute;right:20px;top:16px;z-index:100}.logo-top-right img{cursor:pointer;height:auto;margin-top:5px;object-fit:contain;width:95px}.status-container{align-items:flex-start;display:flex;flex-direction:column;left:20px;position:absolute;top:16px;width:140px;z-index:100}.status-wrapper{align-items:center;background:#f5f5f5;border:1px solid #ccc;border-radius:5px;display:flex;gap:8px;margin-top:5px;padding:5px 3px;width:70%}.status-dot{border-radius:50%;box-shadow:0 0 0 2px #fff;height:10px;width:10px}.status-dot.available{background-color:#4caf50}.status-dot.busy{background-color:#e53935}.status-dot.offline{background-color:#9e9e9e}.status-dot.on-break{background-color:#ff9800}.status-select{-webkit-appearance:none;appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='gray' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:14px;border:none;color:#333;cursor:pointer;flex-grow:1;font-size:13px;outline:none}.dialpad-input-box{align-items:center;display:flex;gap:8px;margin-bottom:20px;position:relative}.country-selector{align-items:center;background:#f5f5f5;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;gap:6px;padding:8px 10px}.flag-icon{border-radius:2px;height:14px;width:20px}.input-with-icon{flex-grow:1;position:relative}.dialpad-input{border:1px solid #ccc;border-radius:8px;font-size:16px;padding:10px 14px;width:90%}.backspace-icon{color:#666;cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.country-dropdown{background:#fff;border:1px solid #ccc;border-radius:8px;left:0;max-height:240px;overflow-y:auto;position:absolute;top:60px;width:100%;z-index:10}.country-search{border:none;border-bottom:1px solid #eee;outline:none;padding:10px;width:100%}.country-option{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px}.country-option:hover{background-color:#f0f0f0}.dial-code{color:#666;font-size:13px}.dialpad-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:20px}.dial-button{background:#f3f3f3;border:none;border-radius:12px;cursor:pointer;font-size:20px;font-weight:700;padding:14px 0;transition:background .2s}.dial-button:hover{background:#e0e0e0}.dial-button small{color:#888;display:block;font-size:10px;margin-top:4px}.dialpad-actions{display:flex;justify-content:space-between;margin-top:20px}.call-button{align-items:center;background:#4caf50;color:#fff;display:flex;justify-content:center;margin-right:10px}.call-button,.clear-button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-weight:700;padding:10px 14px}.clear-button{background:#e0e0e0;color:#333}
/*# sourceMappingURL=main.4e574858.css.map*/