*{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,#fef2f2 0%,#fce7f3 100%);min-height:100vh;padding:2rem 1rem}.container{max-width:1200px;margin:0 auto}.nav-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.tab-btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;background:#fff;color:#374151;transition:all 0.3s ease}.tab-btn:hover{background:#f3f4f6}.tab-btn.active{background:#ef4444;color:#fff}.tab-content{display:none}.tab-content.active{display:block}.card{background:#fff;border-radius:1rem;box-shadow:0 10px 30px rgb(0 0 0 / .1);padding:2rem}.header-section{text-align:center;margin-bottom:2rem}.heart-icon{width:4rem;height:4rem;color:#ef4444;margin:0 auto 1rem}.header-section h2{font-size:2rem;color:#1f2937;margin-bottom:.5rem}.header-section p{color:#6b7280}.donation-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;color:#374151;margin-bottom:.75rem;font-size:.875rem}.frequency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.freq-btn{padding:1rem;border:2px solid #d1d5db;border-radius:.5rem;background:#fff;cursor:pointer;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.freq-btn:hover{border-color:#fca5a5}.freq-btn.active{border-color:#ef4444;background:#fef2f2}.freq-icon{font-size:1.5rem}.freq-btn span:last-child{font-size:.75rem;font-weight:500}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.amount-btn{padding:1rem;border:2px solid #d1d5db;border-radius:.5rem;background:#fff;cursor:pointer;font-weight:600;font-size:1rem;transition:all 0.3s ease}.amount-btn:hover{border-color:#fca5a5}.amount-btn.active{border-color:#ef4444;background:#fef2f2;color:#dc2626}.input-field{width:100%;padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all 0.3s ease}.input-field:focus{outline:none;border-color:#ef4444}.input-field::placeholder{color:#9ca3af}.submit-btn{width:100%;padding:1rem;border:none;border-radius:.5rem;background:#ef4444;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.submit-btn:hover{background:#dc2626}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.secure-text{text-align:center;font-size:.75rem;color:#6b7280;margin-top:1rem}.section-header h2{font-size:1.5rem;color:#1f2937;margin-bottom:1.5rem}.history-item{border:2px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.history-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.history-amount{font-size:1.125rem;font-weight:600}.history-date{font-size:.875rem;color:#6b7280}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.status-approved{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.history-info{font-size:.875rem;color:#6b7280}.empty-state{text-align:center;padding:3rem;color:#6b7280}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-header h2{font-size:1.5rem;color:#1f2937}.total-amount{text-align:right}.total-label{font-size:.875rem;color:#6b7280}.total-value{font-size:1.5rem;font-weight:700;color:#dc2626}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{padding:1.5rem;border-radius:.5rem}.stat-card.blue{background:#eff6ff}.stat-card.green{background:#f0fdf4}.stat-card.purple{background:#faf5ff}.stat-label{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700}.stat-card.blue .stat-value{color:#2563eb}.stat-card.green .stat-value{color:#16a34a}.stat-card.purple .stat-value{color:#9333ea}.table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#f9fafb}.admin-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}.admin-table td{padding:.75rem 1rem;border-top:1px solid #e5e7eb;font-size:.875rem}.admin-table tbody tr:hover{background:#f9fafb}@media (max-width:768px){.frequency-grid{grid-template-columns:repeat(2,1fr)}.amount-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:flex-start}.total-amount{text-align:left}}#cardNumberGroup{display:block}#cardNumberGroup.hidden{display:none}