*{box-sizing:border-box;margin:0;padding:0}body{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}.loading{align-items:center;color:#fff;display:flex;font-size:24px;height:100vh;justify-content:center}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-container h1{color:#667eea;font-size:24px}.nav-items{align-items:center;display:flex;gap:20px}.logout-btn{background-color:#f56565;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.logout-btn:hover{background-color:#e53e3e}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:40px;width:100%}.login-box h2{color:#667eea;margin-bottom:10px;text-align:center}.login-box h3{color:#333;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.submit-btn{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background-color .3s;width:100%}.submit-btn:hover{background-color:#5a67d8}.submit-btn:disabled{background-color:#cbd5e0;cursor:not-allowed}.error-message{background-color:#fed7d7;color:#c53030}.error-message,.success-message{border-radius:4px;margin:10px 0;padding:10px}.success-message{background-color:#c6f6d5;color:#276749}.info-message{background-color:#bee3f8;border-radius:4px;color:#2c5282;margin:10px 0;padding:10px}.login-info{border-top:1px solid #e2e8f0;color:#718096;font-size:14px;margin-top:20px;padding-top:20px}.admin-dashboard{margin:0 auto;max-width:1200px;padding:40px 20px}.admin-dashboard h2{color:#fff;font-size:32px;margin-bottom:30px}.admin-section{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:30px}.admin-section h3{color:#4a5568;margin-bottom:20px}.add-missionary-form{display:flex;gap:10px;margin-bottom:20px}.add-missionary-form input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:16px;padding:10px}.add-missionary-form button{background-color:#48bb78;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.add-missionary-form button:hover{background-color:#38a169}.table-container{overflow-x:auto}.missionary-table{border-collapse:collapse;width:100%}.missionary-table th{background-color:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-weight:600;padding:12px;text-align:left}.missionary-table td{border-bottom:1px solid #e2e8f0;padding:12px}.missionary-table tr:hover{background-color:#f7fafc}.no-data{color:#a0aec0;font-style:italic;text-align:center}.delete-btn{background-color:#f56565;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.delete-btn:hover{background-color:#e53e3e}.fill-form-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;padding:6px 12px}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;padding:20px;text-align:center}.stat-card h4{font-size:14px;margin-bottom:10px;opacity:.9}.stat-number{font-size:36px;font-weight:700}.missionary-form{margin:0 auto;max-width:800px;padding:40px 20px}.missionary-form h2{color:#fff;font-size:32px;margin-bottom:30px}.form-section{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:30px}.form-section h3{border-bottom:2px solid #e2e8f0;color:#4a5568;margin-bottom:20px;padding-bottom:10px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.picture-upload-area{background-color:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;margin-bottom:20px;padding:20px}.add-picture-btn{background-color:#48bb78;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:10px 20px;transition:background-color .3s}.add-picture-btn:hover:not(:disabled){background-color:#38a169}.add-picture-btn:disabled{background-color:#cbd5e0;cursor:not-allowed}.pictures-list{margin-top:20px}.pictures-list h4{color:#4a5568;font-size:16px;margin-bottom:15px}.no-pictures{background-color:#f7fafc;border-radius:4px;color:#718096;font-style:italic;padding:20px;text-align:center}.pictures-grid{grid-gap:15px;display:grid;gap:15px}.picture-item{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:15px;padding:15px;transition:box-shadow .3s}.picture-item:hover{box-shadow:0 2px 8px #0000001a}.picture-preview{background-color:#e2e8f0;border-radius:4px;flex-shrink:0;height:100px;overflow:hidden;width:100px}.picture-preview img{height:100%;object-fit:cover;width:100%}.picture-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.picture-controls{display:flex;flex-wrap:wrap;gap:8px}.move-btn{background-color:#4299e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;min-width:24px;padding:4px 8px;transition:background-color .3s}.move-btn:hover:not(:disabled){background-color:#3182ce}.move-btn:disabled{background-color:#cbd5e0;cursor:not-allowed;opacity:.6}.picture-name{color:#718096;font-size:12px;margin-bottom:5px;word-break:break-all}.picture-description{color:#2d3748;font-size:14px;font-weight:500;margin-bottom:10px}.remove-picture-btn{align-self:flex-start;background-color:#f56565;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s}.remove-picture-btn:hover{background-color:#e53e3e}.processing-message{color:#667eea;font-size:14px;font-style:italic;margin-top:8px}.converted-badge{background-color:#c6f6d5;border-radius:4px;color:#38a169;font-size:12px;font-weight:700;margin-left:8px;padding:2px 6px}@media (max-width:640px){.picture-item{flex-direction:column}.picture-preview{height:200px;width:100%}.remove-picture-btn{width:100%}}