*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px 30px;margin-bottom:30px;box-shadow:0 8px 32px #0000001a}.header h1{font-size:2rem;font-weight:700;color:#2d3748}.header-actions{display:flex;align-items:center;gap:20px}.status-indicator{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#64748b}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 8px 32px #0000001a;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px}.stat-content h3{font-size:.9rem;color:#64748b;margin-bottom:8px;font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:4px}.stat-change{font-size:.8rem;color:#10b981;font-weight:500}.charts-section{margin-bottom:30px}.chart-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a}.chart-container h3{margin-bottom:20px;color:#2d3748;font-weight:600}.donations-section,.logs-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;margin-bottom:30px;box-shadow:0 8px 32px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{color:#2d3748;font-weight:600}.filter-controls{display:flex;align-items:center;gap:12px}.select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.9rem}.table-container{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.donations-table,.logs-table{width:100%;border-collapse:collapse;background:#fff}.donations-table th,.donations-table td,.logs-table th,.logs-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f3f4f6}.donations-table th,.logs-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.9rem}.donations-table td,.logs-table td{font-size:.9rem;color:#4b5563}.loading-row td{text-align:center;font-style:italic;color:#9ca3af}.status-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.status-completed{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-failed{background:#fee2e2;color:#991b1b}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}#page-info{font-weight:500;color:#4b5563}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{color:#2d3748;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:4px}.modal-close:hover{color:#374151}.modal-body{padding:24px}@media (max-width: 768px){.container{padding:16px}.header{flex-direction:column;gap:16px;text-align:center}.header-actions{flex-direction:column;width:100%}.stats-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:12px;align-items:stretch}.filter-controls{justify-content:space-between}.table-container{font-size:.8rem}}.logs-container{transition:all .3s ease}.donation-details{display:grid;gap:16px}.detail-group{display:grid;grid-template-columns:1fr 2fr;gap:8px;padding:12px;background:#f9fafb;border-radius:8px}.detail-label{font-weight:500;color:#374151}.detail-value{color:#4b5563;word-break:break-all}.action-btn{padding:4px 8px;font-size:.8rem;border-radius:4px;border:none;cursor:pointer;background:#3b82f6;color:#fff;transition:background .2s}.action-btn:hover{background:#2563eb}