:root{font-family:Arial,sans-serif}body{background:#f1f1f1;width:100%;min-height:100vh;margin:0;padding:0;display:block}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;width:100%;padding:14px 20px;box-shadow:0 2px 8px #0000000f}.navbarContent{align-items:center;gap:14px;max-width:1200px;margin:auto;display:flex}.logo{object-fit:contain;width:auto;height:50px}.mainTitle{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700}@media (width<=768px){.logo{height:42px}.mainTitle{font-size:1.3rem}}.header{background:linear-gradient(90deg,#0f172a,#1e293b);width:100%;padding:40px 20px;box-shadow:0 6px 24px #0000002e}.header-container{max-width:1200px;margin:auto}.title{align-items:center;gap:12px;margin-bottom:6px;display:flex}.bar{background:linear-gradient(#3b82f6,#60a5fa);border-radius:6px;width:6px;height:38px;transition:height .3s;box-shadow:0 0 12px #60a5fa66}.title h1{color:#f8fafc;letter-spacing:.5px;margin:0;font-size:2.2rem;font-weight:700}.subtitle{color:#cbd5f5;margin-left:18px;font-size:15px}.header:hover .bar{height:44px}@media (width<=768px){.header{padding:32px 16px}.title h1{font-size:1.8rem}.subtitle{margin-left:18px;font-size:14px}}@media (width<=480px){.title h1{font-size:1.6rem}}.eventsSection{background:#f8fafc;padding:60px 20px;font-family:Poppins,sans-serif}.heading{text-align:center;color:#0f172a;letter-spacing:.5px;margin-bottom:40px;font-size:2.2rem;font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;max-width:1200px;margin:auto;display:grid}.event-card{cursor:pointer;background:#fff;border-radius:18px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000014}.event-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 18px 40px #0000001f}.event-image{height:190px;overflow:hidden}.event-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.event-card:hover img{transform:scale(1.08)}.event-info{padding:18px 18px 22px}.event-title{color:#111827;margin:8px 0 6px;font-size:1.15rem;font-weight:600;line-height:1.4}.event-date{color:#2563eb;align-items:center;gap:6px;font-size:.9rem;font-weight:500;display:flex}.event-time{color:#374151;margin-top:4px;font-size:.9rem}.event-location{color:#6b7280;margin-top:6px;font-size:.9rem;line-height:1.4}.noEvents{text-align:center;color:#6b7280;font-size:1rem}@media (width<=768px){.heading{font-size:1.8rem}.eventsSection{padding:40px 16px}.event-image{height:170px}}@media (width<=480px){.grid{gap:20px}.event-info{padding:16px}}.event-card{background:#fff;border-radius:16px;transition:transform .2s;overflow:hidden;box-shadow:0 8px 20px #00000014}.event-card:hover{transform:translateY(-4px)}.event-image img{object-fit:cover;width:100%;height:200px}.event-body{padding:18px}.event-datetime{color:#2563eb;margin-bottom:8px;font-size:14px;font-weight:500}.event-title{margin:0 0 8px;font-size:20px;font-weight:700}.event-location{color:#4b5563;font-size:14px;line-height:1.5}*{box-sizing:border-box}.add-event-btn{color:#fff;cursor:pointer;z-index:900;background:#2563eb;border:none;border-radius:25px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .2s;position:fixed;bottom:30px;right:30px;box-shadow:0 6px 18px #00000040}.add-event-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.add-event-btn:active{transform:translateY(0)}.modal{background:#fff;border-radius:12px;width:500px;max-width:100%;padding:32px;animation:.25s modalPop;box-shadow:0 18px 45px #00000040}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header h2{margin-bottom:6px;font-size:22px}.modal-header p{color:#6b7280;margin-bottom:24px;font-size:14px}.form-group{flex-direction:column;display:flex}.form-group label{margin-bottom:6px;font-size:14px;font-weight:600}.form-group input{border:1px solid #d1d5db;border-radius:7px;width:100%;padding:11px 12px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.form-row{gap:16px;display:flex}.form-row .form-group{flex:1}.form-note{color:#6b7280;margin-top:-5px;font-size:13px}.submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;width:100%;padding:13px;font-size:15px;font-weight:600;transition:all .2s}.submit-btn:hover{background:#1d4ed8}.submit-btn:disabled{cursor:not-allowed;background:#9ca3af}.close-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:7px;width:100%;margin-top:12px;padding:12px;font-size:14px;transition:all .2s}.close-btn:hover{background:#4b5563}@media (width<=600px){.modal{padding:25px}.form-row{flex-direction:column}}.footer{color:#e5e7eb;background:#0f172a;margin-top:60px;padding:50px 20px 20px}.footer-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;max-width:1200px;margin:auto;display:grid}.footer-brand img{height:45px;margin-bottom:10px}.footer-brand h3{margin:0 0 10px}.footer-brand p{color:#cbd5f5;font-size:14px;line-height:1.6}.footer-links h4,.footer-contact h4{margin-bottom:10px}.footer-links a{color:#cbd5f5;margin-bottom:6px;font-size:14px;text-decoration:none;display:block}.footer-links a:hover{color:#60a5fa}.footer-contact p{margin:4px 0;font-size:14px}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #334155;margin-top:40px;padding-top:20px;font-size:13px}.admin-login-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.admin-login-card{background:#fff;border-radius:10px;flex-direction:column;gap:16px;width:320px;padding:35px 30px;display:flex;box-shadow:0 8px 20px #00000026}.admin-login-card h2{text-align:center;margin:0;font-size:20px}.admin-login-input{border:1px solid #d1d5db;border-radius:6px;padding:11px;font-size:14px;transition:border .2s}.admin-login-input:focus{border:1px solid #2563eb;outline:none}.admin-login-buttons{justify-content:space-between;gap:10px;display:flex}.admin-login-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;flex:1;padding:9px;font-size:14px}.admin-login-btn:hover{background:#1d4ed8}.admin-cancel-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:6px;flex:1;padding:9px;font-size:14px}.admin-cancel-btn:hover{background:#4b5563}.admin-navbar{color:#fff;background:#1f2937;justify-content:space-between;align-items:center;height:60px;padding:0 25px;display:flex}.admin-navbar-left h2{margin:0;font-size:18px}.admin-navbar-right{gap:10px;display:flex}.admin-back-btn{background:#2563eb}.admin-back-btn:hover{background:#1d4ed8}.admin-logout-btn{background:#dc2626}.admin-logout-btn:hover{background:#b91c1c}.admin-sidebar{color:#fff;background:#1f2937;flex-direction:column;width:220px;padding-top:20px;display:flex}.admin-sidebar-title{opacity:.7;padding:10px 20px;font-size:14px;font-weight:600}.admin-sidebar-btn{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;padding:12px 20px;font-size:14px}.admin-sidebar-btn:hover{background:#374151}.admin-sidebar-btn.active{background:#2563eb}.modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal{background:#fff;border-radius:10px;flex-direction:column;gap:14px;width:420px;max-width:100%;padding:30px;animation:.2s modalFade;display:flex;box-shadow:0 10px 28px #0000002e}@keyframes modalFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal h2{margin:0 0 10px;font-size:20px;font-weight:600}.modal input{border:1px solid #d1d5db;border-radius:6px;padding:11px;font-size:14px;transition:all .2s}.modal input:focus{border:1px solid #2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.modal-buttons{gap:10px;margin-top:12px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;flex:1;padding:10px;font-size:14px}.save-btn:hover{background:#15803d}.delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;flex:1;padding:10px;font-size:14px}.delete-btn:hover{background:#b91c1c}.cancel-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:6px;flex:1;padding:10px;font-size:14px}.cancel-btn:hover{background:#4b5563}@media (width<=500px){.modal{padding:22px}.modal-buttons{flex-direction:column}}.admin-section h2{color:#222;margin-bottom:20px;font-size:20px;font-weight:600}.event-form{flex-direction:column;gap:14px;display:flex}.event-form input{border:1px solid #d5d5d5;border-radius:8px;padding:12px 14px;font-size:14px;transition:border .2s,box-shadow .2s}.event-form input:focus{border:1px solid #2f62d6;outline:none;box-shadow:0 0 0 2px #2f62d626}.event-form button{color:#fff;cursor:pointer;background:#2f62d6;border:none;border-radius:8px;margin-top:10px;padding:13px;font-size:14px;font-weight:500;transition:background .2s,transform .1s}.event-form button:hover{background:#1f4fc0}.event-form button:active{transform:scale(.98)}.form-group{flex-direction:column;gap:4px;display:flex}.form-group label{color:#374151;font-size:13px;font-weight:600}@media (width<=600px){.admin-section{padding:20px}.event-form input,.event-form button{font-size:13px}}.admin-container{background:#f4f6f8;flex-direction:column;height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.admin-body{flex:1;display:flex;overflow:hidden}.admin-sidebar{color:#fff;background:#1f2937;flex-direction:column;width:220px;padding:20px 0;display:flex}.admin-sidebar button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;padding:12px 20px;font-size:14px}.admin-sidebar button:hover{background:#374151}.admin-sidebar .active{background:#2563eb}.admin-content{flex:1;padding:30px;overflow-y:auto}.admin-section{background:#fff;border-radius:10px;margin-bottom:30px;padding:25px;box-shadow:0 3px 10px #0000000f}.events-table{border-collapse:collapse;width:100%;margin-top:15px}.events-table th,.events-table td{text-align:left;border:1px solid #e5e7eb;padding:10px}.events-table th{background:#f9fafb}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:7px 14px}button:hover{background:#1d4ed8}@media (width<=768px){.admin-body{flex-direction:column}.admin-sidebar{flex-direction:row;width:100%;overflow-x:auto}.admin-sidebar button{text-align:center;flex:1}}.home-container{position:relative}.admin-button{color:#fff;cursor:pointer;opacity:.6;background:#111;border:none;border-radius:6px;padding:8px 14px;font-size:12px;position:fixed;bottom:20px;left:20px}.admin-button:hover{opacity:1}