@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@600&family=Quicksand:wght@500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Fredoka,sans-serif}.page-container{background-image:url(/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:relative;overflow:hidden}.top-nav{z-index:10;color:#4a3525;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 40px;font-weight:600;display:grid;position:relative}.logo{letter-spacing:1px;font-size:24px;font-weight:800}.main-menu{color:#4a3525;grid-column:2;justify-self:center;gap:32px;font-size:16px;font-weight:600;display:flex}.main-menu span{cursor:pointer;transition:opacity .2s;position:relative}.main-menu span:hover{opacity:.8}.main-menu span.active:after{content:"";background-color:#4a3525;border-radius:4px;width:80%;height:3.5px;position:absolute;bottom:-8px;left:10%}.user-account{cursor:pointer;color:#4a3525;background-color:#fff;border:1.5px solid #4a3525;border-radius:20px;grid-column:3;justify-self:end;align-items:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:600;transition:background .3s,transform .1s;display:flex}.user-icon{stroke:#4a3525;stroke-width:2.2px;width:18px;height:18px}.user-account:hover{background:#ffffff4d}.hero-section{z-index:5}.hero-section.booking-view{flex-direction:row;justify-content:space-between;align-items:flex-start;width:80vw;max-width:1200px;display:flex;position:absolute;top:20%;left:10%}.hero-section.bookings-view{justify-content:center;align-items:center;width:100%;height:calc(100vh - 80px);display:flex;position:relative;top:0;left:0}.hero-left{flex-direction:column;display:flex}.hero-right{flex:1;justify-content:flex-end;margin-top:135px;margin-left:40px;display:flex}.booking-card{background-color:#fcfaef;border-radius:24px;width:360px;padding:32px;font-family:Quicksand,sans-serif;box-shadow:0 8px 24px #553f2d14}.hero-title{color:#4a3525;letter-spacing:-.02em;margin:0 0 12px;font-family:Fredoka,sans-serif;font-size:42px;font-weight:600;line-height:1.1}.hero-subtitle{color:#4a3525;margin:0 0 24px;font-family:Quicksand,sans-serif;font-size:18px;font-weight:600}.hero-subtitle .heart{color:#eca196}.booking-form{flex-direction:column;gap:12px;display:flex}.input-group{background-color:#f7efe0;border:1px solid #0000;border-radius:12px;align-items:center;padding:12px 16px;transition:border-color .2s;display:flex}.input-group:hover{border-color:#91a566}.input-icon{stroke:#9a8c82;stroke-width:2.2px;fill:none;border-radius:50%;width:20px;height:20px;margin-right:12px}.input-group select{color:#8e7e70;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239A8C82' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") 100% no-repeat;border:none;outline:none;flex:1;padding-right:20px;font-family:Quicksand,sans-serif;font-size:15px;font-weight:600}.submit-btn{color:#fff;cursor:pointer;background-color:#8ca064;border:none;border-radius:20px;margin-top:8px;padding:16px;font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;transition:background-color .2s,transform .1s}.submit-btn:hover{background-color:#7d9253}.submit-btn:active{transform:scale(.98)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{text-align:center;background-color:#fcfaef;border-radius:24px;width:320px;padding:40px;font-family:Quicksand,sans-serif;box-shadow:0 12px 36px #553f2d26}.login-title{color:#4a3525;margin-bottom:24px;font-family:Fredoka,sans-serif;font-size:28px}.login-input{color:#4a3525;background-color:#f7efe0;border:1px solid #0000;border-radius:12px;outline:none;width:100%;margin-bottom:16px;padding:14px 16px;font-family:Quicksand,sans-serif;font-size:15px;transition:border-color .2s}.login-input:focus{border-color:#8ca064}.seat-map-section{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fcfaeffa;border-radius:24px;width:90%;max-width:600px;padding:32px;font-family:Quicksand,sans-serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px #00000026,0 0 0 100vw #0006}.seat-map-title{color:#4a3525;text-align:center;margin-bottom:16px;font-family:Fredoka,sans-serif;font-size:24px}.seat-legend{justify-content:center;gap:24px;margin-bottom:24px;display:flex}.legend-item{color:#8e7e70;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.seat-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:12px;max-height:400px;padding-right:8px;display:grid;overflow-y:auto}.seat-grid::-webkit-scrollbar{width:6px}.seat-grid::-webkit-scrollbar-track{background:#f7efe0;border-radius:4px}.seat-grid::-webkit-scrollbar-thumb{background:#d8c3a5;border-radius:4px}.seat-box{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .2s;display:flex}.seat-box.free{color:#8e7e70;background-color:#f7efe0;border:1px solid #d8c3a5}.seat-box.free:hover{background-color:#eae0cb;transform:scale(1.05)}.seat-box.in-use{color:#b5aba0;cursor:not-allowed;opacity:.6;background-color:#e2dcd3}.seat-box.selected{color:#fff;background-color:#8ca064;border:1px solid #7d9253;transform:scale(1.1);box-shadow:0 4px 12px #8ca06466}.loading-spinner{text-align:center;color:#8e7e70;padding:40px 0;font-weight:600}.confirm-book-btn{background-color:#4a3525;width:100%;margin-top:24px}.confirm-book-btn:hover{background-color:#3a281a}.close-modal-btn{color:#4a3525;cursor:pointer;background:0 0;border:none;font-size:20px;transition:transform .2s;position:absolute;top:16px;right:16px}.close-modal-btn:hover{transform:scale(1.1)}.bookings-list{max-height:55vh;padding-right:8px;overflow-y:auto}.bookings-list::-webkit-scrollbar{width:6px}.bookings-list::-webkit-scrollbar-track{background:#fff3;border-radius:4px}.bookings-list::-webkit-scrollbar-thumb{background:#8e7e7066;border-radius:4px}.bookings-list::-webkit-scrollbar-thumb:hover{background:#8e7e7099}@keyframes pulse{0%{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}to{opacity:.6;transform:scale(.85)}}.pulse-dot{background-color:#385723;border-radius:50%;width:8px;height:8px;margin-right:4px;animation:1.5s ease-in-out infinite pulse;display:inline-block}.log-console::-webkit-scrollbar{width:4px}.log-console::-webkit-scrollbar-track{background:#ffffff0d}.log-console::-webkit-scrollbar-thumb{background:#00ff664d;border-radius:2px}.log-console::-webkit-scrollbar-thumb:hover{background:#00ff6680}