:root{--primary:#2563eb;--primary-light:#60a5fa;--primary-dark:#1e40af;--success:#059669;--success-light:#10b981;--danger:#dc2626;--danger-light:#ef4444;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1)}.zenify-container{z-index:1050}.dialer{position:fixed;bottom:24px;right:24px;width:350px;height:550px;background:var(--bg-primary);border-radius:32px;box-shadow:0 15px 40px rgba(15,23,42,.08),0 0 0 1px rgba(15,23,42,.03);overflow:hidden;display:flex;flex-direction:column;border:none;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.dialer-header{background:linear-gradient(135deg,rgba(248,250,252,.6),hsla(0,0%,100%,.8));border-bottom:1px solid rgba(226,232,240,.3);padding:14px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.header-content{justify-content:space-between}.header-content,.user-section{display:flex;align-items:center;gap:12px}.user-section{flex:1}.user-avatar{font-size:26px;color:var(--primary);flex-shrink:0}.user-details{min-width:0}.user-name{font-size:12px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2;letter-spacing:-.2px}.status-indicator{display:flex;align-items:center;gap:6px;margin-top:4px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.6}}.status-text{font-size:10px;color:var(--success);font-weight:500}.close-btn{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,rgba(241,245,249,.4),rgba(226,232,240,.4));border:1px solid rgba(226,232,240,.4);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.close-btn:hover{background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(96,165,250,.12));color:var(--text-primary);border-color:rgba(37,99,235,.2);transform:translateY(-1px)}.close-btn:active{transform:scale(.94)}.dialer-content{flex:1;overflow-y:auto;overflow-x:hidden}.dialer-content::-webkit-scrollbar{width:6px}.dialer-content::-webkit-scrollbar-track{background:transparent}.dialer-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.dialer-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.keypad-section{padding:18px 16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overflow-x:hidden}.keypad-section::-webkit-scrollbar{width:4px}.keypad-section::-webkit-scrollbar-thumb{background:rgba(100,116,139,.3);border-radius:2px}.phone-display{background:linear-gradient(135deg,rgba(241,245,249,.5),rgba(248,250,252,.8));border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:8px;position:relative;border:1px solid rgba(226,232,240,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.phone-prefix{font-size:13px;font-weight:600;color:var(--text-secondary);padding-right:4px}.phone-input{flex:1;font-size:18px;font-weight:600;color:var(--text-primary);border:none;background:transparent;outline:none;text-align:center;letter-spacing:1px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.phone-input::placeholder{color:var(--text-tertiary);letter-spacing:.5px;font-weight:500;font-size:14px}.clear-btn{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,rgba(220,38,38,.12),rgba(239,68,68,.1));border:1px solid rgba(220,38,38,.2);color:var(--danger);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.clear-btn:hover{background:linear-gradient(135deg,var(--danger),rgba(185,28,28,.95));color:#fff;border-color:var(--danger);transform:translateY(-2px)}.clear-btn:active{transform:scale(.94)}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.keypad-btn{min-height:60px;background:linear-gradient(135deg,hsla(0,0%,100%,.6),rgba(248,250,252,.8));border:1px solid rgba(226,232,240,.5);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:inherit;background-clip:padding-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px}.key-number{font-size:20px;font-weight:600;color:var(--primary);line-height:1}.key-letters{font-size:8px;color:var(--text-tertiary);font-weight:500;letter-spacing:.5px;text-transform:uppercase;line-height:1}.keypad-btn:hover{background:linear-gradient(135deg,var(--primary),rgba(37,99,235,.9));border-color:rgba(37,99,235,.4);color:#fff;transform:translateY(-6px);box-shadow:0 12px 28px rgba(37,99,235,.15)}.keypad-btn:hover .key-letters,.keypad-btn:hover .key-number{color:#fff}.keypad-btn:active{transform:translateY(-2px) scale(.98)}.call-controls{display:flex;align-items:center;justify-content:space-around;gap:10px;padding:12px 8px}.control-icon-btn{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(248,250,252,.6),rgba(241,245,249,.8));border:1px solid rgba(226,232,240,.4);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.control-icon-btn:hover{background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(96,165,250,.12));color:var(--primary);border-color:rgba(37,99,235,.2);transform:translateY(-2px)}.call-action-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 20px rgba(5,150,105,.2)}.call-action-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.08);box-shadow:0 12px 32px rgba(5,150,105,.25)}.call-action-btn:active{transform:translateY(-1px) scale(1.01)}.call-action-btn:disabled{opacity:.5;cursor:not-allowed}.call-section{display:flex;flex-direction:column;min-height:460px;background:var(--bg-primary)}.call-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,rgba(248,250,252,.4),hsla(0,0%,100%,.6));border-bottom:1px solid rgba(226,232,240,.3);gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.call-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.call-timer{display:flex;align-items:center;gap:4px;padding:6px 10px;background:linear-gradient(135deg,rgba(248,250,252,.6),rgba(241,245,249,.8));border-radius:10px;font-size:11px;font-weight:600;color:var(--text-secondary);border:1px solid rgba(226,232,240,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.call-timer i{font-size:10px}.call-timer.duration{background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(96,165,250,.12));color:var(--primary);border-color:rgba(37,99,235,.2)}.via-info{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,rgba(248,250,252,.4),rgba(241,245,249,.6));border-bottom:1px solid rgba(226,232,240,.3);font-size:11px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.via-label{color:var(--text-secondary);font-weight:500}.via-number{color:var(--text-primary);font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.3px;word-break:break-all}.call-info-block{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 18px;color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}.call-info-block,.call-section.active .call-info-block,.call-section.incoming .call-info-block{background:linear-gradient(135deg,rgba(102,126,234,.92),rgba(118,75,162,.92))}.caller-avatar-large{width:85px;height:85px;border-radius:50%;margin-bottom:16px;overflow:hidden;border:3px solid hsla(0,0%,100%,.25);flex-shrink:0;box-shadow:0 8px 20px rgba(0,0,0,.15)}.caller-avatar-large img{width:100%;height:100%;object-fit:cover}.caller-avatar-large.pulse{animation:pulse-avatar 2.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-avatar{0%,to{box-shadow:0 8px 20px rgba(0,0,0,.15),0 0 0 0 hsla(0,0%,100%,.3)}50%{box-shadow:0 8px 20px rgba(0,0,0,.15),0 0 0 12px hsla(0,0%,100%,0)}}.calling-status{font-size:12px;opacity:.88;margin:0 0 8px 0;font-weight:500;letter-spacing:.2px}.caller-number{font-size:20px;font-weight:600;margin:0 0 8px 0;letter-spacing:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;word-break:break-all}.caller-details{font-size:12px;opacity:.8;margin:0;font-weight:500}.wait-info{font-size:11px;opacity:.8;margin:4px 0 0 0;display:flex;align-items:center;justify-content:center;gap:4px;font-weight:500}.wait-info i{font-size:10px}.call-actions-group{gap:10px;padding:16px;background:linear-gradient(135deg,rgba(248,250,252,.4),rgba(241,245,249,.6));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(226,232,240,.3);flex-shrink:0}.action-btn,.call-actions-group{display:flex;justify-content:center}.action-btn{flex:1;height:48px;border-radius:12px;border:none;cursor:pointer;align-items:center;gap:6px;font-weight:600;font-size:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1);font-family:inherit;padding:0 8px}.action-btn.decline{background:linear-gradient(135deg,rgba(220,38,38,.95),rgba(185,28,28,.95));color:#fff;box-shadow:0 8px 20px rgba(220,38,38,.18)}.action-btn.decline:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(220,38,38,.25)}.action-btn.accept{background:linear-gradient(135deg,rgba(5,150,105,.95),rgba(4,120,87,.95));color:#fff;box-shadow:0 8px 20px rgba(5,150,105,.18)}.action-btn.accept:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(5,150,105,.25)}.action-btn.end-call{background:linear-gradient(135deg,rgba(220,38,38,.95),rgba(185,28,28,.95));color:#fff;box-shadow:0 8px 20px rgba(220,38,38,.18)}.action-btn.end-call:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(220,38,38,.25)}.action-btn:active{transform:scale(.98)}@media (max-width:480px){.dialer{position:fixed;bottom:16px;right:16px;left:16px;width:auto;max-width:none;max-height:calc(100vh - 32px);border-radius:28px}.dialer-header{padding:16px 20px}.keypad-section{padding:24px 20px;gap:20px}.phone-display{padding:16px 18px;border-radius:18px}.phone-input{font-size:22px;letter-spacing:1px}.keypad-grid{gap:12px}.keypad-btn{min-height:66px;border-radius:18px}.key-number{font-size:22px}.key-letters{font-size:9px}.call-controls{gap:14px;padding-bottom:6px}.control-icon-btn{width:46px;height:46px;font-size:16px}.call-action-btn{width:60px;height:60px;font-size:24px}.call-info-block{padding:32px 20px}.caller-avatar-large{width:95px;height:95px;margin-bottom:18px}.caller-number{font-size:24px;margin-bottom:10px}.caller-details,.calling-status{font-size:13px}.call-actions-group{gap:10px;padding:20px}.action-btn{font-size:13px;height:50px;border-radius:14px;gap:8px}.action-btn i{font-size:18px}.via-info{padding:12px 20px;font-size:12px}.call-header{padding:16px 20px}.call-title{font-size:15px}.call-timer{font-size:11px;padding:6px 12px}}