.offline-indicator{position:fixed;top:0;left:0;right:0;z-index:1000;padding:8px 16px;font-size:14px;font-weight:700;transition:all .3s ease}.offline-indicator.online{background:linear-gradient(90deg,#d4edda,#c3e6cb);color:#155724;border-bottom:2px solid #28a745}.offline-indicator.offline{background:linear-gradient(90deg,#f8d7da,#f5c6cb);color:#721c24;border-bottom:2px solid #dc3545;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.status-content{display:flex;align-items:center;gap:8px}.status-icon{font-size:16px}.pending-count{font-weight:400;opacity:.8}.sync-button{margin-left:auto;padding:4px 8px;border:1px solid currentColor;background:transparent;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.sync-button:hover:not(:disabled){background:currentColor;color:#fff}.sync-button:disabled{opacity:.5;cursor:not-allowed}.sync-status{margin-left:8px;font-size:12px;font-weight:400;opacity:.8}.sync-status.syncing{color:#007bff}.sync-status.success{color:#28a745}.sync-status.error{color:#dc3545}.last-sync{font-size:12px;font-weight:400;opacity:.7;margin-top:2px}@media(max-width:768px){.offline-indicator{padding:6px 12px;font-size:12px}.status-content{gap:6px}}.donation-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.donation-modal-content{background:#fff;padding:30px;border-radius:16px;max-width:450px;width:90%;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.donation-modal-content h3{margin:0 0 15px;color:#333;font-size:22px;text-align:center}.donation-modal-content p{margin:0 0 25px;color:#666;font-size:16px;text-align:center;line-height:1.5}.donation-modal-buttons{display:flex;gap:12px;justify-content:center}.donation-modal-buttons button{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-yes{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-yes:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-no{background:#f0f0f0;color:#666}.btn-no:hover{background:#e0e0e0}.account-info{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:20px}.account-row{display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.account-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.account-label{color:#666;font-weight:500}.account-value{color:#333;font-weight:600}.account-number{font-family:Courier New,monospace;font-size:18px;color:#667eea}.btn-copy{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:10px}.btn-copy:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-close{width:100%;padding:12px;background:#f0f0f0;color:#666;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-close:hover{background:#e0e0e0}@media(max-width:480px){.donation-modal-content{padding:24px;width:95%}.donation-modal-content h3{font-size:20px}.donation-modal-content p{font-size:15px}.donation-modal-buttons button{padding:10px 16px;font-size:14px}.account-number{font-size:16px}}