@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&display=swap";.softphone-container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:8px;width:90%;margin:5% auto;box-shadow:0 4px 8px #0000001a;background-color:#fff;transition:box-shadow .3s ease}.softphone-container input[type=button]{display:flex;justify-content:center;width:100%;font-size:1.2em;align-items:center;background-color:#192d3e;color:#fff;border:none;padding:3%;border-radius:4px;cursor:pointer;flex-wrap:wrap;transition:background-color .3s ease,transform .3s ease}.softphone-container input[type=button]:hover{background-color:#1f4055;transform:translateY(-2px)}.footer{text-align:center;padding:10px 0;position:relative;width:100%;margin-bottom:5%}.attendance-to-call{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:8px;width:90%;margin:5% auto;box-shadow:0 4px 8px #0000001a;background-color:#fff;transition:box-shadow .3s ease}.attendance-to-call:hover{box-shadow:0 8px 16px #0003}.attendance-to-call h4{margin:2%;font-size:1.3em;color:#213547;text-align:center}.btncall-container{display:flex;width:90%;margin:5% 0}.btncall-container input[type=button]{display:flex;flex-direction:column;justify-content:center;width:100%;font-size:1.2em;align-items:center;background-color:#192d3e;color:#fff;border:none;padding:3%;border-radius:4px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.btncall-container input[type=button]:hover{background-color:#1f4055;transform:translateY(-2px)}.photo{display:flex;align-items:center;justify-content:center;margin-bottom:5%}.photo img{width:35%;border-radius:50%;box-shadow:0 0 10px #192d3e80;transition:box-shadow .3s ease}.photo img:hover{box-shadow:0 0 15px #192d3e84;scale:1.01}.contact-data{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:left;width:80%;margin:1% auto;border:1px solid #ccc;border-radius:8px;padding:10px;background-color:#f9f9f9}.contact-data p{width:90%;margin:2% auto;font-size:1em;color:#213547}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:20px;width:90%;max-width:400px;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.modal-header h2{margin:0;color:#333}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#333}.config-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:700;color:#333;font-size:14px}.form-group input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus{outline:none;border-color:#1f4055;box-shadow:0 0 0 2px #1f405540}.form-actions{margin-top:20px;display:flex;justify-content:flex-end}.save-button{background-color:#1f4055;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:#163242}.save-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.config-button{position:fixed;bottom:10%;left:5%;background-color:#1f4055;color:#fff;border:none;padding:10px 15px;border-radius:50px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 2px 4px #0003;z-index:100}.config-button:hover{background-color:#163242}.phone-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;border:1px solid #ccc;border-radius:8px;margin:5% auto;box-shadow:0 4px 8px #0000001a;background-color:#fff;transition:box-shadow .3s ease}.phone-container:hover{box-shadow:0 8px 16px #0003}.phone-container h4{margin:4% 0 0;padding:0;font-size:1.3em;color:#213547}.phone-container input[type=text]{width:80%;margin:10px auto;font-size:1.5em;padding:10px;border-radius:4px;border:1px solid #ccc}.digits{display:flex;flex-direction:column;width:100%;margin:0 auto;align-items:center}.digits input[type=button]{font-size:1.5em;display:flex;width:100%;padding:1%;justify-content:center;align-items:center;margin:2px;cursor:pointer;background-color:#f1f1f1;color:#192d3e;border:none;border-radius:4px;transition:background-color .3s ease,transform .3s ease}.digits input[type=button]:hover{color:#f1f1f1;background-color:#1f4055;transform:translateY(-2px)}.digits .row{display:flex;justify-content:space-between;flex-wrap:nowrap;margin:0;align-items:center;width:90%;padding:1%}.buttons-container{display:flex;flex-wrap:nowrap;width:100%;margin:0 auto;align-items:center;justify-content:space-between}.buttons-container input[type=button]{display:flex;flex-direction:column;justify-content:center;font-size:1.2em;align-items:center;background-color:#192d3e;color:#fff;border:none;padding:3%;border-radius:4px;margin-top:5%;margin-bottom:5%;transition:background-color .3s ease,transform .3s ease}.buttons-container input[type=button]:hover{background-color:#1f4055;transform:translateY(-2px)}.alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.alert-content{background:#fff;border-radius:8px;padding:20px;max-width:70%;box-shadow:0 4px 20px #00000026;animation:slideIn .3s ease-out;border-left:4px solid}.alert-error{border-left-color:#dc3545}.alert-success{border-left-color:#28a745}.alert-info{border-left-color:#17a2b8}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.alert-icon{font-size:24px;margin-right:10px}.alert-close-button{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.alert-close-button:hover{background-color:#f8f9fa;color:#333}.alert-message{font-size:16px;color:#333;text-align:center;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.token-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.token-modal-content{background:#fff;border-radius:8px;padding:20px;width:90%;max-width:350px;box-shadow:0 4px 6px #0000001a}.token-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.token-modal-header h2{margin:0;color:#333;font-size:18px}.token-close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.token-close-button:hover{color:#333}.token-config-form{display:flex;flex-direction:column;gap:15px}.token-form-group{display:flex;flex-direction:column;gap:8px}.token-form-group label{font-weight:700;color:#333;font-size:14px}.token-form-group input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.token-form-group input:focus{outline:none;border-color:#1f4055;box-shadow:0 0 0 2px #1f405540}.token-form-actions{margin-top:15px;display:flex;justify-content:flex-end}.token-save-button{background-color:#1f4055;color:#fff;border:none;padding:12px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .2s}.token-save-button:hover:not(:disabled){background-color:#163242}.token-save-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.token-config-button{position:fixed;bottom:10%;right:5%;background-color:#1f4055;color:#fff;border:none;padding:10px 15px;border-radius:50px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 2px 4px #0003;z-index:100}.token-config-button:hover{background-color:#163242}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Oxanium,sans-serif;height:100%}body{display:flex;flex-direction:column;font-family:Oxanium,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}