body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;transition:filter .3s ease}#login-view{display:flex;justify-content:center;align-items:center;height:100vh;background:#f0f2f5}.login-box{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.login-box h2{font-size:min(7.3cqh,8cqw);margin-top:0;text-align:center;color:#333}.login-box input{font-size:min(4.3cqh,7cqw);width:100%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.login-box button{font-size:min(4.3cqh,7cqw);width:100%;padding:10px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.login-box button:hover{background:#0056b3}.error{color:red;text-align:center;margin-top:10px}.container{max-width:1200px;margin:0 auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}h1{margin:0;color:#333}#logout-btn{margin-left:auto;font-size:min(3.3cqh,6cqw);padding:8px 16px;background-color:#dc3545;color:#fff;border:none;cursor:pointer;border-radius:4px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;max-width:1200px;margin:0 auto}.gallery-item{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;overflow:hidden;border-radius:8px;box-shadow:0 2px 5px #0000001a;background:#fff;aspect-ratio:1 / 1}.gallery-item img{width:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}#sentinel{height:50px;margin:20px 0;text-align:center;color:#888}.modal{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{position:relative;display:flex;justify-content:center;align-items:center}.scan-bg{height:90vh}#modal-img{position:absolute;width:110%;top:16%;transform:rotate(90deg)}#qrcode{left:29%;position:absolute;bottom:6%;transform:scale(1.3) rotate(90deg)}.modal-image-container{background-color:#000;flex:2;padding-right:20px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;min-height:400px}.modal-image-container img{max-width:100%;max-height:500px;object-fit:contain}.modal-info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #ddd;padding-left:20px}.modal-info h3{margin-top:0}#qrcode{margin:20px 0}.close-btn{font-size:min(7.3cqh,14cqw);padding:2%;position:absolute;top:-4%;right:-4%;color:#f1f1f1;font-weight:700;cursor:pointer}.close-btn:hover,.close-btn:focus{color:#bbb;text-decoration:none;cursor:pointer}body.blurred>*:not(.modal){filter:blur(5px)}.overflow-hidden{overflow:hidden}