.sidebar{background:linear-gradient(180deg,#2563eb,#1d4ed8);box-shadow:5px 0 15px #0000001a;color:#fff;height:100vh;left:0;overflow-y:auto;padding:25px 20px;position:fixed;top:0;transition:all .3s ease;width:250px;z-index:1000}.sidebar h2{align-items:center;border-bottom:2px solid #fff3;color:#fff;display:flex;font-size:1.5rem;gap:10px;margin-bottom:30px;padding-bottom:15px}.sidebar h2:before{content:"⚙️";font-size:1.8rem}.sidebar a{align-items:center;border-radius:10px;color:#ffffffe6;display:flex;font-weight:500;gap:12px;margin:8px 0;padding:14px 15px;text-decoration:none;transition:all .3s ease}.sidebar a:hover{background:#ffffff26;color:#fff;transform:translateX(5px)}.sidebar a.active{background:#fff;color:#2563eb;font-weight:600}@media (max-width:1024px){.sidebar{padding:20px 10px;width:70px}.sidebar a span,.sidebar h2 span{display:none}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}}.navbar{align-items:center;background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;height:70px;justify-content:space-between;left:250px;padding:0 30px;position:fixed;right:0;top:0;width:calc(100% - 250px);z-index:999}.navbar h1{color:#2563eb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.5rem;font-weight:600}.user-profile{cursor:pointer;gap:10px}.avatar,.user-profile{align-items:center;display:flex}.avatar{background:#2563eb;border-radius:50%;color:#fff;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.user-profile span{color:#1e293b;font-weight:500}@media (max-width:1024px){.navbar{left:70px;width:calc(100% - 70px)}}@media (max-width:768px){.navbar{left:0;padding:0 20px;width:100%}.navbar h1{font-size:1.2rem}.user-profile span{display:none}}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background:#f1f5f9;color:#1e293b;min-height:100vh;overflow-x:hidden}.admin-container{display:flex;min-height:100vh}.main-wrapper{flex:1 1;margin-left:250px;min-height:100vh;width:calc(100% - 250px)}.main-content{margin-top:70px;min-height:calc(100vh - 70px);padding:30px;width:100%}@media (max-width:1024px){.main-wrapper{margin-left:70px;width:calc(100% - 70px)}}@media (max-width:768px){.main-wrapper{margin-left:0;width:100%}.main-content{margin-top:70px;padding:20px}}.create-user,.dashboard,.donations,.enquiry,.events,.gallery,.members,.notices,.settings,.user-list{width:100%}.create-user h2,.dashboard h2,.donations h2,.enquiry h2,.events h2,.gallery h2,.members h2,.notices h2,.settings h2,.user-list h2{margin-top:0;padding-top:0}.dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.dashboard-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.dashboard-header h2{align-items:center;color:#2c3e50;display:flex;font-size:28px;gap:10px;margin:0}.dashboard-header h2 span{font-size:32px}.header-actions{align-items:center;display:flex;gap:20px}.refresh-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.7}.current-time{color:#7f8c8d;font-size:14px;font-weight:500}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.stat-card{transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001f}.stat-card.primary{border-left:5px solid #3498db}.stat-card.success{border-left:5px solid #2ecc71}.stat-card.info{border-left:5px solid #1abc9c}.stat-card.warning{border-left:5px solid #f39c12}.stat-card.secondary{border-left:5px solid #9b59b6}.stat-card.dark{border-left:5px solid #34495e}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);font-size:40px}.stat-content h3{color:#7f8c8d}.stat-value{color:#2c3e50;font-size:36px}.stat-subtext{color:#95a5a6}.trend{font-weight:600}.trend.up{color:#2ecc71}.trend.down{color:#e74c3c}.dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:2fr 1fr;margin-bottom:30px}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}.activity-card,.chart-card,.quick-actions-card,.recent-users-card,.roles-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;margin-bottom:25px;padding:25px}.card-header{border-bottom:2px solid #f5f7fa;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.card-header,.card-header h3{align-items:center;display:flex}.card-header h3{color:#2c3e50;font-size:18px;gap:10px;margin:0}.view-all-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.view-all-btn:hover{background:#2980b9}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-badge{background:#e74c3c;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.bar-chart{align-items:flex-end;display:flex;gap:15px;height:200px;padding:20px 0}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.bar-label{color:#7f8c8d;font-size:12px;margin-bottom:10px;text-transform:uppercase}.bar-wrapper{align-items:flex-end;background:#f5f7fa;border-radius:8px 8px 0 0;display:flex;flex:1 1;overflow:hidden;width:30px}.bar-fill{background:linear-gradient(0deg,#3498db,#1abc9c);transition:height .5s ease;width:100%}.bar-value{color:#2c3e50;font-size:14px;font-weight:600;margin-top:8px}.users-table{overflow-x:auto}.users-table table{border-collapse:collapse;width:100%}.users-table th{background:#f8f9fa;color:#495057;padding:12px 15px}.users-table td{padding:15px}.users-table tr:hover{background-color:#f8f9fa}.user-cell{align-items:center;display:flex;gap:12px}.user-avatar{font-size:14px;height:36px;width:36px}.role-badge,.status-badge{text-transform:capitalize}.role-badge.admin{background:#e74c3c;color:#fff}.role-badge.user{background:#3498db;color:#fff}.role-badge.editor{background:#f39c12;color:#fff}.role-badge.viewer{background:#95a5a6;color:#fff}.status-badge.active{background:#2ecc71;color:#fff}.status-badge.inactive{background:#e74c3c;color:#fff}.status-badge.pending{background:#f39c12;color:#fff}.empty-state{padding:40px 20px}.empty-state p{color:#7f8c8d;margin-bottom:20px}.create-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.create-btn:hover{background:#2980b9}.activity-count{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.activity-list{max-height:400px;overflow-y:auto}.activity-item{border-bottom:1px solid #f5f7fa;display:flex;gap:15px;padding:15px 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.activity-content{flex:1 1}.activity-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:5px}.activity-header h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.activity-time{background:#f8f9fa;border-radius:10px;color:#95a5a6;font-size:12px;padding:3px 8px}.activity-desc{color:#7f8c8d;font-size:14px;line-height:1.5;margin:0 0 8px}.activity-meta{display:flex;gap:10px}.activity-action,.activity-type{background:#f8f9fa;border-radius:10px;color:#495057;font-size:12px;padding:2px 8px}.activity-empty{color:#7f8c8d;padding:30px;text-align:center}.actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.action-btn{align-items:center;background:#fff;border:2px solid #f5f7fa;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:20px;transition:all .3s ease}.action-btn:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.action-btn.primary:hover{background:#3498db;border-color:#3498db;color:#fff}.action-btn.success:hover{background:#2ecc71;border-color:#2ecc71;color:#fff}.action-btn.info:hover{background:#1abc9c;border-color:#1abc9c;color:#fff}.action-btn.warning:hover{background:#f39c12;border-color:#f39c12;color:#fff}.action-icon{font-size:28px}.action-text{font-size:14px;font-weight:600}.roles-list{display:flex;flex-direction:column;gap:15px}.role-item{gap:15px}.role-info,.role-item{align-items:center;display:flex}.role-info{flex:1 1;justify-content:space-between}.role-name{color:#2c3e50;font-weight:600;text-transform:capitalize}.role-count{color:#7f8c8d;font-size:14px}.role-bar{background:#f5f7fa;border-radius:4px;flex:2 1;height:8px;overflow:hidden}.role-fill{background:linear-gradient(90deg,#3498db,#1abc9c);border-radius:4px;height:100%;transition:width .5s ease}.role-percentage{color:#2c3e50;font-size:14px;font-weight:600;text-align:right;width:40px}.footer-stats{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;padding:20px}.footer-stat{display:flex;flex-direction:column;gap:5px}.footer-label{color:#7f8c8d;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.footer-value{color:#2c3e50;font-size:16px;font-weight:600}.footer-value.online{color:#2ecc71}@media (max-width:768px){.dashboard-header{gap:15px}.dashboard-header,.header-actions{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.actions-grid,.stats-grid{grid-template-columns:1fr}.footer-stats{align-items:flex-start;flex-direction:column;gap:15px}}@media (max-width:480px){.dashboard{padding:10px}.activity-item,.stat-card{flex-direction:column;text-align:center}.activity-item{align-items:center}.activity-header{flex-direction:column;gap:5px}}.create-user{padding:30px}.create-user h2{align-items:center;color:#1e293b;display:flex;font-size:1.8rem;font-weight:600;gap:10px;margin-bottom:25px}.create-user h2:before{content:"👤";font-size:2rem}.alert{border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.create-user .form{background:#fff;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a;padding:25px}.form-group label{color:#1e293b;font-size:.95rem}.form-group label:after{content:""}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.create-user button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:12px 25px;transition:all .3s ease;width:100%}.create-user button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px)}.create-user button:disabled{background:#94a3b8;cursor:not-allowed}.user-list{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.user-list-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.user-list-header h2{font-size:28px;font-weight:600;margin:0}.create-user-btn{align-items:center;background-color:#fff;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.create-user-btn:hover{background-color:#f8f9fa;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.users-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.no-users{padding:60px 20px;text-align:center}.no-users-icon{font-size:48px;margin-bottom:20px;opacity:.5}.no-users p{color:#666;font-size:16px;margin-bottom:20px}.create-first-btn{background-color:#667eea;border-radius:6px;font-size:14px;transition:background-color .3s ease}.create-first-btn:hover{background-color:#5a6fd8}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #e9ecef;padding:16px 20px;vertical-align:middle}.user-row:hover{background-color:#f8f9fa}.user-id{color:#666;font-family:monospace;font-size:13px}.user-name-cell{gap:12px}.user-avatar,.user-name-cell{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-name-info{display:flex;flex-direction:column}.user-name{color:#333;font-size:15px;font-weight:600}.user-email-mobile{color:#666;display:none;font-size:13px}.user-email{color:#666;font-size:14px}.role-badge,.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.role-admin{background-color:#fee4e2;color:#d92d20}.role-editor{background-color:#e9f7ee;color:#079455}.role-user{background-color:#eff8ff;color:#2e90fa}.role-viewer{background-color:#f4f3ff;color:#7a5af8}.status-active{background-color:#e9f7ee;color:#079455}.status-inactive{background-color:#fee4e2;color:#d92d20}.status-pending{background-color:#fffaeb;color:#f79009}.delete-btn,.update-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.update-btn{background-color:#e9f7ee;color:#079455}.update-btn:hover{background-color:#d1f0df}.delete-btn{background-color:#fee4e2;color:#d92d20}.delete-btn:hover{background-color:#fecdc9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border-radius:12px;max-width:600px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h3{color:#333}.modal-close-btn{color:#666}.modal-close-btn:hover{background-color:#f5f5f5;color:#333}.form-group label{color:#333}.form-group label .required{color:#d92d20}.form-group input,.form-group select{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:15px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error,.form-group select.error{border-color:#d92d20}.error-message{color:#d92d20}.form-hint{color:#666;display:block;font-size:12px;margin-top:5px}.modal-footer{border-top:1px solid #e0e0e0;padding:24px}.cancel-btn,.submit-btn{border-radius:6px;font-size:14px}.cancel-btn{background-color:#f5f5f5;color:#333}.cancel-btn:hover{background-color:#e0e0e0}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.submit-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.user-list-header{align-items:stretch;flex-direction:column;gap:15px}.create-user-btn{align-self:flex-start}.form-row{gap:0;grid-template-columns:1fr}.users-table td:nth-child(2),.users-table th:nth-child(2){display:none}.user-email-mobile{display:block}.user-email{display:none}.actions-cell{flex-direction:column;gap:5px}.delete-btn,.update-btn{justify-content:center;width:100%}.modal-content{margin:10px;width:95%}.modal-footer{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}@media (max-width:480px){.user-list-header{padding:15px}.user-list-header h2{font-size:22px}.modal-body,.modal-header{padding:20px}}.user-mobile{color:#666;font-family:monospace;font-size:14px}@media (max-width:768px){.users-table td:nth-child(4),.users-table th:nth-child(4){display:none}.user-email-mobile:after{color:#888;content:" | Mobile: " attr(data-mobile);font-size:12px}}.members-admin{background:#f8fafc;min-height:100vh;padding:30px}.members-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:25px;padding:25px}.members-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.8rem;font-weight:600;gap:10px;margin:0}.members-header h2:before{content:"👥";font-size:2rem}.members-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.stat-card:nth-child(2) .stat-icon{background:#dcfce7;color:#166534}.stat-card:nth-child(4) .stat-icon{background:#fef3c7;color:#92400e}.members-list-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:25px}.members-table{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.members-table table{border-collapse:collapse;min-width:1000px;width:100%}.members-table thead{background:#f8fafc}.members-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.members-table td{border-bottom:1px solid #e2e8f0;color:#1e293b;padding:20px;vertical-align:middle}.members-table tbody tr:hover{background:#f8fafc}.member-id{color:#2563eb;font-family:monospace;font-size:.9rem;font-weight:600;min-width:120px}.member-name{min-width:180px}.member-gender{background:#f1f5f9;border-radius:4px;color:#64748b;display:inline-block;font-size:.85rem;padding:2px 8px}.member-email{color:#475569;font-size:.95rem;min-width:200px}.member-phone{color:#1e293b;font-family:monospace;min-width:120px}.member-occupation{min-width:150px}.occupation-badge{background:#e0f2fe;border-radius:20px;color:#0369a1;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px}.member-status{min-width:130px}.status-active{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-inactive{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.status-pending{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.member-actions{min-width:150px}.btn-delete,.btn-edit,.btn-view{font-size:1rem;height:36px;justify-content:center;width:36px}.form-group textarea{min-height:80px}.member-details{display:flex;flex-direction:column;gap:25px}.detail-label{min-width:150px}@media (max-width:1024px){.members-stats{grid-template-columns:repeat(2,1fr)}.filters{align-items:flex-start;flex-direction:column;gap:15px}.filter-group,.filter-select{width:100%}}@media (max-width:768px){.members-admin{padding:20px}.header-top{align-items:flex-start;flex-direction:column;gap:15px}.btn-create{justify-content:center;width:100%}.members-stats{grid-template-columns:1fr}.list-header{align-items:flex-start;flex-direction:column;gap:15px}.table-actions{justify-content:space-between;width:100%}.members-table{min-width:800px}.modal-container{max-height:90vh}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.btn-cancel,.btn-close,.btn-submit{text-align:center;width:100%}}.donations{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;padding:20px}.donations-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.donations-header h2{align-items:center;color:#2c3e50;display:flex;font-size:28px;gap:10px;margin:0}.create-donation-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.create-donation-btn:hover{box-shadow:0 6px 20px #28a7454d;transform:translateY(-2px)}.btn-icon{font-size:18px}.donation-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.stat-card{border-radius:15px;box-shadow:0 4px 15px #00000014;gap:20px;padding:25px}.stat-card.total{border-left:5px solid #28a745}.stat-card.today{border-left:5px solid #007bff}.stat-card.monthly{border-left:5px solid #6f42c1}.stat-icon{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:36px;height:70px;width:70px}.stat-card.today .stat-icon{background:linear-gradient(135deg,#007bff,#0056b3)}.stat-card.monthly .stat-icon{background:linear-gradient(135deg,#6f42c1,#5a32a3)}.stat-content{flex:1 1}.stat-content h3{color:#6c757d;font-size:16px;font-weight:500;margin:0 0 10px}.stat-value{color:#343a40;font-size:32px;font-weight:700;margin:0}.stat-subtext{color:#6c757d;font-size:14px;margin:8px 0 0}.filters-section{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;padding:20px}.search-box{margin-bottom:20px;position:relative}.search-input{border:2px solid #e9ecef;border-radius:10px;font-size:16px;padding:12px 20px 12px 45px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a;outline:none}.search-icon{color:#6c757d;font-size:18px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px}.filter-tab{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .3s ease}.filter-tab:hover{background:#f8f9fa;border-color:#28a745}.filter-tab.active{background:#28a745;border-color:#28a745;color:#fff}.donations-list{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;overflow:hidden}.list-header{background:#f8f9fa;border-bottom:2px solid #e9ecef;padding:20px}.list-header h3{color:#343a40;font-size:20px}.export-btn{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.export-btn:hover{background:#545b62}.donations-table{overflow-x:auto}.donations-table table{border-collapse:collapse;width:100%}.donations-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-size:14px;font-weight:600;padding:16px 20px;text-align:left;white-space:nowrap}.donations-table td{border-bottom:1px solid #e9ecef;padding:15px 20px;vertical-align:middle}.donations-table tr:hover{background-color:#f8f9fa}.donor-cell{gap:12px}.donor-avatar,.donor-cell{align-items:center;display:flex}.donor-avatar{background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.donor-info{display:flex;flex-direction:column}.donor-notes{color:#6c757d;font-size:12px;margin-top:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount-cell{color:#28a745;font-size:16px;font-weight:600}.date-cell{color:#6c757d;font-size:14px;white-space:nowrap}.payment-badge,.purpose-badge,.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.payment-badge{background:#e9ecef;color:#495057}.purpose-badge{background:#e3f2fd;color:#1565c0}.actions-cell{display:flex;gap:8px}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.edit-btn{background:#ffc107;color:#212529}.edit-btn:hover{background:#e0a800}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.empty-icon{font-size:48px}.empty-state p{color:#6c757d;font-size:18px;margin-bottom:10px}.empty-subtext{color:#adb5bd;font-size:14px;margin-bottom:20px}.create-first-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-first-btn:hover{background:#218838}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080}.modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:15px;box-shadow:0 20px 40px #00000026;max-width:700px;width:90%}.modal-header{border-bottom:1px solid #e9ecef;padding:24px}.modal-header h3{color:#343a40;font-size:22px}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.modal-close-btn:hover{background-color:#f8f9fa;color:#343a40}.modal-body{max-height:60vh;overflow-y:auto;padding:24px}.form-group,.form-row{margin-bottom:20px}.form-group label{color:#495057;display:block;font-size:14px;margin-bottom:8px}.form-group label .required{color:#dc3545}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:2px solid #e9ecef;box-sizing:border-box;font-size:15px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.form-group input.error,.form-group select.error{border-color:#dc3545}.error-message{color:#dc3545;display:block;font-size:12px;margin-top:5px}.modal-footer{border-top:1px solid #e9ecef;padding:20px 24px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 28px;transition:all .3s ease}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#545b62}.submit-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #28a7454d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.loading-text{align-items:center;display:flex;gap:8px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.donations-header{align-items:flex-start;flex-direction:column;gap:15px}.donation-stats,.form-row{grid-template-columns:1fr}.filter-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.donations-table table{display:block}.donations-table td,.donations-table th{font-size:14px;padding:10px 15px}.actions-cell{flex-direction:column;gap:5px}.delete-btn,.edit-btn{justify-content:center;width:100%}}@media (max-width:480px){.donations{padding:10px}.modal-content{margin:10px;width:95%}.modal-footer{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.events-admin{background:#f8fafc;min-height:100vh;padding:30px}.events-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:25px;padding:25px}.events-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.8rem;font-weight:600;gap:10px;margin:0}.events-header h2:before{content:"📅";font-size:2rem}.search-bar input{max-width:400px}.filter-select,.sort-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:1rem;min-width:180px;padding:10px 15px}.filter-select:focus,.sort-select:focus{border-color:#2563eb;outline:none}.events-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.stat-card:nth-child(4) .stat-icon{background:#fce7f3;color:#9d174d}.events-list-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:25px}.events-table{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.events-table table{border-collapse:collapse;min-width:1000px;width:100%}.events-table thead{background:#f8fafc}.events-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.events-table td{border-bottom:1px solid #e2e8f0;color:#1e293b;padding:20px;vertical-align:middle}.events-table tbody tr:hover{background:#f8fafc}.event-info{min-width:250px}.event-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:5px}.event-code{color:#64748b;font-family:monospace;font-size:.85rem}.event-category{min-width:130px}.category-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px}.category-health{background:#dbeafe;color:#1e40af}.category-education{background:#fef3c7;color:#92400e}.category-tracking{background:#dcfce7;color:#166534}.category-campaign{background:#fce7f3;color:#9d174d}.category-environment{background:#d1fae5;color:#065f46}.category-other{background:#e5e7eb;color:#374151}.event-date{color:#64748b;font-size:.95rem;min-width:100px}.event-status{min-width:130px}.status-upcoming{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.status-completed{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-cancelled{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.event-registered{min-width:120px}.registration-count{color:#1e293b;font-size:1.1rem;font-weight:600}.registration-text{color:#64748b;font-size:.85rem;margin-top:3px}.event-progress{min-width:150px}.progress-container{align-items:center;display:flex;gap:10px}.progress-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:#2563eb;border-radius:4px;height:100%;transition:width .3s ease}.progress-percentage{color:#475569;font-size:.9rem;font-weight:600;min-width:40px}.event-actions{min-width:150px}.btn-delete,.btn-edit,.btn-register,.btn-view{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-register{background:#10b981;color:#fff}.btn-register:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.btn-register:disabled{background:#94a3b8;cursor:not-allowed}.view-modal{max-width:600px}.event-details{display:flex;flex-direction:column;gap:25px}@media (max-width:1024px){.events-stats{grid-template-columns:repeat(2,1fr)}.filters{align-items:flex-start;flex-direction:column;gap:15px}.filter-group,.filter-select,.sort-select{width:100%}}@media (max-width:768px){.events-admin{padding:20px}.header-top{align-items:flex-start;flex-direction:column;gap:15px}.btn-create{justify-content:center;width:100%}.events-stats{grid-template-columns:1fr}.list-header{align-items:flex-start;flex-direction:column;gap:15px}.table-actions{justify-content:space-between;width:100%}.events-table{min-width:800px}.modal-container{max-height:90vh}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.btn-cancel,.btn-close,.btn-submit{text-align:center;width:100%}}.gallery-admin{background:#f8fafc;min-height:100vh;padding:30px}.gallery-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:25px;padding:25px}.gallery-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.8rem;font-weight:600;gap:10px;margin:0}.gallery-header h2:before{content:"🖼️";font-size:2rem}.btn-create{align-items:center;border-radius:8px;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.btn-create:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb33;transform:translateY(-2px)}.btn-create span{font-size:1.2rem;font-weight:700}.gallery-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:10px;margin-bottom:20px;padding-bottom:20px}.tab-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:10px 20px;transition:all .3s ease}.tab-btn:hover{background:#e2e8f0}.tab-btn.active{background:#2563eb;color:#fff}.search-section{margin-top:20px}.gallery-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card:nth-child(3) .stat-icon{background:#fee2e2;color:#991b1b}.stat-card:nth-child(4) .stat-icon{background:#dcfce7;color:#166534}.stat-card:nth-child(5) .stat-icon{background:#fce7f3;color:#9d174d}.gallery-list-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:25px}.gallery-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.gallery-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.gallery-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.gallery-card-image{background-position:50%;background-size:cover;height:200px;position:relative}.gallery-tag{border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;left:15px;padding:6px 12px;position:absolute;top:15px}.type-photo{background:#3b82f6e6}.type-video{background:#ef4444e6}.type-press{background:#8b5cf6e6}.gallery-count{background:#000000b3;border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;padding:6px 12px;position:absolute;right:15px;top:15px}.gallery-card-body{padding:20px}.gallery-category{color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:5px}.gallery-title{color:#1e293b;font-size:1.2rem;font-weight:600;line-height:1.4;margin:0 0 10px}.gallery-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.95rem;line-height:1.5;margin-bottom:20px;overflow:hidden}.gallery-card-actions{display:flex;gap:10px}.btn-delete,.btn-edit,.btn-view{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 16px;transition:all .3s ease}.btn-edit{background:#8b5cf6;color:#fff}.btn-edit:hover{background:#7c3aed;transform:translateY(-2px)}.btn-create-empty{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-create-empty:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb33;transform:translateY(-2px)}.modal-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label:after{color:#ef4444;content:"*";margin-left:4px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group textarea{min-height:100px}.help-text{color:#64748b;font-size:.85rem;margin-top:5px}.error{border-color:#ef4444!important}.photo-urls-section{display:flex;flex-direction:column;gap:10px}.photo-url-row{align-items:center;display:flex;gap:10px}.photo-url-row input{flex:1 1}.btn-remove-url{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;line-height:1;padding:8px 12px;width:40px}.btn-remove-url:hover{background:#dc2626}.btn-add-url{background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:.95rem;margin-top:5px;padding:10px 15px;text-align:center;transition:all .3s ease}.btn-add-url:hover{background:#e2e8f0;border-color:#94a3b8}.image-preview{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;justify-content:center;padding:10px}.image-preview img{border-radius:6px;max-height:200px;max-width:100%;object-fit:contain}.modal-footer{justify-content:flex-end}.btn-cancel{background:#64748b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.btn-cancel:hover{background:#475569;transform:translateY(-2px)}.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.gallery-details{display:flex;flex-direction:column;gap:25px}.detail-image{border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.detail-image img{display:block;height:300px;object-fit:cover;width:100%}.detail-row{align-items:center}.type-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px}.detail-description{background:#f8fafc;border-radius:8px;color:#475569;line-height:1.6;padding:15px}.photo-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:10px}.photo-thumbnail{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;height:100px}.btn-close{background:#64748b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.btn-close:hover{background:#475569;transform:translateY(-2px)}@media (max-width:1024px){.gallery-stats{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.gallery-admin{padding:20px}.header-top{align-items:flex-start;flex-direction:column;gap:15px}.btn-create{justify-content:center;width:100%}.gallery-tabs{overflow-x:auto;padding-bottom:15px}.tab-btn{white-space:nowrap}.gallery-stats{grid-template-columns:repeat(2,1fr)}.list-header{align-items:flex-start;flex-direction:column;gap:15px}.table-actions{justify-content:space-between;width:100%}.modal-container{max-height:90vh}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.btn-cancel,.btn-close,.btn-submit{text-align:center;width:100%}.gallery-card-actions{flex-direction:column}.btn-delete,.btn-edit,.btn-view{justify-content:center;width:100%}}@media (max-width:480px){.gallery-grid,.gallery-stats{grid-template-columns:1fr}}.btn-delete-photo{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;opacity:0;position:absolute;right:5px;top:5px;transition:opacity .3s;width:24px;z-index:10}.photo-thumbnail:hover .btn-delete-photo{opacity:1}.photo-thumbnail{aspect-ratio:1;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;position:relative}.photo-thumbnail img{height:100%;object-fit:cover;width:100%}.btn-delete-photo:hover{background:#d32f2f}.btn-remove-preview{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:22px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:5px;top:5px;transition:all .3s ease;width:22px;z-index:10}.preview-item:hover .btn-remove-preview{opacity:1;transform:scale(1.1)}.btn-remove-preview:hover{background:#d32f2f;transform:scale(1.15)}.btn-remove-preview:active{transform:scale(.95)}.btn-remove-preview:disabled{background:#9e9e9e;cursor:not-allowed;opacity:.6}.btn-remove-preview:disabled:hover{background:#9e9e9e;transform:none}.preview-item{aspect-ratio:1;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;position:relative;transition:border-color .3s,transform .3s}.preview-item:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.preview-item.existing{border-color:#4caf50;border-width:2px}.preview-item.existing:hover{border-color:#388e3c}.preview-item img{display:block;height:100%;object-fit:cover;transition:transform .3s;width:100%}.preview-item:hover img{transform:scale(1.05)}.preview-item.more-count{align-items:center;background:#f5f5f5;border:1px dashed #ddd;color:#666;cursor:default;display:flex;font-size:12px;font-weight:500;justify-content:center}.preview-item.more-count:hover{background:#f0f0f0;border-color:#ddd;box-shadow:none;transform:none}.preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:10px}.existing-photos-preview .preview-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}@media (max-width:768px){.preview-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.btn-remove-preview{font-size:12px;height:20px;right:3px;top:3px;width:20px}.preview-item:hover .btn-remove-preview{opacity:1}}@media (max-width:480px){.preview-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.existing-photos-preview .preview-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}.preview-item.loading:before{align-items:center;background:#fffc;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.preview-item.loading:after{animation:spin .6s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:6}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.preview-item.removing{animation:fadeOut .3s ease forwards}.preview-item .btn-remove-preview:after{background:#333;border-radius:4px;bottom:-25px;color:#fff;content:"Delete";font-size:11px;padding:4px 8px;white-space:nowrap}.preview-item .btn-remove-preview:after,.preview-item .btn-remove-preview:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s,visibility .3s;visibility:hidden;z-index:100}.preview-item .btn-remove-preview:before{border:5px solid;border-color:#0000 #0000 #333;bottom:-5px;content:""}.preview-item .btn-remove-preview:hover:after,.preview-item .btn-remove-preview:hover:before{opacity:1;visibility:visible}.preview-item.error{border-color:#f44336}.preview-item.error:before{align-items:center;background:#f443361a;bottom:0;color:#f44336;content:"Error";display:flex;font-size:11px;font-weight:500;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.preview-item.success{animation:successPulse .5s ease;border-color:#4caf50}@keyframes successPulse{0%{box-shadow:0 0 0 0 #4caf5066}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 0 0 #4caf5000}}.preview-grid:empty:after{align-items:center;background:#fafafa;border:1px dashed #ddd;border-radius:6px;color:#999;content:"No photos selected";display:flex;font-size:14px;font-style:italic;justify-content:center;padding:30px}.preview-item.dragging{border-style:dashed;opacity:.5}.preview-item.drag-over{background:#f0f4ff;border-color:#667eea}.btn-remove-preview:focus{box-shadow:0 0 0 3px #667eea4d;outline:none}.preview-item:focus-within{box-shadow:0 0 0 3px #667eea33}.notices-admin{background:#f8fafc;font-family:Segoe UI,Tahoma,sans-serif;min-height:100vh;padding:20px}.notices-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.notices-header h2{font-size:22px;font-weight:600;margin:0}.btn-create{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px}.btn-create:hover{background:#1e40af}button{background:#0000;border:none;cursor:pointer;font-size:14px}button:hover{opacity:.8}.search-bar{border:1px solid #d1d5db;border-radius:6px;margin-bottom:15px;max-width:350px;padding:10px;width:100%}.notices-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 6px #0000000d;overflow:hidden;width:100%}.notices-table td,.notices-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.notices-table th{background:#f1f5f9;font-size:14px;font-weight:600}.notices-table tr:hover{background:#f9fafb}.notices-table select{border:1px solid #d1d5db;border-radius:5px;font-size:13px;padding:6px}.notices-table td button{margin-right:6px}.notices-table td button:last-child{color:#dc2626}.modal-overlay{inset:0;z-index:999}.modal-container{border-radius:10px;box-shadow:0 10px 25px #00000026;max-width:500px;padding:20px}.modal-container h3{font-size:18px;margin-bottom:15px;margin-top:0}.modal-container input,.modal-container textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:12px;padding:10px;width:100%}.modal-container textarea{min-height:90px;resize:vertical}.modal-container input:focus,.modal-container textarea:focus{border-color:#2563eb;outline:none}.modal-container button{border-radius:6px;margin-right:10px;padding:10px 14px}.modal-container button:first-of-type{background:#2563eb;color:#fff}.notices-table td[colspan]{color:#6b7280;font-style:italic;padding:25px}@media (max-width:768px){.notices-header{align-items:flex-start;flex-direction:column;gap:10px}.search-bar{max-width:100%}.notices-table td,.notices-table th{font-size:13px;padding:10px}}.modal-container input[type=date],.modal-container select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:12px;padding:10px;width:100%}.modal-container input[type=date]:focus,.modal-container select:focus{border-color:#2563eb;outline:none}@media (min-width:600px){.modal-container{column-gap:12px;grid-template-columns:1fr 1fr}.modal-actions,.modal-container h3,.modal-container textarea{grid-column:span 2}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}}.modal-actions button{border-radius:6px;cursor:pointer;font-weight:500;padding:10px 16px}.modal-actions button:first-child{background:#2563eb;color:#fff}.modal-actions button:first-child:hover{background:#1e40af}.modal-actions button:last-child{background:#e5e7eb;color:#111827}.modal-actions button:last-child:hover{background:#d1d5db}.error-text{color:#dc2626;font-size:12px;grid-column:span 2;margin-bottom:8px;margin-top:-8px}@media (max-width:599px){.modal-container{display:block}.modal-actions{display:flex;flex-direction:column;gap:8px}}.enquiry-admin{background:#f8fafc;min-height:100vh;padding:30px}.enquiry-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:25px;padding:25px}.header-top{justify-content:space-between;margin-bottom:15px}.enquiry-header h2,.header-top{align-items:center;display:flex}.enquiry-header h2{color:#1e293b;font-size:1.8rem;font-weight:600;gap:10px;margin:0}.enquiry-header h2:before{content:"📧";font-size:2rem}.header-stats{display:flex;flex-wrap:wrap;gap:15px}.stat-badge{border-radius:20px;font-size:.85rem;font-weight:500;padding:6px 12px}.stat-badge.total{background:#e0f2fe;color:#0369a1}.stat-badge.new{background:#fef3c7;color:#92400e}.stat-badge.read{background:#dcfce7;color:#166534}.stat-badge.replied{background:#dbeafe;color:#1e40af}.subtitle{color:#64748b;font-size:1rem;margin-bottom:25px}.filters-section{display:flex;flex-direction:column;gap:20px}.search-bar input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;max-width:500px;padding:12px 15px;width:100%}.search-bar input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.filters{flex-wrap:wrap;gap:30px}.filter-group,.filters{align-items:center;display:flex}.filter-group{gap:10px}.filter-group label{color:#475569;font-size:.9rem;font-weight:600}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:1rem;min-width:180px;padding:10px 15px}.filter-select:focus{border-color:#2563eb;outline:none}.enquiry-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{align-items:center;background:#e0f2fe;border-radius:50%;color:#0369a1;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-card:nth-child(2) .stat-icon{background:#fef3c7;color:#92400e}.stat-card:nth-child(3) .stat-icon{background:#dcfce7;color:#166534}.stat-card:nth-child(4) .stat-icon{background:#dbeafe;color:#1e40af}.stat-card:nth-child(5) .stat-icon{background:#dcfce7;color:#166534}.stat-content h3{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.stat-content p{color:#64748b;font-size:.9rem;margin:5px 0 0}.enquiry-list-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:25px}.list-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.list-header h3{color:#1e293b;font-size:1.4rem;font-weight:600;margin:0}.table-actions{align-items:center;display:flex;gap:15px}.results-count{color:#64748b;font-size:.9rem;font-weight:500}.enquiry-table{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.enquiry-table table{border-collapse:collapse;min-width:1000px;width:100%}.enquiry-table thead{background:#f8fafc}.enquiry-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.enquiry-table td{border-bottom:1px solid #e2e8f0;color:#1e293b;padding:20px;vertical-align:middle}.enquiry-table tbody tr:hover{background:#f8fafc}.enquiry-date{min-width:160px}.date-text{color:#1e293b;font-size:.9rem;font-weight:500}.phone-text{color:#64748b;font-size:.85rem;margin-top:5px}.enquiry-name{min-width:180px}.name-text{color:#1e293b;font-weight:600;margin-bottom:5px}.new-badge{background:#fef3c7;border-radius:12px;color:#92400e;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px}.enquiry-email{color:#2563eb;font-size:.95rem;min-width:200px}.enquiry-email a{color:#2563eb;text-decoration:none}.enquiry-email a:hover{text-decoration:underline}.enquiry-subject{min-width:150px}.subject-badge{background:#f1f5f9;border-radius:20px;color:#475569;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px}.enquiry-status{min-width:130px}.status-badge{border:none;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;text-align:center;width:100%}.status-new{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.status-read{background:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.status-replied{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-resolved{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.enquiry-actions{min-width:200px}.action-buttons{display:flex;gap:8px}.btn-delete,.btn-reply,.btn-view{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 16px;transition:all .3s ease}.btn-view{background:#3b82f6;color:#fff}.btn-view:hover{background:#2563eb;transform:translateY(-2px)}.btn-reply{background:#10b981;color:#fff}.btn-reply:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.btn-reply:disabled{background:#94a3b8;cursor:not-allowed}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626;transform:translateY(-2px)}.empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state p{color:#64748b;font-size:1.2rem;margin:10px 0}.empty-subtext{font-size:1rem!important;margin-bottom:30px!important}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:85vh;max-width:800px;overflow-y:auto;width:100%}.reply-modal,.view-modal{max-width:700px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#fff;border-bottom:2px solid #e2e8f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:25px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;transition:all .3s ease;width:40px}.close-btn:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:30px}.enquiry-details{display:flex;flex-direction:column;gap:25px}.detail-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding-bottom:20px}.status-badge-large{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;padding:8px 16px}.detail-dates{color:#64748b;font-size:.9rem;text-align:right}.detail-dates div{margin-bottom:5px}.detail-dates strong{color:#475569}.detail-section{border-bottom:1px solid #e2e8f0;padding-bottom:25px}.detail-section:last-child{border-bottom:none;padding-bottom:0}.detail-section h4{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 15px}.detail-row{align-items:flex-start;display:flex;gap:15px;margin-bottom:12px}.detail-row:last-child{margin-bottom:0}.detail-label{color:#475569;font-size:.95rem;font-weight:600;min-width:120px}.detail-value{color:#1e293b;flex:1 1}.detail-value a{color:#2563eb;text-decoration:none}.detail-value a:hover{text-decoration:underline}.message-content,.reply-content{word-wrap:break-word;background:#f8fafc;border-radius:8px;color:#475569;line-height:1.6;padding:15px;white-space:pre-wrap}.reply-content{background:#e0f2fe;border-left:4px solid #0369a1}.reply-form{display:flex;flex-direction:column;gap:20px}.recipient-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px}.info-row{color:#475569;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-row strong{color:#1e293b;margin-right:10px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#475569;font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group textarea{min-height:150px;resize:vertical}.error-text{color:#ef4444;display:block;font-size:.85rem;margin-top:4px}.message-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.95rem;line-height:1.6;padding:15px}.modal-footer{background:#f8fafc;border-radius:0 0 16px 16px;border-top:2px solid #e2e8f0;display:flex;gap:15px;justify-content:space-between;padding:25px 30px}.btn-cancel,.btn-close,.btn-reply-large,.btn-submit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.btn-reply-large{background:#10b981;color:#fff}.btn-reply-large:hover{background:#059669;transform:translateY(-2px)}.btn-cancel,.btn-close{background:#64748b;color:#fff}.btn-cancel:hover,.btn-close:hover{background:#475569;transform:translateY(-2px)}.btn-submit{background:#2563eb;color:#fff}.btn-submit:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb33;transform:translateY(-2px)}@media (max-width:1024px){.enquiry-stats{grid-template-columns:repeat(3,1fr)}.filters{align-items:flex-start;flex-direction:column;gap:15px}.filter-group,.filter-select{width:100%}}@media (max-width:768px){.enquiry-admin{padding:20px}.header-top{align-items:flex-start;flex-direction:column;gap:15px}.header-stats{justify-content:flex-start;width:100%}.enquiry-stats{grid-template-columns:repeat(2,1fr)}.list-header{align-items:flex-start;flex-direction:column;gap:15px}.table-actions{justify-content:space-between;width:100%}.enquiry-table{min-width:800px}.action-buttons{flex-direction:column;gap:5px}.btn-delete,.btn-reply,.btn-view{justify-content:center;width:100%}.modal-container{max-height:90vh}.modal-footer{flex-direction:column}.btn-cancel,.btn-close,.btn-reply-large,.btn-submit{justify-content:center;width:100%}.detail-header{align-items:flex-start;flex-direction:column;gap:15px}.detail-dates{text-align:left}}@media (max-width:480px){.enquiry-stats{grid-template-columns:1fr}}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 16px 16px 0}.modal-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.settings{padding:30px}.settings h2{align-items:center;color:#1e293b;display:flex;font-size:1.8rem;font-weight:600;gap:10px;margin-bottom:25px}.settings h2:before{content:"⚙️";font-size:2rem}.settings .form{background:#fff;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:30px;padding:25px}.settings label{color:#1e293b;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.settings input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;margin-bottom:20px;padding:12px 15px;transition:all .3s ease;width:100%}.settings input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.settings button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:12px 25px;transition:all .3s ease}.settings button:hover{background:#1d4ed8;transform:translateY(-2px)}.current-settings{background:#fff;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a;padding:25px}.current-settings h3{border-bottom:2px solid #e2e8f0;color:#1e293b;margin-bottom:20px;padding-bottom:10px}.current-settings p{background:#f8fafc;border-left:4px solid #2563eb;border-radius:8px;margin:15px 0;padding:12px 15px}.current-settings strong{color:#1e293b;margin-right:10px}.login-page{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.login-page form{background:#fff;border-radius:10px;box-shadow:0 15px 35px #0003;max-width:380px;padding:40px 35px;width:100%}.login-page h2{color:#333;font-weight:600;margin-bottom:25px;text-align:center}.login-page input{border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:15px;padding:12px 14px;transition:border-color .3s;width:100%}.login-page input:focus{border-color:#2a5298;outline:none}.login-page button{background:#2a5298;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:background .3s;width:100%}.login-page button:hover{background:#1e3c72}.login-error{background:#ffe5e5;border-radius:6px;color:#d8000c;margin-bottom:15px;padding:10px}.login-error,.login-footer{font-size:13px;text-align:center}.login-footer{color:#777;margin-top:15px}@media (max-width:480px){.login-page form{padding:30px 25px}}
/*# sourceMappingURL=main.ceacb011.css.map*/