*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#8B4513;--primary-dark:#5C2E0A;--secondary:#DAA520;--dark:#2C1810;--light:#FFF8F0;--gray:#666}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--light);color:var(--dark);line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.navbar{background:var(--dark);color:white;padding:1rem 0;position:sticky;top:0;z-index:1000}
.nav-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.logo a{color:var(--secondary);font-size:1.5rem;font-weight:bold;text-decoration:none}
.nav-links{display:flex;gap:1.5rem;align-items:center}
.nav-links a{color:white;text-decoration:none}
.mobile-menu-btn{display:none;background:none;border:none;color:white;font-size:1.5rem;cursor:pointer}
.language-switcher select{padding:0.5rem;border-radius:5px;background:var(--primary);color:white;border:none;cursor:pointer}
.btn{display:inline-block;padding:0.75rem 1.5rem;background:var(--gray);color:white;text-decoration:none;border:none;border-radius:5px;cursor:pointer}
.btn-primary{background:var(--primary)}.btn-primary:hover{background:var(--primary-dark)}
.btn-sm{padding:0.4rem 0.8rem;font-size:0.85rem}.btn-danger{background:#dc3545}
.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin:2rem 0}
.event-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:transform 0.3s}
.event-card:hover{transform:translateY(-5px)}
.event-card img{width:100%;height:240px;object-fit:cover}
.event-content{padding:1.5rem}
.event-title{font-size:1.25rem;font-weight:bold;margin-bottom:0.5rem;color:var(--primary)}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:2rem 0}
.gallery-item{position:relative;cursor:pointer;border-radius:8px;overflow:hidden}
.gallery-item img{width:100%;height:200px;object-fit:cover}
.delete-photo{position:absolute;top:5px;right:5px;background:#dc3545;color:white;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;text-decoration:none}
.admin-container{padding:2rem 0}
.form-section{background:white;padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.form-section h3{margin-bottom:1rem;color:var(--primary);border-bottom:2px solid var(--secondary);padding-bottom:0.5rem}
.form-group{margin-bottom:1.5rem}
.form-group label{display:block;margin-bottom:0.5rem;font-weight:500}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:0.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}
.form-group textarea{resize:vertical}
.form-actions{display:flex;gap:1rem;justify-content:flex-end}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}
.stat-card{background:white;padding:1.5rem;border-radius:12px;text-align:center}
.stat-value{font-size:2.5rem;font-weight:bold;color:var(--primary)}
.data-table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}
.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}
.data-table th{background:var(--dark);color:white}
.section-header{display:flex;justify-content:space-between;align-items:center;margin:2rem 0 1rem}
.badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.85rem}
.badge-upcoming{background:#ffc107;color:#2C1810}.badge-past{background:#666;color:white}
.actions{display:flex;gap:0.5rem}
.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--dark),var(--primary))}
.login-box{background:white;padding:2rem;border-radius:12px;width:100%;max-width:400px}
.login-box h1{text-align:center;margin-bottom:2rem;color:var(--primary)}
.alert{padding:1rem;border-radius:5px;margin-bottom:1rem}
.alert-success{background:#d4edda;color:#155724}.alert-error{background:#f8d7da;color:#721c24}
.alert-close{float:right;background:none;border:none;font-size:1.25rem;cursor:pointer}
.footer{background:var(--dark);color:white;text-align:center;padding:2rem 0;margin-top:4rem}
@media(max-width:768px){.mobile-menu-btn{display:block}.nav-links{display:none;width:100%;flex-direction:column;padding:1rem 0}.nav-links.active{display:flex}.events-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:1rem}}