@import url(https://fonts.googleapis.com/css?family=Roboto:300);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:15px 0}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.logo{color:#fff;text-decoration:none}.logo h1{font-size:24px;font-weight:600;margin:0}.nav-links{align-items:center;display:flex;gap:30px}.nav-link{border-radius:20px;color:#fff;font-size:16px;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#fff3}.nav-link i{margin-right:6px}.inbox-link{position:relative}.notification-badge{animation:pulse 2s infinite;background:#f44;border-radius:50%;box-shadow:0 2px 5px #0000004d;color:#fff;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:2px 6px;position:absolute;right:-5px;top:-5px}.notification-badge,.user-menu{align-items:center;display:flex}.user-menu{gap:15px}.username{align-items:center;display:flex;font-size:14px;gap:6px}.username i{font-size:18px}.logout-btn{background:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{background:#ffffff4d}.logout-btn i{margin-right:5px}@media (max-width:768px){.header-container{flex-direction:column;gap:15px}.nav-links{gap:15px}.nav-link{font-size:14px;padding:6px 12px}.logo h1{font-size:20px}}@media (max-width:480px){.nav-link span{display:none}.nav-link i{font-size:18px;margin-right:0}.logout-btn,.username{font-size:12px}.logout-btn{padding:6px 12px}}.admin-link{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)!important;border-radius:8px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff!important;font-weight:600;padding:8px 16px!important;transition:all .3s ease}.admin-link:hover{background:linear-gradient(135deg,#ee5a6f,#ff6b6b)!important;box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.admin-link i{margin-right:6px}.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.auth-container{background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:40px;width:100%}.auth-container h1{color:#333;font-size:32px;margin-bottom:10px;text-align:center}.auth-subtitle{color:#fff;font-size:16px}.auth-subtitle,.photo-upload-section{margin-bottom:30px;text-align:center}.photo-upload-section>label{color:#333;display:block;font-size:16px;font-weight:700;margin-bottom:15px}.photo-upload-container{align-items:center;display:flex;flex-direction:column;gap:15px}.photo-preview{box-shadow:0 4px 15px #667eea4d}.photo-placeholder{flex-direction:column}.photo-placeholder i{font-size:48px;margin-bottom:10px}.photo-placeholder p{font-size:14px;margin:0}.photo-input{display:none}.photo-button{background:#667eea;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:12px 30px;transition:all .3s ease}.photo-button:hover{background:#764ba2;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.remove-photo{background:#ff6b6b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .3s ease}.remove-photo:hover{background:#ee5a52;transform:scale(1.05)}.photo-hint{margin-top:10px}.form-section{background:#667eea0d;border-radius:10px;margin-bottom:30px}.form-section h3{font-size:18px;margin-bottom:5px}.section-note{color:#999;font-size:13px;font-style:italic;margin-bottom:15px}.auth-form{margin-top:20px}.form-group{margin-bottom:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group label{display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#999}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:15px;transition:all .3s ease;width:100%}.auth-button:hover:not(:disabled){box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#ffe0e0;border-left:4px solid #d8000c;color:#d8000c;font-size:14px;padding:12px 15px}.auth-footer{color:#fff;font-size:14px;margin-top:20px;text-align:center}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:768px){.auth-container{padding:30px 20px}.auth-container h1{font-size:26px}.form-row{gap:0;grid-template-columns:1fr}.photo-preview{height:120px;width:120px}.photo-placeholder i{font-size:36px}}@media (max-width:480px){.auth-page{padding:20px 10px}.auth-container{padding:20px 15px}.auth-container h1{font-size:24px}.form-section{padding:15px}.photo-button{font-size:14px;padding:10px 20px}}.create-account-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:60px 20px}.create-account-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;width:100%}.create-account-container h2{color:#667eea;font-size:28px;margin:0 0 10px;text-align:center}.subtitle{color:#999;font-size:14px;margin:0 0 30px}.success-message{background:#d4edda;border-left:4px solid #28a745;border-radius:10px;color:#155724;margin-bottom:20px;padding:15px}.create-account-form{gap:20px}.create-account-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{border:2px solid #ddd;border-radius:8px;font-size:15px;padding:12px 15px;transition:border-color .3s ease}.form-group input:focus{border-color:#667eea;outline:none}.form-group small{color:#999;font-size:12px}.login-link{color:#666;font-size:14px;margin-top:10px;text-align:center}.login-link a{color:#667eea;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (max-width:600px){.create-account-container{padding:30px 20px}.create-account-container h2{font-size:24px}}.register-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.register-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:700px;padding:40px}.register-container h2{color:#667eea;font-size:28px;margin-bottom:30px;text-align:center}.error-message{background:#fee;border-left:4px solid #c33;border-radius:10px;color:#c33;padding:15px}.register-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.form-section h3{border-bottom:2px solid #667eea;color:#667eea;font-size:20px;margin:0 0 15px;padding-bottom:10px}.form-section .hint{color:#666;font-size:13px;font-style:italic;margin:0 0 15px}.form-section .format-hint{color:#999;font-size:12px;margin-top:10px}.register-form input[type=number],.register-form input[type=tel],.register-form input[type=text],.register-form select{border:2px solid #ddd;border-radius:8px;font-size:15px;margin-bottom:15px;padding:12px 15px;transition:border-color .3s ease;width:100%}.register-form input:focus,.register-form select:focus{border-color:#667eea;outline:none}.register-form input::placeholder{color:#999}.photo-upload{flex-direction:column;gap:15px}.photo-preview,.photo-upload{align-items:center;display:flex}.photo-preview{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #667eea;border-radius:50%;height:150px;justify-content:center;overflow:hidden;width:150px}.photo-preview img{height:100%;object-fit:cover;width:100%}.photo-placeholder{align-items:center;color:#fff;display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.photo-buttons{display:flex;gap:10px}.photo-btn{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .3s ease}.photo-btn:hover{background:#5568d3;transform:translateY(-2px)}.photo-btn.remove{background:#e74c3c}.photo-btn.remove:hover{background:#c0392b}.photo-hint{color:#999;font-size:12px;margin:0}.city-autocomplete{position:relative}.suggestions-box{background:#fff;border:2px solid #667eea;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 15px;transition:background .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f0f0ff}.selected-location{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;margin-top:15px;padding:15px}.selected-location p{color:#2e7d32;font-size:14px;margin:5px 0}.selected-location strong{color:#1b5e20}.form-actions{margin-top:10px}.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.submit-btn i.fa-spinner{animation:spin 1s linear infinite}@media (max-width:768px){.register-container{padding:30px 20px}.register-container h2{font-size:24px}.form-section h3{font-size:18px}.photo-buttons{flex-direction:column;width:100%}.photo-btn{justify-content:center;width:100%}}@media (max-width:480px){.register-page{padding:20px 10px}.register-container{border-radius:15px;padding:20px 15px}.form-section{padding:15px}}.matches-page{font-family:Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:40px 20px}.glow{animation:glow 1s ease-in-out infinite alternate;color:#fff;font-size:60px;margin-bottom:40px;text-align:center}.match-section-header{background:#ffffff0d;border-radius:15px;margin:40px 0 20px;padding:20px;text-align:center}.match-section-header h2{color:#fff;font-size:36px;margin-bottom:15px}.section-subtitle{color:#fff!important;line-height:1.6;margin:0 auto 10px;max-width:800px}.detail-note{color:#fff;font-size:14px;margin-top:10px}.matches-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:30px 0}.match-card{background:linear-gradient(-45deg,#ffec61,#f321d7);border-radius:15px;box-shadow:0 10px 15px #0000004d;margin:0 auto;max-width:320px;padding:40px 20px;position:relative;transition:transform .3s ease}.match-card:hover{transform:scale(1.05)}.match-card.card1{background:linear-gradient(-45deg,#f403d1,#64b5f6)}.match-card:not(.card1){background:linear-gradient(-45deg,#24ff72,#9a4eff)}.match-card:before{background:#ffffff1a;bottom:0;content:"";height:40%;left:0;position:absolute;transform:skewY(-5deg) scale(1.5);width:100%;z-index:1}.title{position:relative;text-align:center;z-index:2}.profile-photo-circle{align-items:center;background:#f5f5f5;border-radius:50%;box-shadow:0 10px 10px #0000001a;display:flex;height:100px;justify-content:center;margin:0 auto 10px;overflow:hidden;width:100px}.profile-photo{height:100%;object-fit:cover;width:100%}.profile-placeholder{align-items:center;color:#667eea;display:flex;font-size:48px;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.title h2{color:#fff;font-size:28px;margin:10px 0 0;padding:0}.price,.title h2{position:relative;z-index:2}.price{text-align:center}.price h4{color:#fff;font-size:48px;margin:0;padding:20px 0}.option{position:relative;z-index:2}.option ul{list-style:none;margin:0;padding:0}.option ul li{color:#fff;font-size:16px;margin:0 0 10px;padding:0;text-align:left}.option ul li i{margin-right:8px}.match-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.match-btn,.match-buttons{position:relative;z-index:2}.match-btn{background:#fff;border:none;border-radius:25px;box-shadow:0 5px 10px #0000001a;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:40px;line-height:20px;min-width:100px;padding:10px 20px;transition:all .3s ease}.match-btn,.match-btn:hover{color:#000;text-decoration:none}.match-btn:hover{box-shadow:0 7px 15px #0003;transform:translateY(-2px)}.match-btn.chat-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.match-btn.chat-btn:hover{background:linear-gradient(45deg,#764ba2,#667eea);color:#fff}.match-btn i{margin-right:5px}.favorite-star{background:#fff3;border:none;border-radius:50%;cursor:pointer;font-size:24px;height:40px;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:3}.favorite-star:hover{background:#fff6;transform:scale(1.1)}.favorite-star.active{background:#ffd7004d}.new-badge{background:#f44;border-radius:20px;box-shadow:0 2px 8px #f446;color:#fff;font-size:12px;font-weight:700;left:15px;padding:5px 15px;position:absolute;top:15px;z-index:3}.match-count{color:#fff;font-size:18px;margin:30px 0 20px;text-align:center}.count-highlight{color:#00f;font-size:20px;font-weight:700}.match-instructions{background:#eeeeee1a;border:3px solid #eee;border-radius:50px 20px;box-shadow:5px 10px 18px #eee;margin:20px auto;max-width:800px;padding:20px;text-align:center}.match-instructions p{color:#fff;font-size:14px;margin:10px 0}.example-text{color:#66f}hr{border:none;border-top:2px solid #fff3;margin:60px 0}hr#potential{border-top:3px solid #ffffff4d;margin:80px 0 40px}.final-note{color:#fff;font-size:16px;margin:30px 0;text-align:center}.help-section{background:#ffffff0d;border:3px solid #fff3;border-radius:20px;margin:40px auto;max-width:800px;padding:40px;text-align:center}.help-section h2{color:#fff;font-size:28px;margin-bottom:20px}.help-section p{color:#ccc;font-size:16px;line-height:1.8;margin:15px 0}.help-section strong{color:#fff}.no-matches-container{align-items:center;display:flex;justify-content:center;min-height:400px}.no-matches-container .match-card{background:linear-gradient(-45deg,#000,#eee)}.no-matches-container .title i{color:#fff;font-size:60px}.no-matches-container ul{text-align:center}.error-message,.loading{color:#fff;font-size:20px;padding:60px 20px;text-align:center}.error-message{color:#ff6b6b}@media (max-width:768px){.glow{font-size:40px}.match-section-header h2{font-size:28px}.matches-grid{gap:20px;grid-template-columns:1fr}.match-card{max-width:100%}.help-section{padding:20px}.match-buttons{align-items:center;flex-direction:column}.match-btn{max-width:200px;width:100%}}@media (max-width:480px){.glow{font-size:32px}.section-subtitle{color:#fff;font-size:14px}.match-card{padding:30px 15px}.profile-photo-circle{height:80px;width:80px}.title h2{font-size:24px}.price h4{font-size:36px}}.chat-page{background:#f5f7fa;display:flex;flex-direction:column;height:100vh}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;padding:12px 15px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.chat-header,.chat-header .back-btn{align-items:center;color:#fff;display:flex}.chat-header .back-btn{background:#fff3;border:none;border-radius:50%;cursor:pointer;height:40px;justify-content:center;margin-right:12px;transition:background .2s;width:40px}.chat-header .back-btn:hover{background:#ffffff4d}.chat-header .back-btn i{font-size:18px}.partner-info{align-items:center;cursor:pointer;display:flex;flex:1 1}.partner-avatar{height:44px;margin-right:12px;position:relative;width:44px}.partner-avatar img{object-fit:cover}.partner-avatar .avatar-placeholder,.partner-avatar img{border:2px solid #ffffff80;border-radius:50%;height:44px;width:44px}.partner-avatar .avatar-placeholder{align-items:center;background:#ffffff4d;color:#fff;display:flex;font-size:18px;font-weight:600;justify-content:center;text-transform:uppercase}.partner-avatar .online-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.partner-details h2{color:#fff;font-size:16px;font-weight:600;margin:0 0 2px}.partner-details .status{font-size:12px;opacity:.85}.partner-details .status.online{color:#a7f3d0}.partner-details .status.offline{opacity:.7}.call-buttons{display:flex;gap:8px}.call-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s,transform .2s;width:40px}.call-btn:hover{background:#ffffff4d;transform:scale(1.05)}.call-btn.voice:hover{background:#22c55e80}.call-btn.video:hover{background:#3b82f680}.call-btn i{font-size:16px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:15px}.message{display:flex;max-width:80%}.message.mine{align-self:flex-end}.message.theirs{align-self:flex-start}.message-bubble{word-wrap:break-word;border-radius:18px;padding:12px 16px;position:relative}.message.mine .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.message.theirs .message-bubble{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a;color:#333}.message-bubble p{font-size:15px;line-height:1.4;margin:0 0 4px}.message-time{align-items:center;display:flex;font-size:11px;gap:4px;opacity:.7}.message.mine .message-time{color:#fffc;justify-content:flex-end}.message.theirs .message-time{color:#999}.read-status{font-size:12px}.no-messages{align-items:center;color:#888;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.no-messages-icon{font-size:50px;margin-bottom:15px}.no-messages h3{color:#555;font-size:18px;margin:0 0 8px}.no-messages p{font-size:14px;margin:0}.upgrade-notice{background:linear-gradient(135deg,#f6931d,#e85d04);bottom:60px;padding:0;position:-webkit-sticky;position:sticky}.upgrade-notice-content{align-items:center;color:#fff;display:flex;gap:10px;padding:12px 15px}.upgrade-notice-content i{font-size:16px}.upgrade-notice-content span{flex:1 1;font-size:14px}.upgrade-notice .upgrade-btn{background:#fff;border:none;border-radius:20px;color:#e85d04;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.upgrade-notice .dismiss-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;opacity:.8;padding:0 5px}.upgrade-notice .dismiss-btn:hover{opacity:1}.message-input-form{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:10px;padding:12px 15px;position:-webkit-sticky;position:sticky}.message-input-form input{border:1px solid #e5e7eb;border-radius:25px;flex:1 1;font-size:15px;outline:none;padding:12px 20px;transition:border-color .2s,box-shadow .2s}.message-input-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.message-input-form input:disabled{background:#f5f5f5;color:#999}.message-input-form button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;transition:transform .2s,opacity .2s;width:48px}.message-input-form button:hover:not(:disabled){transform:scale(1.05)}.message-input-form button:disabled{cursor:not-allowed;opacity:.5}.message-input-form button.locked{background:#9ca3af}.loading-chat{align-items:center;color:#667eea;display:flex;flex:1 1;font-size:16px;justify-content:center}.loading-chat i{margin-right:10px}@media (max-width:480px){.chat-header{padding:10px 12px}.chat-header .back-btn{height:36px;margin-right:10px;width:36px}.partner-avatar{height:38px;margin-right:10px;width:38px}.partner-avatar .avatar-placeholder,.partner-avatar img{font-size:16px;height:38px;width:38px}.partner-details h2{font-size:15px}.call-btn{height:36px;width:36px}.message{max-width:85%}.message-input-form{padding:10px 12px}.message-input-form input{font-size:14px;padding:10px 16px}.message-input-form button{height:44px;width:44px}}.upgrade-prompt-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.upgrade-prompt-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.upgrade-prompt-modal .close-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:36px}.upgrade-prompt-modal .close-btn:hover{background:#0003;color:#333}.upgrade-content{padding:50px 40px 40px;text-align:center}.upgrade-icon{animation:bounce 1s ease infinite;font-size:64px;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upgrade-content h2{color:#667eea;font-size:28px;margin-bottom:15px}.upgrade-content p{color:#eee;font-size:16px;line-height:1.6;margin-bottom:30px}.upgrade-features{background:#667eea0d;border-radius:12px;margin-bottom:30px;padding:25px;text-align:left}.upgrade-features .feature-item{align-items:center;color:#444;display:flex;font-size:15px;gap:12px;padding:10px 0}.upgrade-features .feature-item i{color:#4caf50;font-size:18px}.upgrade-pricing{display:flex;gap:15px;justify-content:center;margin-bottom:25px}.price-option{background:#f5f5f5;border-radius:12px;padding:15px 25px;position:relative}.price-option.featured{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.price-option .badge{background:#ff6b6b;border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;position:absolute;right:-10px;top:-10px}.price-option .price{display:block;font-size:18px;font-weight:600}.upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-bottom:15px;padding:18px;transition:all .3s ease;width:100%}.upgrade-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.upgrade-btn i{margin-right:8px}.maybe-later-btn{background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:10px;transition:color .2s ease}.maybe-later-btn:hover{color:#666}@media (max-width:768px){.upgrade-content{padding:40px 25px 30px}.upgrade-content h2{font-size:24px}.upgrade-icon{font-size:48px}.upgrade-pricing{flex-direction:column}}.conversations-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px 20px 80px}.conversations-header{color:#fff;margin-bottom:20px;padding-top:10px;text-align:center}.conversations-header h1{font-size:28px;font-weight:600;margin:0 0 8px}.conversations-header h1 i{margin-right:10px}.conversations-header .subtitle{font-size:14px;margin:0;opacity:.9}.membership-notice{align-items:center;background:linear-gradient(135deg,#f6931d,#e85d04);border-radius:12px;box-shadow:0 4px 15px #e85d044d;color:#fff;display:flex;gap:12px;margin-bottom:20px;padding:15px 20px}.membership-notice i{font-size:20px}.membership-notice span{flex:1 1;font-size:14px}.membership-notice .upgrade-link{background:#fff;border:none;border-radius:25px;color:#e85d04;cursor:pointer;font-weight:600;padding:10px 20px;transition:transform .2s,box-shadow .2s}.membership-notice .upgrade-link:hover{box-shadow:0 4px 15px #0003;transform:scale(1.05)}.conversations-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000026;overflow:hidden}.no-conversations{color:#666;padding:60px 30px;text-align:center}.no-conversations i{color:#ddd;font-size:60px;margin-bottom:20px}.no-conversations h2{color:#333;font-size:22px;margin:0 0 10px}.no-conversations p{color:#888;margin:0 0 25px}.browse-matches-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:transform .2s,box-shadow .2s}.browse-matches-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.conversations-list{display:flex;flex-direction:column}.conversation-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:16px 20px;transition:background .2s}.conversation-item:last-child{border-bottom:none}.conversation-item:hover{background:#f8f9ff}.conversation-item.unread{background:#f0f4ff}.conversation-item.unread:hover{background:#e8edff}.conversation-avatar{flex-shrink:0;height:56px;margin-right:15px;position:relative;width:56px}.conversation-avatar img{border-radius:50%;height:56px;object-fit:cover;width:56px}.conversation-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:22px;font-weight:600;height:56px;justify-content:center;text-transform:uppercase;width:56px}.conversation-avatar .online-indicator{background:#22c55e;border:3px solid #fff;border-radius:50%;bottom:2px;height:14px;position:absolute;right:2px;width:14px}.conversation-avatar .unread-badge{align-items:center;background:#ef4444;border-radius:11px;color:#fff;display:flex;font-size:12px;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 6px;position:absolute;right:-4px;top:-4px}.conversation-content{flex:1 1;min-width:0}.conversation-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conversation-name{color:#333;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#999;flex-shrink:0;font-size:12px;margin-left:10px}.conversation-preview{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview .you-label{color:#667eea;font-weight:500}.conversation-preview .unread-text{color:#333;font-weight:500}.conversation-arrow{color:#ccc;margin-left:10px}.conversation-arrow i{font-size:14px}.conversations-loading{align-items:center;color:#fff;display:flex;font-size:16px;justify-content:center;min-height:60vh}.conversations-loading i{margin-right:10px}.error-message{align-items:center;background:#fee2e2;border-radius:12px;color:#dc2626;display:flex;gap:10px;margin-bottom:20px}@media (max-width:480px){.conversations-page{padding:15px 15px 90px}.membership-notice{flex-wrap:wrap;justify-content:center;text-align:center}.membership-notice span{margin-bottom:10px;width:100%}.conversation-avatar{height:50px;width:50px}.conversation-avatar .avatar-placeholder,.conversation-avatar img{font-size:20px;height:50px;width:50px}}.membership-page{margin:0 auto;max-width:1200px}.membership-page h1{color:#fff;font-size:2.5rem;margin-bottom:40px;text-align:center}.current-plan{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;margin-bottom:40px;padding:40px}.current-plan h2{color:#667eea;margin-bottom:25px}.plan-info{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:25px}.plan-detail{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 0}.plan-detail:last-child{border-bottom:none}.plan-detail .label{color:#666;font-weight:600}.plan-detail .value{color:#333;font-weight:600}.status-active{color:#4caf50!important}.cancel-btn{background:#f5f5f5;color:#666;margin-top:10px}.cancel-btn:hover{background:#ff5252;color:#fff}.upgrade-section{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:40px}.upgrade-section h2{color:#667eea;font-size:2rem;margin-bottom:10px;text-align:center}.subtitle{color:#666;font-size:1.1rem;margin-bottom:40px;text-align:center}.plans-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.plan-card{border:2px solid #e0e0e0;border-radius:16px;padding:30px;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.plan-card.featured{border-color:#667eea;box-shadow:0 5px 20px #667eea33}.popular-badge{border-radius:12px;font-size:.75rem;left:50%;padding:5px 20px;top:-12px;transform:translateX(-50%)}.plan-header{border-bottom:2px solid #f0f0f0;margin-bottom:25px;padding-bottom:20px;text-align:center}.plan-header h3{color:#333;font-size:1.5rem;margin-bottom:15px}.price{align-items:baseline;display:flex;gap:5px;justify-content:center}.price .amount{color:#667eea;font-size:2.5rem;font-weight:700}.price .period{color:#999;font-size:1rem}.savings{background:#4caf50;border-radius:12px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;margin-top:10px;padding:5px 15px}.plan-features{margin-bottom:25px}.feature{color:#333;font-size:.95rem;padding:12px 0}.feature.disabled{color:#999;opacity:.6}.subscribe-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;padding:14px;width:100%}.current-label{background:#e8f5e9;border-radius:8px;color:#4caf50;font-weight:700;margin-top:15px;padding:8px;text-align:center}.payment-info{color:#666;margin-top:30px;text-align:center}.payment-info p{font-size:.95rem;margin:8px 0}.features-explanation{border-top:2px solid #f0f0f0;margin-top:50px;padding-top:40px}.features-explanation h2{color:#667eea;margin-bottom:30px;text-align:center}.features-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-item{align-items:flex-start;display:flex;gap:20px}.feature-item .icon{flex-shrink:0;font-size:2.5rem}.feature-item h4{color:#333;font-size:1.2rem;margin-bottom:8px}.feature-item p{color:#eee;line-height:1.5}@media (max-width:768px){.features-list,.plans-grid{grid-template-columns:1fr}}.video-call-page{background:#000;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0}.video-container{flex:1 1;overflow:hidden;position:relative}.remote-video{align-items:center;background:#1a1a1a;display:flex;height:100%;justify-content:center;width:100%}.remote-video video{height:100%;object-fit:cover;width:100%}.connecting-message,.waiting-message{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:24px;gap:20px;text-align:center}.waiting-photo-container{height:200px;margin-bottom:20px;position:relative;width:200px}.waiting-photo,.waiting-photo-placeholder{border:5px solid #fff;border-radius:50%;box-shadow:0 10px 30px #00000080;height:200px;object-fit:cover;position:relative;width:200px;z-index:2}.waiting-photo-placeholder{align-items:center;background:#ffffff1a;color:#fff;display:flex;font-size:80px;justify-content:center}.pulse-ring-waiting{animation:pulse-ring-waiting 2s ease-out infinite;border:3px solid #fffc;border-radius:50%;height:200px;left:0;position:absolute;top:0;width:200px}@keyframes pulse-ring-waiting{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.waiting-text{font-size:28px;font-weight:600;margin:0}.waiting-subtext{font-size:18px;opacity:.8}.connecting-message{animation:pulse 1.5s ease-in-out infinite}.local-video{background:#2a2a2a;border:2px solid #667eea;border-radius:10px;bottom:80px;box-shadow:0 4px 20px #00000080;height:150px;overflow:hidden;position:absolute;right:20px;width:200px}.local-video video{height:100%;object-fit:cover;width:100%}.call-controls{align-items:center;background:#000c;padding:20px}.call-duration{color:#fff;font-size:24px;font-weight:700;min-width:80px;text-align:center}.end-call-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;padding:15px 40px;transition:all .3s ease}.end-call-btn:hover{transform:scale(1.05)}.end-call-btn:disabled{cursor:not-allowed;opacity:.5}.end-call-btn i{font-size:20px}.video-call-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.video-call-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.video-call-btn i{font-size:16px}.video-call-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;text-align:center}.video-call-error h2{color:#f44;margin-bottom:20px}.video-call-error p{color:#666;font-size:16px;margin-bottom:30px}.video-call-error button{background:#667eea;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:12px 30px}@media (max-width:768px){.local-video{bottom:70px;height:90px;right:10px;width:120px}.call-duration{font-size:18px}.end-call-btn{font-size:16px;padding:12px 30px}}.voice-call-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.voice-call-container{background:#fffffff2;border-radius:30px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:60px 40px;text-align:center;width:100%}.call-status{align-items:center;display:flex;justify-content:center;margin-bottom:40px;min-height:150px}.status-connected,.status-connecting,.status-waiting{align-items:center;display:flex;flex-direction:column;gap:20px}.status-connecting p,.status-waiting p{color:#666;font-size:18px;margin:0}.voice-photo-container{height:150px;margin-bottom:20px;position:relative;width:150px}.voice-photo,.voice-photo-placeholder{border:4px solid #667eea;border-radius:50%;box-shadow:0 10px 30px #667eea66;height:150px;object-fit:cover;position:relative;width:150px;z-index:2}.voice-photo-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:60px;justify-content:center}.pulse-ring-voice{animation:pulse-ring-voice 2s ease-out infinite;border:3px solid #667eea;border-radius:50%;height:150px;left:0;position:absolute;top:0;width:150px}@keyframes pulse-ring-voice{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.calling-text{color:#333;font-size:24px;font-weight:600;margin:10px 0 5px}.waiting-subtext{color:#666;font-size:16px;margin:0}.status-connected p{color:#667eea;font-size:20px;font-weight:600}.pulse-ring{animation:pulse 2s ease-out infinite;background:#667eea;border-radius:50%;height:120px;position:relative;width:120px}.pulse-ring:after,.pulse-ring:before{animation:pulse-ring 2s ease-out infinite;border:3px solid #667eea;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.pulse-ring:after{animation-delay:1s}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.sound-wave{align-items:center;display:flex;gap:8px;height:80px;justify-content:center;position:relative;width:120px}.sound-wave:after,.sound-wave:before{animation:wave 1s ease-in-out infinite;background:#667eea;border-radius:3px;content:"";width:6px}.sound-wave:before{animation-delay:0s;height:40px}.sound-wave:after{animation-delay:.2s;height:60px}@keyframes wave{0%,to{height:20px}50%{height:80px}}.call-info{margin-bottom:40px}.call-duration-large{font-feature-settings:"tnum";color:#333;font-size:48px;font-variant-numeric:tabular-nums;font-weight:700;margin-bottom:10px}.call-cost{color:#666;font-size:18px}.call-controls{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.control-btn{align-items:center;background:#f5f5f5;border:none;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:20px 30px;transition:all .3s ease}.control-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.control-btn:disabled{cursor:not-allowed;opacity:.5}.control-btn i{font-size:32px}.control-btn span{font-size:14px;font-weight:600}.mute-btn{color:#667eea}.mute-btn:hover{background:#667eea;color:#fff}.end-call-btn,.mute-btn.active{background:#f44;color:#fff}.end-call-btn:hover{background:red}.voice-call-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.voice-call-btn:hover{box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.voice-call-btn i{font-size:16px}.voice-call-error{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;text-align:center}.voice-call-error h2{color:#fff;margin-bottom:20px}.voice-call-error p{color:#ffffffe6;font-size:16px;margin-bottom:30px}.voice-call-error button{background:#fff;border:none;border-radius:25px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px}@media (max-width:768px){.voice-call-container{padding:40px 20px}.call-duration-large{font-size:40px}.call-cost{font-size:16px}.control-btn{min-width:100px;padding:15px 20px}.control-btn i{font-size:28px}}.credits-page{margin:0 auto;max-width:1200px;padding:40px 20px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#fff;font-size:16px}.credits-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.credits-header h1{color:#333;font-size:36px;margin:0}.balance-display{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 5px 15px #667eea4d;color:#fff;display:flex;gap:15px;padding:15px 30px}.balance-label{font-size:16px;opacity:.9}.balance-amount{font-size:28px;font-weight:700}.packages-section{margin-bottom:60px}.packages-section h2{color:#333;font-size:28px;margin-bottom:10px}.packages-subtitle{color:#fff;margin-bottom:30px}.packages-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.package-card{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.package-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.package-card.popular{border:3px solid #667eea;transform:scale(1.05)}.package-card.popular:hover{transform:scale(1.08) translateY(-5px)}.popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 3px 10px #0003;color:#fff;font-size:12px;font-weight:700;padding:5px 40px;position:absolute;right:-35px;top:15px;transform:rotate(45deg)}.package-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:20px;text-align:center}.package-header h3{color:#333;font-size:24px;margin-bottom:15px}.package-price{align-items:flex-start;display:flex;justify-content:center}.price-currency{color:#667eea;font-size:24px;margin-top:5px}.price-amount{color:#667eea;font-size:48px;font-weight:700}.package-details{margin-bottom:25px;text-align:center}.package-description{color:#fff;font-size:16px;margin-bottom:10px}.package-minutes{color:#333;font-size:14px;font-weight:500;margin-bottom:5px}.package-savings{color:#4caf50;font-size:14px;font-weight:700}.buy-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px;transition:all .3s ease;width:100%}.buy-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.buy-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.transactions-section{margin-top:60px}.transactions-section h2{color:#333;font-size:28px;margin-bottom:20px}.no-transactions{color:#999;font-size:16px;padding:40px;text-align:center}.transactions-list{background:#fff;border-radius:15px;box-shadow:0 3px 15px #00000014;padding:20px}.transaction-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:15px;padding:20px;transition:background .2s ease}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background:#f9f9f9}.tx-icon{align-items:center;background:#f5f5f5;border-radius:50%;display:flex;font-size:28px;height:50px;justify-content:center;width:50px}.tx-details{flex:1 1}.tx-description{color:#333;font-size:16px;font-weight:500;margin-bottom:5px}.tx-date{color:#999;font-size:13px;margin:0}.tx-amount{font-size:20px;font-weight:700}.tx-amount.positive{color:#4caf50}.tx-amount.negative{color:#f44}@media (max-width:768px){.credits-header{align-items:flex-start;flex-direction:column}.balance-display{justify-content:space-between;width:100%}.packages-grid{grid-template-columns:1fr}.package-card.popular{transform:scale(1)}.package-card.popular:hover{transform:translateY(-5px)}.transaction-item{padding:15px 10px}.tx-icon{font-size:20px;height:40px;width:40px}.tx-description{font-size:14px}.tx-amount{font-size:16px}}.synastry-details-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.synastry-error,.synastry-loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:24px;gap:20px;justify-content:center;min-height:100vh}.synastry-header{margin:0 auto 40px;max-width:1400px}.back-button{margin-bottom:30px}.birth-data-cards{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.birth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;color:#fff;min-width:300px;padding:30px 40px;text-align:center}.birth-card h2{font-size:32px;margin-bottom:15px}.birth-card p{font-size:16px;margin:8px 0}.timezone{font-size:14px;opacity:.8}.hearts-divider{animation:heartbeat 1.5s ease infinite;color:#f44;font-size:36px}.glow-text{animation:glow 1s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #e60073,0 0 40px #e60073,0 0 50px #e60073}to{text-shadow:0 0 20px #fff,0 0 30px #00f,0 0 40px #00f,0 0 50px #00f,0 0 60px #00f}}.compatibility-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto 60px;max-width:1400px}.compat-card{background:linear-gradient(to bottom left,#e0e4e5,#f2f6f9);border-radius:30px;box-shadow:inset -2px 2px #fff,-20px 20px 40px #00000040;display:flex;flex-direction:column;gap:25px;padding:40px;transition:transform .3s ease}.compat-card:hover{transform:translateY(-5px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between}.card-header h1{color:#444447;font-size:28px;font-weight:600;line-height:1.2;text-transform:uppercase}.card-header small{font-size:18px;font-weight:400}.card-icon{font-size:48px}.card-icon i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.moon-card .card-icon i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text}.venus-mars-card .card-icon i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#c06c84);-webkit-background-clip:text}.malefic-card .card-icon i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#43e97b,#38f9d7);-webkit-background-clip:text}.yellow-card .card-icon i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fa709a,#fee140);-webkit-background-clip:text}.card-content{flex:1 1}.card-bar{height:2px;margin-top:auto}.card-bar,.moon-bar{background:linear-gradient(90deg,#667eea,#764ba2)}.venus-mars-bar{background:linear-gradient(90deg,#ff6b9d,#c06c84)}.malefic-bar{background:linear-gradient(90deg,#43e97b,#38f9d7)}.yellow-bar{background:linear-gradient(90deg,#fa709a,#fee140)}.compatibility-item{background:#667eea1a;border-radius:10px;display:flex;gap:12px;margin-bottom:15px;padding:15px}.compatibility-item.positive{background:#43e97b1a}.compatibility-item.warning{background:#ff98001a}.compatibility-item i{color:#43e97b;flex-shrink:0;font-size:20px}.compatibility-item.warning i{color:#ff9800}.compatibility-item p{color:#444;line-height:1.6;margin:0}.exception-badge{background:linear-gradient(135deg,gold,#ffed4e);border-radius:8px;color:#333;display:inline-block;font-size:13px;font-weight:700;margin-top:10px;padding:8px 12px}.exception-badge i{color:#ff6b00;margin-right:5px}.aspect-count{background:#ffffff80;border-radius:15px;margin-bottom:20px;padding:20px;text-align:center}.count-number{color:#667eea;display:block;font-size:48px;font-weight:700}.count-number.verified{color:#43e97b}.count-number.warning{color:#fa709a}.count-label{color:#666;display:block;font-size:14px;margin-top:5px;text-transform:uppercase}.verified-badge{background:#43e97b1a;border-radius:15px;padding:20px;text-align:center}.verified-badge i{color:#43e97b;display:block;font-size:48px;margin-bottom:15px}.aspect-list{margin:15px 0}.aspect-item{background:#ffffff4d;border-radius:8px;margin-bottom:8px;padding:12px}.aspect-item.negative{background:#ff44441a;border-left:3px solid #f44}.aspect-item.warning{background:#fa709a1a;border-left:3px solid #fa709a}.note-text{border-top:1px solid #0000001a;font-size:13px;margin-top:15px;padding-top:15px}.neutral-text,.note-text{color:#666;font-style:italic}.educational-section{margin:0 auto;max-width:1200px;padding:40px 20px}.edu-card{background:#fffffff2;border-radius:20px;box-shadow:0 5px 20px #0000001a;margin-bottom:20px;padding:30px}.edu-card h2{color:#667eea;font-size:24px;margin-bottom:15px}.edu-card p{color:#444;font-size:16px;line-height:1.8}@media (max-width:768px){.compatibility-grid{grid-template-columns:1fr}.birth-data-cards{flex-direction:column;gap:20px}.birth-card{min-width:auto;width:100%}.compat-card{padding:25px}.card-header h1{font-size:24px}.card-icon{font-size:36px}}.synastry-wheel-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.wheel-error,.wheel-loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:24px;gap:20px;justify-content:center;min-height:100vh}.wheel-header{margin:0 auto 30px;max-width:1400px}.wheel-title{font-size:36px;margin-bottom:15px;text-shadow:2px 2px 4px #0003}.wheel-names,.wheel-title{color:#fff;text-align:center}.wheel-names{font-size:24px;font-weight:500}.hearts-icon{font-size:28px}.wheel-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;gap:10px;margin:0 auto 30px;max-width:1400px;padding:10px}.tab,.wheel-tabs{background:#ffffff1a;display:flex}.tab{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:15px 20px;transition:all .3s ease}.tab:hover{background:#fff3}.tab.active{background:#fff;box-shadow:0 4px 15px #0003;color:#667eea}.tab-content{background:#fffffff2;border-radius:20px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:1400px;padding:30px}.wheel-view{display:flex;flex-direction:column;gap:30px}.wheel-controls{display:flex;gap:20px;justify-content:center}.aspect-toggle{align-items:center;color:#444;cursor:pointer;display:flex;font-size:16px;gap:10px}.aspect-toggle input[type=checkbox]{cursor:pointer;height:20px;width:20px}.wheel-container{display:flex;justify-content:center;overflow-x:auto;padding:20px}.synastry-wheel-svg{filter:drop-shadow(0 5px 20px rgba(0,0,0,.15));height:auto;max-width:100%}.wheel-legend{grid-gap:30px;background:#667eea0d;border-radius:15px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.legend-section h3{color:#667eea;font-size:18px;margin-bottom:15px}.legend-items{display:flex;flex-direction:column;gap:10px}.legend-item{align-items:center;color:#444;display:flex;font-size:14px;gap:10px}.legend-color{border:2px solid #333;border-radius:50%;height:20px;width:20px}.aspect-line{display:block;height:3px;width:40px}.grid-view{padding:20px}.grid-header{margin-bottom:30px;text-align:center}.grid-header h2{color:#667eea;font-size:32px;margin-bottom:10px}.grid-subtitle{color:#666;font-size:16px;margin-bottom:20px}.grid-controls{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.control-group{align-items:center;display:flex;gap:10px}.control-group label{color:#444;font-weight:600}.control-group select{background:#fff;border:2px solid #667eea;border-radius:8px;color:#444;cursor:pointer;font-size:14px;padding:8px 15px}.aspect-grid-table{margin-top:20px;overflow-x:auto}.aspect-grid-table table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.aspect-grid-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.aspect-grid-table th{font-size:14px;font-weight:600;padding:15px;text-align:left;text-transform:uppercase}.aspect-grid-table tbody tr{border-bottom:1px solid #eee;transition:all .2s ease}.aspect-grid-table tbody tr:hover{background:#667eea0d}.aspect-grid-table tbody tr.harmonious{border-left:4px solid #4caf50}.aspect-grid-table tbody tr.challenging{border-left:4px solid #ff5722}.aspect-grid-table td{color:#444;font-size:14px;padding:12px 15px}.planet-cell{color:#667eea;font-weight:600}.aspect-cell{font-weight:600;text-align:center}.aspect-conjunction{color:#ffc107}.aspect-sextile{color:#8bc34a}.aspect-square{color:#ff5722}.aspect-trine{color:#4caf50}.aspect-opposition{color:#f44336}.type-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.type-badge.harmonious{background:#4caf501a;color:#4caf50}.type-badge.challenging{background:#ff57221a;color:#ff5722}.no-aspects{color:#999;padding:60px 20px;text-align:center}.no-aspects i{display:block;font-size:48px;margin-bottom:20px}.scores-view{margin:0 auto;max-width:1200px;padding:40px}.scores-loading{color:#667eea;font-size:24px;padding:80px 20px;text-align:center}.scores-placeholder{color:#999;padding:80px 20px;text-align:center}.scores-placeholder i{color:#667eea;display:block;font-size:64px;margin-bottom:20px}.scores-placeholder h2{color:#667eea;font-size:32px;margin-bottom:15px}.scores-header{margin-bottom:40px;text-align:center}.scores-header h2{color:#667eea;font-size:36px;margin-bottom:10px}.scores-subtitle{color:#666;font-size:18px}.main-score-card{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid;border-radius:20px;box-shadow:0 10px 40px #667eea4d;color:#fff;margin-bottom:40px;overflow:hidden;padding:40px;position:relative;text-align:center}.main-score-card:before{animation:shimmer 8s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes shimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.score-rating{margin-bottom:20px;position:relative;z-index:1}.score-rating i{animation:pulse 2s ease infinite;font-size:48px;margin-bottom:10px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.score-rating h3{font-size:28px;margin:0;text-shadow:2px 2px 4px #0000004d}.harmony-display{margin:30px 0;position:relative;z-index:1}.harmony-number{font-size:80px;font-weight:700;line-height:1;text-shadow:3px 3px 6px #0000004d}.harmony-label{font-size:20px;margin-top:10px;opacity:.9}.comparison-text{font-size:18px;margin:20px 0;position:relative;z-index:1}.comparison-text .positive{color:#a5d6a7}.comparison-text .negative{color:#ffab91}.percentile-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:25px;display:inline-block;font-size:16px;font-weight:600;padding:10px 30px;position:relative;z-index:1}.score-breakdown{margin-bottom:40px}.score-breakdown h3{color:#667eea;font-size:24px;margin-bottom:20px;text-align:center}.breakdown-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.breakdown-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;gap:20px;padding:25px;transition:all .3s ease}.breakdown-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.breakdown-card.highlight{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border:2px solid #fdcb6e}.breakdown-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.breakdown-card.highlight .breakdown-icon{background:linear-gradient(135deg,#f39c12,#e67e22)}.breakdown-icon i{color:#fff;font-size:28px}.breakdown-content{flex:1 1}.breakdown-value{color:#667eea;font-size:36px;font-weight:700;line-height:1;margin-bottom:5px}.breakdown-card.highlight .breakdown-value{color:#e67e22}.breakdown-label{color:#444;font-size:16px;font-weight:600;margin-bottom:8px}.breakdown-desc{color:#666;font-size:13px;line-height:1.4}.score-visualization{margin-bottom:40px}.score-visualization h3{color:#667eea;font-size:24px;margin-bottom:20px;text-align:center}.score-bar-container{background:#f5f5f5;border-radius:15px;padding:30px}.score-bar-bg{background:#e0e0e0;height:40px;margin-bottom:20px;overflow:hidden}.score-bar-bg,.score-bar-fill{border-radius:20px;position:relative}.score-bar-fill{align-items:center;display:flex;height:100%;justify-content:flex-end;padding-right:15px;transition:width 1s ease}.score-bar-label{color:#fff;font-size:18px;font-weight:700;text-shadow:1px 1px 2px #0000004d}.score-markers{color:#666;display:flex;font-size:12px;justify-content:space-between;position:relative}.marker{line-height:1.2;position:absolute;text-align:center;transform:translateX(-50%)}.marker small{color:#999;font-size:10px}.scores-info{background:#667eea0d;border-left:4px solid #667eea;border-radius:10px;margin-bottom:30px;padding:25px}.scores-info h4{color:#667eea;font-size:18px;margin-bottom:15px}.scores-info h4 i{margin-right:8px}.scores-info ul{list-style:none;margin:0;padding:0}.scores-info li{color:#444;line-height:1.6;padding:8px 0}.scores-info li strong{color:#667eea}.exceptional-notice{background:linear-gradient(135deg,#9c27b0,#673ab7);border-radius:15px;box-shadow:0 10px 30px #9c27b04d;color:#fff;padding:30px;text-align:center}.exceptional-notice i{animation:twinkle 2s ease infinite;display:block;font-size:48px;margin-bottom:15px}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.exceptional-notice h4{font-size:24px;margin-bottom:15px}.exceptional-notice p{font-size:16px;line-height:1.6;opacity:.95}@media (max-width:768px){.wheel-title{font-size:28px}.wheel-names{font-size:18px}.wheel-tabs{flex-direction:column}.tab{font-size:14px;padding:12px 16px}.tab-content{padding:20px}.wheel-legend{grid-template-columns:1fr}.grid-controls{align-items:stretch;flex-direction:column}.control-group{align-items:flex-start;flex-direction:column}.aspect-grid-table{font-size:12px}.aspect-grid-table td,.aspect-grid-table th{padding:8px}}.synastry-report-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.report-error,.report-loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:24px;gap:20px;justify-content:center;min-height:100vh}.back-btn{background:#fff;border:none;border-radius:25px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.back-btn:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.report-header{margin:0 auto 30px;max-width:1200px}.back-button{background:#fff3;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:12px 24px;transition:all .3s ease}.back-button:hover{background:#ffffff4d;transform:translateX(-5px)}.report-title{font-size:42px;margin-bottom:15px;text-shadow:2px 2px 4px #0003}.report-names,.report-title{color:#fff;text-align:center}.report-names{font-size:28px;font-weight:500;margin-bottom:20px}.name-user1,.name-user2{padding:0 15px}.hearts-icon{animation:heartbeat 1.5s ease infinite;color:#f44;font-size:32px}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.report-actions{text-align:center}.download-btn{background:#fff;border:none;border-radius:30px;box-shadow:0 4px 15px #0003;color:#667eea;cursor:pointer;font-size:18px;font-weight:600;padding:15px 40px;transition:all .3s ease}.download-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.download-btn i{margin-right:10px}.report-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:1200px;padding:50px}.report-section{margin-bottom:50px}.report-section h2{border-bottom:3px solid #667eea;color:#667eea;font-size:32px;margin-bottom:20px;padding-bottom:15px}.report-section h2 i{margin-right:12px}.section-subtitle{color:#666;font-size:16px;font-style:italic;margin-bottom:30px}.section-content{color:#444;font-size:16px;line-height:1.8}.section-content p{margin-bottom:20px}.closing-section,.intro-section{background:#667eea08;border-left:4px solid #667eea;border-radius:15px;padding:30px}.aspects-section{margin:50px 0}.aspects-list{display:flex;flex-direction:column;gap:15px}.aspect-card{background:#fff;border:1px solid #e0e0e0;border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.aspect-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.aspect-card.expanded{box-shadow:0 6px 20px #0000001f}.aspect-header{align-items:center;background:#fafafa;cursor:pointer;display:flex;justify-content:space-between;padding:20px 25px;transition:background .2s ease}.aspect-header:hover{background:#f5f5f5}.aspect-title{align-items:center;display:flex;flex:1 1;gap:15px}.aspect-icon{font-size:28px;font-weight:700;text-align:center;width:40px}.aspect-name{color:#333;font-size:18px;font-weight:600}.aspect-meta{align-items:center;color:#666;display:flex;gap:20px}.aspect-orb{background:#667eea1a;border-radius:12px;font-size:14px;font-weight:500;padding:5px 12px}.aspect-interpretation{animation:slideDown .3s ease;background:#fff;border-top:1px solid #e0e0e0;color:#444;line-height:1.8;padding:25px 30px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.aspect-interpretation p{margin-bottom:15px}.aspect-interpretation p:last-child{margin-bottom:0}.report-footer{border-top:2px solid #e0e0e0;color:#999;font-size:14px;margin-top:50px;padding:30px 0;text-align:center}.report-footer p{margin:5px 0}@media print{.synastry-report-page{background:#fff;padding:0}.back-button,.report-actions{display:none}.report-header{margin-bottom:20px}.report-title{color:#667eea;text-shadow:none}.report-names{color:#333}.report-content{box-shadow:none;padding:20px}.aspect-card{break-inside:avoid;page-break-inside:avoid}.aspect-header{cursor:default}.aspect-interpretation{display:block!important}}@media (max-width:768px){.report-content{padding:30px 20px}.report-title{font-size:32px}.report-names{font-size:20px}.report-section h2{font-size:24px}.aspect-header{align-items:flex-start;flex-direction:column;gap:10px}.aspect-meta{justify-content:space-between;width:100%}.aspect-name{font-size:16px}}.admin-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1600px;min-height:100vh;padding:40px 20px}.admin-dashboard h1{color:#fff;font-size:42px;margin-bottom:40px;text-align:center;text-shadow:0 2px 10px #0003}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;display:flex;gap:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.stat-icon{align-items:center;background:#f5f5f5;border-radius:50%;display:flex;font-size:48px;height:70px;justify-content:center;width:70px}.stat-card.purple .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.blue .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card.green .stat-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-card.orange .stat-icon{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-card.pink .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.teal .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-content{flex:1 1}.stat-value{color:#333;font-size:32px;font-weight:700;margin-bottom:5px}.stat-label{color:#eee;font-size:14px;font-weight:600;margin-bottom:5px}.stat-sublabel{color:#999;font-size:12px}.dashboard-row{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:25px}.dashboard-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:30px}.dashboard-card.full-width{grid-column:1/-1}.dashboard-card h2{border-bottom:2px solid #f0f0f0;color:#333;font-size:24px;margin-bottom:20px;padding-bottom:15px}.chart-container{align-items:center;display:flex;justify-content:center;min-height:250px}.simple-bar-chart{align-items:flex-end;display:flex;gap:8px;height:250px;justify-content:space-between;padding:10px 0;width:100%}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:5px}.bar-label{color:#999;font-size:11px;font-weight:600}.bar-wrapper{align-items:flex-end;display:flex;flex:1 1;justify-content:center;width:100%}.bar{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:5px 5px 0 0;cursor:pointer;min-height:10px;transition:all .3s ease;width:100%}.bar:hover{opacity:.8;transform:scaleY(1.05)}.bar-value{color:#eee;font-size:10px;font-weight:600}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f5f5f5}.data-table th{color:#eee;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:15px 12px}.data-table tbody tr:hover{background:#f9f9f9}.data-table .rank{color:#667eea;font-weight:700}.data-table .amount{color:#4caf50;font-weight:600}.data-table .date{color:#999;font-size:13px}.call-type{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.call-type.voice{background:#e3f2fd;color:#1976d2}.call-type.video{background:#f3e5f5;color:#7b1fa2}.status{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.status.initiated{background:#fff3e0;color:#f57c00}.status.connected{background:#e8f5e9;color:#388e3c}.status.ended{background:#e3f2fd;color:#1976d2}.status.failed{background:#ffebee;color:#d32f2f}.no-data{color:#999;font-size:16px;padding:40px;text-align:center}.loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:24px;justify-content:center;min-height:100vh}@media (max-width:1200px){.dashboard-row{grid-template-columns:1fr}}@media (max-width:768px){.admin-dashboard h1{font-size:32px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-icon{font-size:36px;height:60px;width:60px}.stat-value{font-size:24px}.dashboard-card{padding:20px}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px 6px}.simple-bar-chart{height:200px}}.email-section{margin-top:20px}.email-section h2,.email-status{margin-bottom:20px}.email-status{border-radius:8px;font-weight:500;padding:12px 16px}.email-status.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.email-status.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.email-form{display:flex;flex-direction:column;gap:20px}.email-form .form-group{display:flex;flex-direction:column;gap:8px}.email-form label{color:#374151;font-size:14px;font-weight:600}.email-form input,.email-form select,.email-form textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.email-form input:focus,.email-form select:focus,.email-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.email-form select{background:#fff;cursor:pointer}.email-form textarea{min-height:150px;resize:vertical}.email-form .form-actions{display:flex;justify-content:flex-end;padding-top:10px}.send-email-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:14px 28px;transition:transform .2s,box-shadow .2s}.send-email-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.send-email-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.send-email-btn i{font-size:14px}@media (max-width:768px){.email-form .form-actions{justify-content:stretch}.send-email-btn{justify-content:center;width:100%}}.incoming-call-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.incoming-call-modal{animation:slideUp .4s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:50px 40px;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.caller-photo-container{height:150px;margin:0 auto 30px;position:relative;width:150px}.caller-photo,.caller-photo-placeholder{border:5px solid #fff;border-radius:50%;box-shadow:0 10px 30px #0000004d;height:150px;object-fit:cover;position:relative;width:150px;z-index:2}.caller-photo-placeholder{align-items:center;background:#fff3;color:#fff;display:flex;font-size:60px;justify-content:center}.pulse-ring-large{animation:pulse-ring-large 2s ease-out infinite;border:3px solid #fffc;border-radius:50%;height:150px;left:0;position:absolute;top:0;width:150px}@keyframes pulse-ring-large{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.call-info-modal h2{color:#fff;font-size:28px;font-weight:600;margin-bottom:10px}.call-type-label{color:#ffffffe6;font-size:18px;margin-bottom:5px}.call-rate{color:#fffc;font-size:14px;margin-bottom:30px}.call-actions{display:flex;gap:20px;justify-content:center}.answer-btn,.decline-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:600;gap:8px;min-width:120px;padding:20px 30px;transition:all .3s ease}.decline-btn{background:#f44;color:#fff}.decline-btn:hover{background:red;transform:scale(1.05)}.answer-btn{animation:pulse-answer 2s ease-in-out infinite;background:#4caf50;color:#fff}.answer-btn:hover{animation:none;background:#45a049;transform:scale(1.05)}@keyframes pulse-answer{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.answer-btn i,.decline-btn i{font-size:24px}.decline-btn i{transform:rotate(135deg)}@media (max-width:768px){.incoming-call-modal{padding:40px 20px}.caller-photo,.caller-photo-container,.caller-photo-placeholder,.pulse-ring-large{height:120px;width:120px}.call-info-modal h2{font-size:24px}.call-actions{flex-direction:row;gap:15px}.answer-btn,.decline-btn{min-width:100px;padding:15px 20px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:20px;width:100%}.loading{font-size:1.2rem;padding:50px 20px}.error-message,.loading{color:#fff;text-align:center}.error-message{background-color:#ff5252;border-radius:8px;margin:20px 0;padding:15px 20px}button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}button:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}a{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.dad0eb6b.css.map*/