:root{--primary-color:#0d1b2a;--accent-color:#6ae36e;--text-color:#f8f8fa;--secondary-text-color:#a9a9a9;--qr-background:#f0fff41a;--card-background:#ffffff26;--border-color:#fff3;--box-shadow:0 4px 30px #0000001a;--backdrop-filter:blur(10px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d1b2a;background-color:var(--primary-color);color:#f8f8fa;color:var(--text-color);font-family:Poppins,Roboto,Segoe UI,Helvetica Neue,sans-serif;margin:0}.textarea-field{border:1px solid #fff3;border:1px solid var(--border-color);border-radius:5px;margin-bottom:15px;margin-top:5px;padding:10px;resize:vertical;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:600px){.button-primary{font-size:.9rem;padding:.5rem 1.25rem}}.container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:20px;position:relative}.full-height{height:auto;max-width:100vw;min-height:100vh;overflow:hidden}.logo-wrapper{align-items:center;display:flex;height:30%;justify-content:center;margin:10px auto;max-height:30%;width:auto}.logo-wrapper:hover{transform:scale(1.05)}.logo{border-radius:15px;box-shadow:0 4px 10px #0003;max-height:20%;max-width:20%;transition:transform .3s,filter .3s}.logo:hover{box-shadow:0 0 20px #6ae36e;box-shadow:0 0 20px var(--accent-color);filter:brightness(1.1);transform:scale(1.1)}@media (max-width:768px){.logo-wrapper{height:25%;max-height:275px}.logo{max-height:75%;max-width:75%}}.success-message{animation:fadeIn .5s ease-in-out;background:linear-gradient(135deg,#f0fff4cc,#c8ffd299);border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#0d1b2a;color:var(--primary-color);font-size:1rem;font-weight:700;margin:20px auto;max-width:400px;padding:15px 20px;text-align:center;transition:all .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-message:hover{box-shadow:0 6px 15px #00ff804d;transform:scale(1.02)}.title{margin:15px 0;padding:5px;text-align:center;width:100%}.title-text{color:#f8f8fa;color:var(--text-color);font-size:3rem;font-weight:700;letter-spacing:2px;margin:0;text-shadow:0 0 5px #6ae36e;text-shadow:0 0 5px var(--accent-color);transition:color .3s,text-shadow .3s}.title-text:hover{color:#e0ffe0;text-shadow:0 0 12px #6ae36e;text-shadow:0 0 12px var(--accent-color)}.button-wrapper{backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-filter);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-filter);background:#ffffff26;background:var(--card-background);border-radius:10px;margin-bottom:2%;padding:0 5%;text-align:center;width:80%}.button-primary{background:linear-gradient(135deg,#6ae36e,#fff3);background:linear-gradient(135deg,var(--accent-color),#fff3);border:1px solid #6ae36e;border:1px solid var(--accent-color);border-radius:10px;box-shadow:0 0 8px #6ae36e,0 4px 15px #0000001a;box-shadow:0 0 8px var(--accent-color),0 4px 15px #0000001a;color:#f8f8fa;color:var(--text-color);font-size:18px;font-weight:700;margin:10px 0;padding:15px;transition:all .3s ease-in-out;width:100%}.button-primary:hover{background:linear-gradient(135deg,#fff6,#6ae36e);background:linear-gradient(135deg,#fff6,var(--accent-color));box-shadow:0 0 15px #6ae36e,0 6px 20px #00ff804d;box-shadow:0 0 15px var(--accent-color),0 6px 20px #00ff804d;transform:scale(1.05)}.button-primary:active{background:#6ae36e;background:var(--accent-color);box-shadow:0 0 20px #00ff8080;transform:scale(.97)}.button-secondary{appearance:none;-webkit-appearance:none;background:#0d1b2a;background:var(--primary-color);border-radius:10px;color:#f8f8fa;color:var(--text-color,#f8f8fa);cursor:pointer;font-size:18px;margin:10px 0;padding:15px;transition:transform .2s ease,background .3s ease;width:100%}.button-secondary:hover{opacity:.95;transform:scale(1.05)}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.button-secondary{background:#00000080;box-shadow:0 4px 20px #0003}}.link-primary{border-radius:5px;color:#6ae36e;color:var(--accent-color);display:inline-block;font-size:18px;margin:10px 0;padding:15px;text-align:center;text-decoration:none;transition:color .3s,text-shadow .3s;width:100%}.link-primary:hover{color:#5cd65e;text-shadow:0 0 8px #6ae36e;text-shadow:0 0 8px var(--accent-color)}.back-arrow{color:#6ae36e;color:var(--accent-color);cursor:pointer;font-size:1.5rem;left:20px;position:absolute;top:20px;transition:transform .2s ease-in-out,color .3s}.back-arrow:hover{color:#5cd65e;transform:scale(1.1)}.lock-icon-wrapper{backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-filter);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-filter);background:#ffffff26;background:var(--card-background);border-radius:50%;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);padding:15px;position:absolute;top:15%;transform:translateY(-50%);transition:transform .2s ease-in-out;z-index:2}.lock-icon-wrapper:hover{transform:scale(1.1)}.login-form-wrapper{backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-filter);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-filter);background:#ffffff26;background:var(--card-background);border:3px solid #6ae36e;border:3px solid var(--accent-color);border-radius:15px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);margin-top:60px;max-width:400px;padding:30px;position:relative;transition:transform .2s ease-in-out,box-shadow .3s;width:80%}.login-form{align-items:center;display:flex;flex-direction:column;justify-content:center}.input-field{background:#ffffff1a;border:1px solid #6ae36e;border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#f8f8fa;color:var(--text-color);font-size:1rem;margin:15px 0;padding:15px;transition:box-shadow .3s,transform .2s;width:100%}.input-field:focus{border:1px solid #5cd65e;box-shadow:0 0 10px #6ae36e;box-shadow:0 0 10px var(--accent-color);outline:none;transform:scale(1.01)}input::placeholder{color:#a9a9a9;color:var(--secondary-text-color);font-size:.9rem;font-style:italic}.lock-icon-wrapper,.login-form-wrapper{animation:fade-in .5s ease-in-out}.create-account-page{background-color:#0d1b2a;background-color:var(--primary-color);color:#f8f8fa;color:var(--text-color);display:flex;flex-direction:column;height:95vh;overflow:hidden;padding-bottom:3rem;padding-top:1rem;position:relative;width:100vw}.create-account-page::-webkit-scrollbar{display:none}.create-account-form-wrapper{backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-filter);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-filter);background:#ffffff26;background:var(--card-background);border:3px solid #6ae36e;border:3px solid var(--accent-color);border-radius:15px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);flex-grow:1;height:auto;margin:20px auto;max-height:calc(100vh - 80px);max-width:400px;overflow-y:auto;padding:30px 20px 20px;position:relative;transition:transform .2s ease-in-out,box-shadow .3s;width:90%}.create-account-form-wrapper::-webkit-scrollbar{display:none}.create-account-form{align-items:center;display:flex;flex-direction:column;gap:25px;width:100%}.form-group{margin-bottom:20px;width:90%}.form-group label{display:block;margin-bottom:8px}.form-group input,.form-group label{color:#f8f8fa;color:var(--text-color);font-size:1rem}.form-group input{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--border-color);border-radius:8px;padding:10px;width:100%}.form-group input::placeholder{color:#a9a9a9;color:var(--secondary-text-color);font-style:italic}@media (max-width:768px){.create-account-form-wrapper{margin-top:15%;max-height:calc(100vh - 140px);padding:20px 15px}.form-group input{padding:8px}.button-primary{font-size:.9rem;padding:10px}}.terms-container{background:#ffffff0d;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:25px;margin-top:15px;padding:10px}.term-group,.terms-container{align-items:center;display:flex}.term-group{align-content:center;flex-direction:row;width:100%}.terms-link{color:#6ae36e;color:var(--accent-color);cursor:pointer;font-weight:700;text-decoration:underline;transition:color .3s ease,text-shadow .3s ease}.terms-link:hover{color:#5cd65e;text-decoration:none;text-shadow:0 0 5px #6ae36e;text-shadow:0 0 5px var(--accent-color)}#terms-checkbox{border:2px solid #6ae36e;border:2px solid var(--accent-color);border-radius:4px;cursor:pointer;height:20px;transition:border .3s ease,transform .2s ease-in-out;width:20px}#terms-checkbox:hover{border-color:#5cd65e;transform:scale(1.1)}.create-account-form label{color:#f8f8fa;color:var(--text-color);font-weight:700}.radio-group{background:#ffffff26;background:var(--card-background);border:2px solid #fff3;border:2px solid var(--border-color);border-radius:10px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:15px;margin:15px 0;padding:15px;transition:all .3s ease-in-out}.radio-group:hover{box-shadow:0 4px 15px #00ff804d;transform:scale(1.01)}.radio-group label{align-items:center;color:#f8f8fa;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;transition:color .3s ease}.radio-group label:hover{color:#6ae36e;color:var(--accent-color)}.radio-group input[type=radio]{accent-color:#6ae36e;accent-color:var(--accent-color);cursor:pointer;height:18px;margin-right:12px;transition:transform .2s ease-in-out;width:18px}.radio-group input[type=radio]:hover{transform:scale(1.2)}.radio-group input[type=radio]:checked{transform:scale(1.3)}.radio-group div{align-items:center;border-radius:5px;display:flex;padding:5px 0;transition:background .3s ease}.radio-group div:hover{background:#ffffff1a}.radio-group div+div{margin-top:8px}@media (max-width:600px){.radio-group{gap:12px;padding:10px}.radio-group label{font-size:.9rem}.radio-group input[type=radio]{height:16px;width:16px}}#root,body,html{box-sizing:border-box;font-family:Poppins,Roboto,sans-serif;margin:0;padding:0}#root,.home-page,body,html{height:100%;overflow:hidden}.home-page{display:flex;flex-direction:column;position:relative;width:100vw}.spinner-wrapper{align-items:center;display:flex;height:100px;justify-content:center}.spinner{border:4px solid #ffffff4d;border-top:4px solid var(--accent-color);color:#6ae36e;color:var(--accent-color);font-size:2rem;height:2rem;width:2rem}.nav-wrapper{background-color:#0d1b2a;background-color:var(--primary-color);bottom:0;height:10%;left:0;margin:0;padding:0;position:fixed;width:100%}.nav-bar{align-items:center;background:#fff3;display:flex;height:100%;justify-content:space-around;width:100%}.nav-item{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff0;border:none;border-radius:3px;box-shadow:0 4px 8px #0000001a;color:#6ae36e;color:var(--accent-color);cursor:pointer;font-size:24px;padding:10px;transition:all .3s ease-in-out}.nav-item:hover{background:#ffffff4d;box-shadow:0 6px 15px #00ff804d;color:#fff;transform:scale(1.1)}.nav-item.active{background:linear-gradient(135deg,#6ae36e,#28c88a);box-shadow:0 8px 20px #00ff8080;color:#fff;transform:scale(1.05)}.nav-item:active{background:#fff6;box-shadow:0 8px 20px #00ff80b3;transform:scale(.95)}.nav-item>svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:30px;transition:transform .2s,filter .3s;width:30px}.nav-item:hover>svg{filter:drop-shadow(0 4px 10px rgba(0,255,128,.5));transform:scale(1.2)}.nav-item:active>svg{filter:drop-shadow(0 6px 15px rgba(0,255,128,.7));transform:scale(1)}.bar-list{-ms-overflow-style:none;scrollbar-width:none}.bar-list::-webkit-scrollbar{display:none}.bar-list-section{border-radius:15px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);box-sizing:border-box;flex:1 1;height:calc(100vh - 40%);margin:0 auto;max-height:90vh;overflow-y:auto;padding:15px;width:100%}.bar-list{display:flex;flex-direction:column;gap:20px;padding:10px}.bar-item{align-items:center;backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-filter);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-filter);background:#ffffff26;background:var(--card-background);border:1px solid #6ae36e;border:1px solid var(--accent-color);border-radius:15px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);cursor:pointer;display:flex;justify-content:space-between;margin:0 auto;padding:20px;transition:transform .2s,box-shadow .3s;width:90%}.bar-item:hover{background:linear-gradient(135deg,#4caf50,#0d1b2a);background:linear-gradient(135deg,#4caf50,var(--primary-color));box-shadow:0 0 15px #6ae36e;box-shadow:0 0 15px var(--accent-color);transform:scale(1.02)}.bar-logo{border-radius:10px;box-shadow:0 2px 10px #0003;height:75%;object-fit:cover;padding-left:5px;width:15%}.bar-details{flex:1 1;padding-left:15px;padding-right:5px}.bar-name{color:#f8f8fa;color:var(--text-color);cursor:pointer;font-size:1.3em;font-weight:700;margin-bottom:10px;text-shadow:0 0 1px #6ae36e;text-shadow:0 0 1px var(--accent-color);transition:color .3s,text-shadow .3s}.bar-name:hover{color:#e0ffe0;text-shadow:0 0 10px #6ae36e;text-shadow:0 0 10px var(--accent-color)}.bar-address{font-style:italic;text-shadow:0 0 2px #0003}.bar-address,.bar-distance{color:#a9a9a9;color:var(--secondary-text-color);font-size:.7em}.bar-distance{margin-left:5px}.bar-price{color:#6ae36e;color:var(--accent-color);font-size:1.1em;font-weight:700;padding-right:10px;white-space:nowrap}.bar-item+.bar-item:before{background-color:#a9a9a9;background-color:var(--secondary-text-color);content:"";display:block;height:1px;margin:10px 0;opacity:.6}.bar-list:after{content:"";display:block;height:50px}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bar-list-section::-webkit-scrollbar{display:none}.bar-list-section{-ms-overflow-style:none;scrollbar-width:none}.modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#141e30cc,#243b55cc);border-radius:15px;box-shadow:0 8px 24px #00000080;height:85%;max-width:500px;overflow-y:scroll;padding:20px;position:relative;scroll-behavior:smooth;width:90%}.modal-title{margin-bottom:10px;text-shadow:0 0 2px #6ae36e;text-shadow:0 0 2px var(--accent-color)}.modal-header{height:50px}.bar-modal-header,.modal-header{border-radius:12px 12px 0 0;overflow:hidden;position:relative;width:100%}.bar-modal-header{height:150px}.tab-toggle-container{display:flex;flex-direction:row;gap:5px;justify-content:center;margin:10px 0;padding:3px}.tab-button{background-color:#fff3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.tab-button:hover{background-color:#ffffff4d}.active-tab-button{background-color:#6ae36e;color:#000}.hop-pass-container{margin-bottom:20px;padding:5px}.hop-pass-title{align-self:center;color:#6ae36e;color:var(--accent-color);font-size:30px;font-weight:700;margin-bottom:3px;text-shadow:0 0 3px #6ae36e;text-shadow:0 0 3px var(--accent-color)}.hop-pass-container option{background:#ffffff26;background:var(--card-background);border:none;color:#0d1b2a;color:var(--primary-color);cursor:pointer;font-size:1rem;padding:10px;transition:background-color .2s,color .2s}.hop-pass-description{color:#f8f8fa;color:var(--text-color)}.filter-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141e30b3;border-radius:12px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;flex-wrap:wrap;margin:5px 0;padding:10px;width:100%}.filter-container label{color:#6ae36e;color:var(--accent-color);font-size:14px;font-weight:700;margin-bottom:5px}.date-picker-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px;width:100%}.date-picker-container input[type=date]{background:#243b55cc;border:1.5px solid #6ae36e;border:1.5px solid var(--accent-color);border-radius:10px;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:10px;text-align:center;transition:all .3s ease}.date-picker-container input[type=date]:hover{border-color:#6ae36e}.date-picker-container input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.pass-type-picker{align-self:center;background:#0d1b2a;background:var(--primary-color);border:1.5px solid #6ae36e;border:1.5px solid var(--accent-color);border-radius:10px;color:#6ae36e;color:var(--accent-color);cursor:pointer;font-size:16px;font-weight:700;padding:10px;transition:all .3s ease;width:80%}.pass-type-picker:hover{border-color:#6ae36e}.pass-type-picker select{border:none;color:#0d1b2a;color:var(--primary-color);cursor:pointer;font-size:16px;width:100%}.pass-type-picker option,.pass-type-picker select{background:#0d1b2a;background:var(--primary-color)}.pass-type-picker option{color:#fff;padding:10px}.date-picker-container input[type=date]:focus,.pass-type-picker:focus{border-color:#6ae36e;outline:none}.pay-area{justify-content:space-between;width:100%}.ticket-quantity-container{align-items:center;display:flex;margin:10px}.quantity-button{background-color:#28c88a;border-radius:20px;display:flex;height:50px;width:50px}.quantity-button-text{color:#f8f8fa;color:var(--text-color);font-size:22px}.quantity-display{font-size:18px;margin:0 10px}.pay-button-container{border-radius:12px;box-shadow:0 4px 10px #0000004d;overflow:hidden}.pay-button{background:linear-gradient(90deg,#6ae36e,#28c88a);color:#fff;font-size:16px;font-weight:700;padding:15px 25px;transition:all .3s ease}.pay-button:hover{opacity:.8}.fine-print{border:1px solid #ddd;color:#888;font-size:10px;margin:3px 10px}.columns-container{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.description-column,.hours-column{flex:1 1;min-width:200px}.bar-hours{color:#f8f8fa;color:var(--text-color);font-size:14px}.column-header{font-size:16px}.column-header,.day-text{color:#f8f8fa;color:var(--text-color);font-weight:700;margin-bottom:5px}.bar-website{align-self:center;color:#28c88a;cursor:pointer;font-size:14px;margin-top:5px;text-align:center;transition:color .3s ease-in-out;width:100%}.bar-website:hover{color:#1ea672}.cover-photo{filter:brightness(90%) blur(1px);height:100%;object-fit:cover;width:100%}.close-icon{color:#6ae36e;color:var(--accent-color);font-size:28px;position:absolute;right:2%;top:10%;transition:transform .2s,color .3s}.close-icon:hover{color:#ff6b6b;transform:scale(1.2)}.modal-content{-ms-overflow-style:none;overflow-y:auto;padding:10px;scrollbar-width:none}.bar-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.bar-logo-modal{border:3px solid #6ae36e;border:3px solid var(--accent-color);border-radius:50%;box-shadow:0 2px 10px #0000004d;height:70px;object-fit:cover;width:70px}.bar-info{flex:1 1}.bar-name-modal{color:#6ae36e;color:var(--accent-color);font-size:1.6em;font-weight:700;margin-bottom:5px;text-shadow:0 0 4px #6ae36e;text-shadow:0 0 4px var(--accent-color)}.bar-address-modal,.bar-distance-modal{color:#a9a9a9;color:var(--secondary-text-color);font-size:.95em;margin-top:5px}.price-and-website{align-items:flex-end;display:flex;flex-direction:column}.bar-website{color:#6ae36e;color:var(--accent-color);font-size:.9em;text-decoration:underline;transition:color .3s,text-shadow .3s}.bar-website:hover{color:#28c88a;text-shadow:0 0 10px #6ae36e;text-shadow:0 0 10px var(--accent-color)}.pay-area{flex-direction:row;gap:20px;justify-content:center;margin-top:20px}.pay-area,.ticket-quantity{align-items:center;display:flex}.ticket-quantity{gap:10px}.quantity-button{align-items:center;background-color:#6ae36e;background-color:var(--accent-color);border:none;border-radius:50%;color:#f8f8fa;color:var(--text-color);cursor:pointer;font-size:1.5em;height:40px;justify-content:center;transition:transform .2s,background-color .3s;width:40px}.quantity-button:hover{background-color:#28c88a;transform:scale(1.1)}.quantity-display{font-size:1.2em;font-weight:700}.pay-button,.quantity-display{color:#f8f8fa;color:var(--text-color)}.pay-button{background:linear-gradient(135deg,#6ae36e,#28c88a);border:none;border-radius:12px;box-shadow:0 4px 10px #0000004d;cursor:pointer;font-size:1.1em;padding:10px 20px;transition:transform .3s,box-shadow .3s}.pay-button:hover{box-shadow:0 6px 15px #0006;transform:translateY(-2px)}.fine-print{border:1px dashed #f0fff41a;border:1px dashed var(--qr-background);border-radius:8px;color:#a9a9a9;color:var(--secondary-text-color);font-size:.85em;font-style:italic;margin-top:20px;padding:8px;text-align:center}.description-column,.hours-column{color:#f8f8fa;color:var(--text-color)}.bar-hours{font-size:.9em;margin-bottom:8px}.description-column p{line-height:1.6}@media (max-width:480px){.modal-container{height:90%;padding:15px;width:90%}.bar-logo-modal{height:60px;width:60px}.pay-button{font-size:1em;padding:8px 15px}.fine-print{font-size:.75em}}.hop-price{color:#6ae36e;color:var(--accent-color);font-size:1.5em;font-weight:700}.modal-body{display:flex;flex-direction:column;gap:20px}@media (max-width:768px){.modal-container{height:95%;padding:10px;width:95%}.bar-logo-modal{border:2px solid #6ae36e;border:2px solid var(--accent-color);border-radius:50%;height:70px;margin-right:5px;object-fit:cover;width:70px}.bar-name-modal{font-size:1.4em}.pay-button{font-size:.9em;padding:8px 12px}.modal-body{gap:10px}}.qr-code-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center}.qr-code-wrapper>canvas{height:120px!important;width:120px!important}.profile-page{align-items:center;background-color:#0d1b2a;background-color:var(--primary-color);box-sizing:border-box;display:flex;flex-direction:column;height:90vh;overflow-y:auto;padding:20px;width:100vw}.profile-page::-webkit-scrollbar{display:none}.profile-tiles{max-width:600px;width:85%}.policy-tiles,.profile-tiles{align-items:center;display:flex;flex-direction:column;gap:20px}.policy-tiles{height:100%;margin:0 auto;width:90%}.profile-tile{background:#ffffff26;background:var(--card-background);border:1px solid #6ae36e;border:1px solid var(--accent-color);border-radius:15px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);box-shadow:0 4px 8px #0003;color:#f8f8fa;color:var(--text-color);cursor:pointer;font-weight:700;padding:20px;text-align:center;transition:transform .2s,box-shadow .3s;transition:transform .2s;width:100%}.profile-tile:hover{transform:scale(1.05)}.contact-info-form{display:flex;flex-direction:column;gap:15px;margin-bottom:15px;width:100%}.contact-info-form label{color:#f8f8fa;color:var(--text-color);font-weight:700}.contact-info-form input,.contact-info-form textarea{background-color:#0d1b2a;background-color:var(--primary-color);border:1px solid #6ae36e;border:1px solid var(--accent-color);border-radius:5px;color:#f8f8fa;color:var(--text-color);margin:0 auto;width:90%}.contact-info-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;background:var(--card-background);border:2px solid #6ae36e;border:2px solid var(--accent-color);border-radius:8px;box-shadow:0 4px 10px #0003;color:#f8f8fa;color:var(--text-color);cursor:pointer;font-size:1rem;max-width:500px;padding:10px 15px;transition:all .3s ease-in-out;width:100%}.contact-info-form select:focus,.contact-info-form select:hover{border-color:#28c88a;box-shadow:0 4px 15px #00ff804d;outline:none}.contact-info-form option{background:#ffffff26;background:var(--card-background);border:none;color:#0d1b2a;color:var(--primary-color);cursor:pointer;font-size:1rem;padding:10px;transition:background-color .2s,color .2s}.contact-info-form option:checked,.contact-info-form option:hover{background-color:#6ae36e;background-color:var(--accent-color);color:#0d1b2a;color:var(--primary-color)}.delete-confirmation-input{background-color:#0d1b2a;background-color:var(--primary-color);border:1px solid #6ae36e;border:1px solid var(--accent-color);border-radius:5px;color:#f8f8fa;color:var(--text-color);margin-top:10px;padding:10px;width:100%}.button-danger{background:linear-gradient(135deg,#ff6b6b,#d32f2f);border:none;border-radius:8px;box-shadow:0 4px 10px #0003;color:#f8f8fa;color:var(--text-color);cursor:pointer;font-weight:700;margin:0 auto;padding:10px 20px;transition:all .3s ease-in-out}.button-danger:hover{background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 6px 15px #f006;transform:translateY(-2px)}.button-danger,.button-logout{align-items:center;display:inline-flex;font-size:1rem;justify-content:center;text-transform:uppercase}.button-logout{background:linear-gradient(135deg,#ef9a9a,#e57373);border:none;border-radius:8px;box-shadow:0 4px 10px #0003;color:#f8f8fa;color:var(--text-color);cursor:pointer;font-weight:700;margin-top:20px;padding:10px 20px;transition:all .3s ease-in-out}.button-logout:hover{background:linear-gradient(135deg,#e57373,#ef5350);box-shadow:0 6px 15px #ff575766;transform:translateY(-2px)}.auth-buttons{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:20vh}@media (min-width:768px){.auth-buttons{margin-top:10vh}}.payment-form-container{margin:0 auto}.close-icon{cursor:pointer;font-size:24px}.payment-form-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;max-width:600px;padding:30px;position:relative;width:100%}.payment-form-header{display:flex;justify-content:flex-end;padding:10px}.button-primary.loading{background-color:#0056b3;padding:10px 20px;position:relative}.spinner{border-top-color:#fff;margin-bottom:20px}.spinner-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.onboarding-wrapper{backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-filter);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-filter);background:#ffffff26;background:var(--card-background);border:3px solid #6ae36e;border:3px solid var(--accent-color);border-radius:12px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);margin:30px auto;max-width:600px;padding:25px 20px;text-align:center;transition:transform .2s ease-in-out,box-shadow .3s;width:80%}.onboarding-wrapper:hover{box-shadow:0 4px 15px #00ff804d;transform:scale(1.02)}.error-message{background:#ff4d4f1a;border:1px solid #ff4d4f;border-radius:5px;color:#ff4d4f;font-size:1rem;font-weight:700;margin-bottom:15px;padding:10px}.button-primary.loading{background-color:#6ae36e80;box-shadow:none;color:#ffffffb3;cursor:not-allowed}.spinner{height:20px;width:20px}@media (max-width:768px){.onboarding-wrapper{margin:20px auto;padding:20px 15px}.error-message{font-size:.9rem}.spinner{border-width:2px;height:15px;width:15px}}.spinner-wrapper{margin-top:50px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#6ae36e;border-top:3px solid var(--accent-color);display:inline-block;height:24px;width:24px}.dashboard-container{gap:3rem;justify-content:space-evenly;max-height:80vh;overflow-y:auto;padding:20px 0 10px;position:relative}.dashboard-container::-webkit-scrollbar{display:none}.dashboard-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-top:5px}@media (min-width:768px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.dashboard-grid{grid-template-columns:1fr 1fr 1fr}}.dashboard-item{backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-filter);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-filter);background:#ffffff26;background:var(--card-background);border:2px solid #fff3;border:2px solid var(--border-color);border-radius:10px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);overflow:auto;padding:25px;transition:transform .3s ease,box-shadow .3s}.dashboard-item:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.dashboard-item h2{border-bottom:2px solid #6ae36e;border-bottom:2px solid var(--accent-color);color:#f8f8fa;color:var(--text-color);font-size:1.5rem;margin-bottom:15px;padding-bottom:10px}.dashboard-item p{color:#a9a9a9;color:var(--secondary-text-color);font-size:1.2rem;line-height:1.6}.dashboard-item ul{list-style-type:none;padding:0}.dashboard-item ul li{border-bottom:1px solid #fff3;border-bottom:1px solid var(--border-color);font-size:1.1rem;padding:10px 0}.dashboard-item ul li:last-child{border-bottom:none}.chart-container{backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-filter);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-filter);background:#ffffff26;background:var(--card-background);border:2px solid #fff3;border:2px solid var(--border-color);border-radius:10px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);margin:20px auto;max-width:800px;padding:20px;width:90%}.dropdown-wrapper{margin-bottom:20px;text-align:center}.dropdown-wrapper select{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--border-color);border-radius:6px;color:#f8f8fa;color:var(--text-color);font-size:1rem;padding:10px;transition:all .3s ease}.dropdown-wrapper select:hover{background:#fff3}.balance-details{display:flex;flex-direction:column;gap:20px;margin-top:20px}.balance-item{backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-filter);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-filter);background:#ffffff26;background:var(--card-background);border:1px solid #fff3;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);padding:15px;transition:transform .2s ease-in-out}.balance-item:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.balance-item h3{color:#f8f8fa;color:var(--text-color);font-size:1.5rem;margin-bottom:10px}.balance-item p{color:#6ae36e;color:var(--accent-color);font-size:2rem;font-weight:700}.activity-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.activity-item{backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-filter);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-filter);background:#ffffff26;background:var(--card-background);border:1px solid #fff3;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);padding:15px;transition:transform .2s ease-in-out}.activity-item:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.activity-details p{color:#f8f8fa;color:var(--text-color);margin:5px 0}.activity-details strong{color:#6ae36e;color:var(--accent-color);font-weight:700}.account-alerts{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ff4d4f1a;border:1px solid #ff4d4f;border-radius:8px;box-shadow:0 4px 8px #ff4d4f1a;color:#ff4d4f;font-weight:700;margin-bottom:20px;padding:20px}.manage-payments-button{background:#6ae36e;background:var(--accent-color);border-radius:6px;color:#f8f8fa;color:var(--text-color);display:inline-block;font-size:1rem;font-weight:700;padding:12px 24px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.manage-payments-button:hover{background:#28c88a;box-shadow:0 6px 12px #00ff8033;transform:translateY(-2px)}.manage-payments{align-items:center;display:flex;justify-content:center;margin-top:20px}@media (max-width:768px){.dashboard-container{max-height:85vh;overflow-y:auto;padding:10px}.dashboard-item{padding:15px}}.manage-employees-container{border-radius:12px;margin:0 auto;max-width:1200px}.manage-employees-container,.table-wrapper{box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow)}.table-wrapper{backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-filter);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-filter);background:#ffffff26;background:var(--card-background);border:2px solid #fff3;border:2px solid var(--border-color);border-radius:10px;max-height:600px;overflow-y:auto}.employee-table{border-radius:10px;overflow:hidden}.employee-table::webkit-scrollbar{display:none}.employee-table td,.employee-table th{border:1px solid #fff3;border:1px solid var(--border-color);font-size:1rem;padding:12px}.employee-table th{background:#6ae36e;background:var(--accent-color);color:#f8f8fa;color:var(--text-color);font-weight:700;text-transform:uppercase}.employee-table td input,.employee-table td select{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--border-color);border-radius:6px;color:#f8f8fa;color:var(--text-color);padding:8px;width:auto}.employee-table td input:focus,.employee-table td select:focus{outline:2px solid #6ae36e;outline:2px solid var(--accent-color)}.toggle-button{backdrop-filter:blur(10px);backdrop-filter:var(--backdrop-filter);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-filter);background:#ffffff26;background:var(--card-background);border:2px solid #fff3;border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);color:#f8f8fa;color:var(--text-color);cursor:pointer;font-size:1rem;font-weight:700;margin:0 auto;text-align:center;transition:background .3s ease,transform .2s ease;width:90%}.toggle-button.active{background:#6ae36e;background:var(--accent-color);border-color:#6ae36e;border-color:var(--accent-color);color:#0d1b2a;color:var(--primary-color);transform:scale(1.05)}.toggle-button:hover{background:#fff3;box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.toggle-button:focus{box-shadow:0 0 6px #6ae36e;box-shadow:0 0 6px var(--accent-color);outline:none}.toggle-button{transition:all .3s ease-in-out}.save-button{background:#6ae36e;background:var(--accent-color);border:none;border-radius:8px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);color:#f8f8fa;color:var(--text-color);cursor:pointer;font-size:1rem;margin-top:20px;padding:12px 20px;transition:transform .3s,background .3s}.save-button:hover{background:#28c88a;transform:translateY(-3px)}.delete-button{background:#ff4d4f;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px;transition:background .3s ease}.delete-button:hover{background:#d32f2f}.overlay-spinner-wrapper{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.overlay-spinner{animation:spin 1s linear infinite;font-size:3rem}.add-employee-button,.overlay-spinner{color:#6ae36e;color:var(--accent-color)}.add-employee-button{background:linear-gradient(135deg,#6ae36e,#fff3);background:linear-gradient(135deg,var(--accent-color),#fff3);border:2px solid #6ae36e;border:2px solid var(--accent-color);border-radius:8px;cursor:pointer;font-weight:700;margin-top:20px;padding:12px 20px;transition:transform .3s,box-shadow .3s}.add-employee-button:hover{background:linear-gradient(135deg,#fff6,#6ae36e);background:linear-gradient(135deg,#fff6,var(--accent-color));box-shadow:0 6px 12px #00ff804d;transform:translateY(-3px)}.modal-actions{display:flex;flex-direction:column;gap:10px;justify-content:space-around;margin-top:20px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:transform .3s,background .3s}.modal-actions .button-primary{background:#6ae36e;background:var(--accent-color);color:#f8f8fa;color:var(--text-color)}.modal-actions .button-primary:hover{background:#28c88a}.modal-actions .button-secondary{background:#0000;border:2px solid #6ae36e;border:2px solid var(--accent-color);color:#6ae36e;color:var(--accent-color)}.modal-actions .button-secondary:hover{background:#ffffff1a}@media (max-width:768px){.manage-employees-container{padding:10px}.employee-table td,.employee-table th{padding:8px}.add-employee-button,.save-button{padding:10px 15px}}.edit-bar-info-container{align-items:center;background-color:#0d1b2a;background-color:var(--primary-color);box-sizing:border-box;display:flex;flex-direction:column;height:90vh;overflow-x:hidden;overflow-y:auto;padding:20px;width:100vw}.edit-bar-info-container::-webkit-scrollbar{display:none}.edit-bar-info-container h1{margin-bottom:30px;text-align:center}.edit-bar-info-container:after{content:"";display:block;height:50px}.modal-container{-webkit-overflow-scrolling:touch;max-height:90vh;overflow-y:auto;scrollbar-width:none}.modal-container::-webkit-scrollbar{display:none}.form-wrapper{background-color:#0d1b2a;background-color:var(--primary-color);border:3px solid #6ae36e;border:3px solid var(--accent-color);border-radius:10px;padding:20px}.hours-input{align-items:center;display:flex;margin-bottom:10px}.hours-input label{width:100px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.edit-bar-info-container{padding:10px}.save-button{padding:8px 15px}}.qr-code-scanner-container{align-items:center;display:flex;flex-direction:column;height:85vh;justify-content:center;padding:20px}.qr-reader-wrapper{aspect-ratio:1;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;overflow:hidden;position:relative;width:min(90vw,600px)}.qr-reader{height:100%;object-fit:cover;width:100%}.scanner-outline{border:5px solid #fff;border-radius:12px;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:border-color .3s ease;width:100%}.qr-reader-wrapper.success .scanner-outline{border-color:#21d34a}.qr-reader-wrapper.error .scanner-outline{border-color:#ee0d20}@media (max-width:768px){.qr-reader-wrapper{aspect-ratio:1;width:min(90vw,500px)}}@media (min-device-width:390px) and (max-device-width:390px) and (min-device-height:844px) and (max-device-height:844px) and (orientation:portrait){.qr-reader-wrapper{aspect-ratio:1;max-width:400px;width:90vw}}@media (min-device-width:844px) and (max-device-width:844px) and (min-device-height:390px) and (max-device-height:390px) and (orientation:landscape){.qr-reader-wrapper{aspect-ratio:1;max-width:400px;width:70vw}}.toggle-camera-button{align-items:center;background-color:#6ae36e;background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:center;margin-bottom:20px;padding:12px 24px;transition:background-color .3s ease,transform .2s ease}.toggle-camera-button:hover{background-color:#005bb5;box-shadow:0 6px 12px #005bb533;transform:translateY(-2px)}.permission-request{align-items:center;background-color:#f9f9f9;border:2px solid #f0c040;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:400px;padding:2rem;text-align:center;width:80%}.permission-request p{color:#333;font-size:1.2rem;line-height:1.5;margin-bottom:1.5rem}.permission-request button{background-color:#f0c040;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s,transform .2s}.permission-request button:hover{background-color:#e0b030;transform:scale(1.05)}.permission-request button:active{transform:scale(1.02)}.result-box{align-items:center;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;font-size:1rem;margin-bottom:15px;padding:15px;width:320px}.result-box.success{background-color:#6ae36e;background-color:var(--accent-color);color:#155724}.result-box.error{background-color:#ee0d20;color:#f8f8fa;color:var(--text-color)}.result-box p{font-weight:700;margin-left:10px}.modal-title{color:#6ae36e;color:var(--accent-color);font-size:2rem;letter-spacing:1px;margin-bottom:20px;text-align:center;text-transform:uppercase}@media (max-width:768px){.qr-code-scanner-container{padding:10px}.qr-reader-wrapper{height:280px;width:280px}.result-box{width:280px}.modal-title{font-size:1.5rem}}@media (min-width:1024px){.qr-code-scanner-container{margin:0 auto;max-width:800px}}.qr-code-scanner-container{overflow-y:auto}.qr-reader.error,.qr-reader.success{transition:all .3s ease}.qr-reader.success{border:5px solid #28a745}.qr-reader.error{border:5px solid #dc3545}.select-venue-wrapper{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:30px}h2{color:#f8f8fa;color:var(--text-color);margin-bottom:20px}.venue-tile{background-color:var(--background-secondary-color);border:2px solid #6ae36e;border:2px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;margin-bottom:15px;max-width:400px;padding:15px;transition:background-color .3s ease;width:90%}.venue-tile:hover{background-color:#0d1b2a;background-color:var(--primary-color);transform:scale(1.05)}.venue-name{color:#6ae36e;color:var(--accent-color);font-size:1.2em}.venue-email{color:#f8f8fa;color:var(--text-color);font-size:.9em}@media (max-width:600px){.venue-tile{width:100%}}.manage-employees-container{display:flex;flex-direction:column;min-height:80%;overflow:hidden;padding:20px;position:relative}.table-wrapper{flex:1 1;margin-bottom:20px;overflow-x:auto}.employee-table{border-collapse:collapse;min-width:800px;width:100%}.employee-table td,.employee-table th{border:1px solid #ddd;padding:10px;text-align:left;white-space:nowrap}.employee-table thead th{background-color:#6ae36e;background-color:var(--accent-color);position:sticky;top:0;z-index:2}.table-body{display:block;overflow-x:auto;width:100%}.table-body table{table-layout:fixed;width:100%}@media (max-width:768px){.employee-table td,.employee-table th{display:table-cell}}.add-employee-button.button-secondary{align-self:flex-start;margin-top:20px}.save-button{margin-bottom:20px}.instruction-text{margin:10px 0 5px;text-align:"center"}.photo-instructions{margin-bottom:1.5rem}.photo-instructions ul{list-style-type:disc;margin:0;padding-left:1.5rem}.photo-instructions li{color:#aaa;font-size:.9rem;line-height:1.4}.upload-section{gap:2rem}.upload-field,.upload-section{display:flex;flex-direction:column}.upload-field{align-items:flex-start;gap:.5rem}.uploaded-cover-photo,.uploaded-icon{border-radius:4px;height:auto;max-width:100%}.placeholder-text{color:#888;font-size:.9rem}.button-primary{align-self:flex-start;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.button-primary:disabled{background-color:#555;cursor:not-allowed}@media (max-width:600px){.modal-container{padding:1.5rem}.modal-title{font-size:1.25rem}.photo-instructions li,.placeholder-text{font-size:.85rem}.button-primary{font-size:.9rem;padding:.5rem 1.25rem}}.upload-section>.upload-field:nth-child(2){margin-top:1.5rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.4d563b42.css.map*/