.text-blue[data-v-af59c920]{color:#2555e5}.dialer[data-v-af59c920]{width:280px;background:#fff;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,.2);overflow:hidden;text-align:center}.header[data-v-af59c920]{padding:0 16px;font-size:13px;color:#4b4b4b}.status[data-v-af59c920]{color:#16a34a}.close[data-v-af59c920]{background:none;border:none;font-size:22px;color:#999;cursor:pointer}.display[data-v-af59c920]{font-size:22px;font-weight:500;margin:10px 0}.keypad[data-v-af59c920]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:10px 20px}.keypad button[data-v-af59c920]{background:none;border:1px solid #e5e7eb;border-radius:50%;width:60px;height:60px;font-size:20px;color:#2563eb;cursor:pointer;transition:background .2s}.keypad button small[data-v-af59c920]{display:block;font-size:10px;color:#9ca3af}.keypad button[data-v-af59c920]:hover{background:#eef2ff}.call-using[data-v-af59c920]{text-align:left;padding:10px 20px;margin-top:10px}.call-using label[data-v-af59c920]{font-size:11px;color:#9ca3af;display:block;margin-bottom:4px}.number-select[data-v-af59c920]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;font-size:14px;display:flex;justify-content:space-between;align-items:center}.phone-number[data-v-af59c920]{margin-top:4px;font-size:13px;color:#6b7280}.call-button[data-v-af59c920]{display:flex;justify-content:center;margin-top:12px}.call[data-v-af59c920]{background:#22c55e;border:none;border-radius:50%;width:60px;height:60px;color:#fff;font-size:24px;cursor:pointer;transition:background .2s}.call[data-v-af59c920]:hover{background:#16a34a}.call-card[data-v-af59c920]{width:320px;border-radius:20px;overflow:hidden}.card-body[data-v-af59c920]{background:linear-gradient(180deg,#a9b7ff,#6a78ff);color:#fff}.btn-circle[data-v-af59c920]{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center}a[data-v-af59c920]{color:inherit;text-decoration:underline}.phone-container[data-v-af59c920]{max-width:380px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 30px rgba(0,0,0,.1);padding:20px;position:relative}.header[data-v-af59c920]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.status[data-v-af59c920]{color:#22c55e;font-size:13px;font-weight:500}.menu-icon[data-v-af59c920]{color:#d1d5db;font-size:20px;cursor:pointer}.phone-display[data-v-af59c920]{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding:8px 0}.phone-number[data-v-af59c920]{font-size:28px;font-weight:300;color:#1f2937;letter-spacing:.5px}.delete-btn[data-v-af59c920]{width:36px;height:36px;border-radius:50%;border:2px solid #e5e7eb;background:#fff;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s}.delete-btn[data-v-af59c920]:hover{background:#f3f4f6;border-color:#d1d5db}.keypad[data-v-af59c920]{margin-bottom:24px}.key-row[data-v-af59c920]{display:flex;justify-content:space-around;margin-bottom:24px}.key[data-v-af59c920]{width:70px;height:56px;border:none;background:transparent;font-size:32px;font-weight:300;color:#6366f1;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:8px}.key[data-v-af59c920]:hover{background:#f3f4f6}.key[data-v-af59c920]:active{transform:scale(.95);background:#e5e7eb}.key-label[data-v-af59c920]{font-size:10px;color:#c7d2fe;margin-top:2px;letter-spacing:1.5px;font-weight:500}.key-sublabel[data-v-af59c920]{font-size:12px;color:#d1d5db;margin-top:-4px}.call-using[data-v-af59c920]{color:#d1d5db;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-weight:500}.contact-selector[data-v-af59c920]{background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.contact-selector[data-v-af59c920]:hover{background:#f3f4f6}.contact-info h4[data-v-af59c920]{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 4px 0}.contact-info p[data-v-af59c920]{font-size:13px;color:#9ca3af;margin:0}.dropdown-icon[data-v-af59c920]{color:#d1d5db;font-size:18px}.bottom-section[data-v-af59c920]{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:0 20px}.bottom-nav[data-v-af59c920]{display:flex;justify-content:space-around;width:100%;max-width:300px;align-items:center}.nav-icon[data-v-af59c920]{color:#d1d5db;font-size:22px;cursor:pointer;padding:12px;transition:all .2s}.nav-icon[data-v-af59c920]:hover{color:#9ca3af}.call-btn[data-v-af59c920]{width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:28px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(34,197,94,.3);margin:0 16px}.call-btn[data-v-af59c920]:hover{transform:scale(1.05);box-shadow:0 10px 24px rgba(34,197,94,.4)}.call-btn[data-v-af59c920]:active{transform:scale(.95)}