html,body,#root{color:#f5f5f5;box-sizing:border-box;background-color:#000;width:100%;min-height:100vh;margin:0;padding:0}*,:before,:after{box-sizing:inherit}:root{--primary:#c41e3a;--secondary:#333;--accent:#1a1a1a;--text:#f5f5f5;--text-light:#aaa;--white:#111;--shadow:0 4px 10px #00000080;--border-radius:8px}*{box-sizing:border-box}html,body,#root{color:#f5f5f5;background-color:#000;width:100%;height:100%;margin:0;padding:0}.container{background-color:#0000;max-width:1400px;margin:0 auto;padding:0 20px}.hero{aspect-ratio:16/7;background-color:#000;background-position:0;background-repeat:no-repeat;background-size:contain;justify-content:flex-start;align-items:center;width:100%;height:auto;margin-bottom:40px;display:flex;overflow:hidden}.event-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px;display:grid}.event-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid #222;transition:transform .2s;overflow:hidden}.event-card:hover{transform:translateY(-5px)}.event-info{padding:20px}.event-info h3{margin:0 0 10px}.event-info p{color:var(--text-light);margin:0 0 20px}.btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-block}.btn-secondary{background-color:var(--secondary);color:var(--text)}.photo-grid{flex-wrap:wrap;gap:10px;display:flex}.photo-item{cursor:pointer;border-radius:4px;flex-grow:1;height:200px;position:relative;overflow:hidden}.photo-item img{object-fit:contain;width:auto;min-width:100%;height:100%;transition:transform .3s}.photo-item:hover img{transform:scale(1.1)}.spinner{border:4px solid #333;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal{z-index:1000;background:#000000f2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.modal-content img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 0 30px #000c}.close-modal{color:#fff;cursor:pointer;font-size:30px;position:absolute;top:20px;right:20px}.search-container{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);text-align:center;border:1px solid #222;padding:40px}.camera-preview{aspect-ratio:4/3;border-radius:var(--border-radius);background:#000;border:1px solid #333;width:100%;max-width:500px;margin:0 auto 20px}.admin-section{color:#fff;border:1px solid #333;background:#0d0d0d!important}.admin-section h3,.admin-section h4{color:#fff}.admin-section table th,.admin-section table td{color:#fff;border-color:#333!important}.admin-settings-list input{color:#fff;background:#1a1a1a;border:1px solid #444;border-radius:4px}.admin-settings-list label{color:#ccc!important}.event-settings-list h4{color:#fff!important}@media (width<=768px){.hero{aspect-ratio:16/9}.event-grid{grid-template-columns:1fr}}