*{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-radius:4px;font-weight:600;padding:12px;width:100%}.submit-btn:hover{background-color:#5a67d8}.submit-btn:disabled{background-color:#cbd5e0}.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-radius:4px;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%}}.support-request-container{margin:0 auto;max-width:1200px;padding:20px}.support-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.support-header h2{color:#333;margin:0}.new-request-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.new-request-btn:hover{background-color:#45a049}.support-form-section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:30px;padding:25px}.support-form-section h3{color:#333;margin-bottom:20px;margin-top:0}.support-form .form-group{margin-bottom:20px}.support-form label{color:#555;display:block;font-weight:600;margin-bottom:8px}.support-form .form-control{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.support-form textarea.form-control{font-family:inherit;resize:vertical}.form-actions{display:flex;gap:10px;margin-top:20px}.submit-btn{background-color:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.submit-btn:hover:not(:disabled){background-color:#0b7dda}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.cancel-btn{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.cancel-btn:hover{background-color:#da190b}.requests-list h3{color:#333;margin-bottom:20px}.no-requests{padding:40px}.requests-grid{grid-gap:20px;display:grid;gap:20px}.request-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:box-shadow .3s}.request-card:hover{box-shadow:0 4px 8px #00000026}.request-header{margin-bottom:15px}.request-title-row h4{color:#333;flex:1 1;margin:0}.request-meta{align-items:center;display:flex;gap:10px}.request-type{color:#666;font-size:14px;font-weight:500}.status-badge{border-radius:4px;font-size:12px;font-weight:600;padding:5px 12px;text-transform:uppercase}.status-open{background-color:#fff3cd;color:#856404}.status-in-progress{background-color:#d1ecf1;color:#0c5460}.status-completed{background-color:#d4edda;color:#155724}.status-closed{background-color:#e2e3e5;color:#383d41}.priority-badge{border-radius:3px;font-size:11px;font-weight:600;padding:3px 8px}.priority-high{background-color:#ff9800;color:#fff}.priority-urgent{background-color:#f44336;color:#fff}.request-body{margin-bottom:15px}.admin-response{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;margin-top:15px;padding:15px}.response-header{color:#2e7d32;font-weight:600;margin-bottom:8px}.response-header .responder{color:#555;font-size:14px;font-weight:400}.response-text{margin-bottom:8px}.response-date{color:#666;font-size:12px;font-style:italic}.request-footer{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:10px}.request-dates{color:#666;font-size:13px}.request-dates div{margin-bottom:5px}.request-dates strong{color:#555}.support-admin-container{margin:0 auto;max-width:1400px;padding:20px}.admin-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.admin-header h2{color:#333;margin:0}.admin-stats{display:flex;gap:20px}.stat-item{background-color:#f5f5f5;border-radius:4px;font-size:14px;font-weight:600;padding:8px 16px}.stat-item.open{background-color:#fff3cd;color:#856404}.stat-item.in-progress{background-color:#d1ecf1;color:#0c5460}.filter-bar{background-color:#f9f9f9;border-radius:8px;display:flex;gap:10px;margin-bottom:25px;padding:15px}.filter-btn{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.filter-btn:hover{background-color:#f0f0f0}.filter-btn.active{background-color:#2196f3;border-color:#2196f3;color:#fff}.no-requests{background-color:#f5f5f5;border-radius:8px;color:#666;font-size:16px;padding:60px;text-align:center}.admin-requests-list{grid-gap:20px;display:grid;gap:20px}.admin-request-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:box-shadow .3s}.admin-request-card:hover{box-shadow:0 4px 8px #00000026}.request-main{padding:20px}.request-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.request-title-row h3{color:#333;flex:1 1;font-size:18px;margin:0}.request-meta-row{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:20px;margin-bottom:15px}.request-type{color:#2196f3;font-weight:600}.request-user{font-weight:500}.request-description{background-color:#f9f9f9;border-radius:5px;color:#555;line-height:1.6;margin:15px 0;padding:15px;white-space:pre-wrap}.existing-response{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;margin:15px 0;padding:15px}.response-label{color:#2e7d32;font-weight:600;margin-bottom:8px}.response-label span{color:#666;font-size:12px;font-weight:400}.response-text{color:#333;line-height:1.6;white-space:pre-wrap}.request-actions{border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding-top:15px}.respond-btn{background-color:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s}.respond-btn:hover{background-color:#0b7dda}.complete-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s}.complete-btn:hover:not(:disabled){background-color:#45a049}.status-btn{background-color:#ff9800;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s}.status-btn:hover:not(:disabled){background-color:#e68900}.status-btn:disabled{background-color:#ccc;cursor:not-allowed}.delete-btn{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:auto;padding:10px 20px;transition:background-color .3s}.delete-btn:hover:not(:disabled){background-color:#da190b}.delete-btn:disabled{background-color:#ccc;cursor:not-allowed}.response-form{background-color:#f0f7ff;border:1px solid #2196f3;border-radius:5px;margin-top:15px;padding:15px}.response-textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.response-actions{display:flex;gap:10px;margin-top:10px}.submit-response-btn{background-color:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s}.submit-response-btn:hover:not(:disabled){background-color:#0b7dda}.submit-response-btn:disabled{background-color:#ccc;cursor:not-allowed}.cancel-response-btn{background-color:#9e9e9e;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s}.cancel-response-btn:hover{background-color:#757575}.loading{color:#666;font-size:18px;padding:40px;text-align:center}