.call-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.call-modal{background:linear-gradient(135deg,#4295e6,#ff85c7);padding:40px;border-radius:20px;width:350px;text-align:center;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.3)}.call-avatar{width:90px;height:90px;border-radius:50%;margin:15px 0;border:3px solid #fff;object-fit:cover}.call-type{font-weight:700;letter-spacing:2px}.call-status{margin-top:10px;opacity:.9}.call-timer{font-size:32px;margin:15px 0}.call-actions{margin-top:20px}.end-call-btn{background:red;border:none;padding:12px 25px;border-radius:30px;color:white;font-weight:700;cursor:pointer;transition:.3s}.end-call-btn:hover{background:darkred}.caller-avatar{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#ffffff;font-size:42px;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 10px 30px rgba(102,126,234,.4);position:relative;animation:avatarPulse 2s infinite}@keyframes avatarPulse{0%{box-shadow:0 0 0 0 rgba(102,126,234,.6)}70%{box-shadow:0 0 0 25px rgba(102,126,234,0)}to{box-shadow:0 0 0 0 rgba(102,126,234,0)}}.caller-name{text-align:center;font-size:22px;font-weight:600;margin-bottom:10px}.call-buttons{gap:50px;margin-top:25px}.call-btn,.call-buttons{display:flex;justify-content:center}.call-btn{width:80px;height:80px;border-radius:50%;border:none;cursor:pointer;align-items:center;font-size:28px;color:#ffffff;position:relative;transition:all .3s ease}.call-btn:hover{transform:scale(1.12)}.call-btn:active{transform:scale(.95)}.call-btn.accept{background:#28c76f;box-shadow:0 10px 30px rgba(40,199,111,.5)}.call-btn.accept:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(40,199,111,.4);animation:pulseGlow 1.8s infinite;z-index:-1}.call-btn.decline{background:#ff4d4f;box-shadow:0 10px 30px rgba(255,77,79,.5)}.call-btn.decline svg{transform:rotate(135deg)}.call-btn svg{animation:ringShake 1s infinite;transform-origin:center}@keyframes ringShake{0%{transform:rotate(0deg)}15%{transform:rotate(-20deg)}30%{transform:rotate(20deg)}45%{transform:rotate(-15deg)}60%{transform:rotate(15deg)}75%{transform:rotate(-8deg)}85%{transform:rotate(8deg)}to{transform:rotate(0deg)}}@keyframes pulseGlow{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.7);opacity:0}to{transform:scale(1);opacity:0}}.wallet-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}.wallet-modal{background:white;width:420px;padding:25px;border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.15)}.modal-header{display:flex;justify-content:space-between;align-items:center}.balance-box{background:linear-gradient(90deg,#4295E6,#FF85C7);color:white;padding:18px;border-radius:12px;text-align:center;margin:20px 0}.preset-section{display:flex;gap:10px;flex-wrap:wrap}.preset-section button{flex:1;padding:10px;border-radius:8px;border:1px solid #ddd;background:#4295E6;cursor:pointer}.preset-section button.active{background:linear-gradient(90deg,#4295E6,#FF85C7)!important;color:white}button.close-recharge,button.recharge-btn{background:linear-gradient(90deg,#4295E6,#FF85C7)!important;cursor:pointer}input{margin-top:15px;border-radius:8px;background:#fff;color:#000;border:1px solid #ccc}.recharge-btn,input{width:100%;padding:12px}.recharge-btn{margin-top:20px;background:linear-gradient(90deg,#4295E6,#FF85C7);border:none;color:white;border-radius:10px;font-weight:600;cursor:pointer}