.navigation{background-color:var(--color-bg);width:100%;display:flex;justify-content:space-between;align-items:center;padding:4px 40px 4px 100px;box-sizing:border-box;box-shadow:0 4px 6px -1px #0000004d}.nav-menu-wrapper{display:flex;justify-content:space-between;align-items:center;flex:1;margin-left:var(--gap-l)}.nav-section{display:flex;align-items:center;flex:1}.nav-to-the-left{justify-content:flex-start}.login-container{display:flex;gap:20px}.link{text-decoration:none;color:var(--color-accent);transition:all var(--transition-speed)}.link:hover{scale:1.05}.event-link{text-transform:uppercase;font-weight:800;font-size:1.3rem}.nav-to-the-left,.nav-to-the-right{display:flex;gap:var(--gap-l);align-items:center}.user-container{display:flex;flex-direction:column;gap:var(--gap-s)}.user-nav{color:var(--color-accent);font-size:.8rem}.logout-btn{background-color:transparent;color:var(--color-accent);border:var(--border-standard);border-radius:var(--radius-m);padding:2px 8px;cursor:pointer;transition:all var(--transition-speed)}.logout-btn:hover{scale:1.05}.cart-icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.cart-icon{width:36px;height:auto}.cart-badge{position:absolute;bottom:-4px;right:-8px;background-color:var(--color-accent);color:var(--color-bg);font-size:11px;font-weight:700;min-width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px;border:2px solid white}.burger-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.burger-bar{width:100%;height:3px;background-color:var(--color-accent);border-radius:2px;transition:all .3s ease}.burger-btn.open .burger-bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.burger-btn.open .burger-bar:nth-child(2){opacity:0}.burger-btn.open .burger-bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 768px){.navigation{padding:4px 20px;position:relative}.burger-btn{display:flex;position:relative}.nav-menu-wrapper{position:absolute;top:100%;left:0;width:100%;background-color:var(--color-bg);flex-direction:column;gap:24px;padding:30px 0;box-shadow:0 10px 15px #0003;margin-left:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:9}.nav-menu-wrapper.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-to-the-left,.nav-to-the-right,.login-container{flex-direction:column;gap:20px;width:100%;text-align:center}.user-container{align-items:center}}.home-page{background-color:var(--color-bg);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px;margin:40px auto;max-width:800px;gap:var(--gap-l);border:var(--border-standard);border-radius:var(--radius-l)}.home-title{color:var(--color-accent)}.home-description{width:80%;line-height:1.4}.event-icon{width:70px}@media (width < 850px){.home-page{width:96%;padding:1rem}}.event-card{display:flex;flex-direction:column;padding:12px;border:var(--border-standard);border-radius:var(--radius-l);flex:0 1 350px;gap:var(--gap-m);justify-content:space-around;transition:scale var(--transition-speed);background-color:var(--color-bg)}.event-card:hover{scale:1.01}.event-title{color:var(--color-accent)}.event-content{display:flex;flex-direction:column;min-height:140px}.event-details{display:flex;flex-direction:column;gap:var(--gap-s)}.event-emoji{font-size:1.25rem}.event-tickets{font-weight:var(--font-weight-bold)}.event-category{background-color:var(--color-accent-hover);padding:4px 8px;border-radius:var(--radius-m);width:fit-content;color:var(--color-accent);font-size:.9rem}.event-buy-button{padding:10px;font-size:16px;background-color:transparent;color:var(--color-accent);border:var(--border-standard);border-radius:var(--radius-m);cursor:pointer;transition:background-color var(--transition-speed);font-weight:var(--font-weight-bold)}.event-buy-button:not(:disabled):hover{background-color:var(--color-accent-hover)}.event-buy-button:disabled{cursor:not-allowed;opacity:.5}.status-sold-out{color:#9c2121}.status-available{color:#1d633a}.tabs-menu{display:flex;gap:10px}.tab-button{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-accent);padding:8px 16px;cursor:pointer;transition:background-color var(--transition-speed);opacity:.6}.tab-button:hover{opacity:1;background-color:var(--color-accent-hover)}.tab-button.active{opacity:1;background-color:var(--color-accent-hover);border:none;border-bottom:2px solid var(--color-accent);cursor:default}.event-description-tab{display:flex;flex-direction:column;gap:var(--gap-s)}.description-text{font-size:.9rem;line-height:1.4}.ticket-stats{display:flex;flex-direction:column;gap:var(--gap-s)}.ticket-stats{font-size:.85rem}.description-text{font-size:.8rem}p{padding:0;margin:0}.event-list{display:flex;gap:30px;flex-wrap:wrap;margin:10px auto;padding:0;max-width:1150px;justify-content:space-between}.list-toolbar{position:sticky;top:68px;z-index:900;margin-top:0;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-accent);padding:12px 100px;margin-bottom:20px;box-shadow:0 2px 10px #0000000d}.search-filter-container{display:flex;gap:30px}.search-input{background-color:transparent;color:#fff;padding:4px 8px;border:1px solid white;border-radius:var(--radius-m);cursor:pointer;outline:none}.search-input::placeholder{color:#fffc}.results-count{color:#fff}.no-data{background-color:#fff;padding:4px 30px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;background-color:var(--color-accent);padding:12px;margin-top:20px}.pagination-btn{background-color:transparent;color:#fff;padding:6px 16px;border:1px solid white;border-radius:var(--radius-m);cursor:pointer;transition:all var(--transition-speed)}.pagination-btn:hover:not(:disabled){scale:1.05}.pagination-btn:disabled{opacity:.6;cursor:not-allowed}.page-info{text-align:center;background:#f8f9fa;padding:6px 16px;border-radius:var(--radius-m)}.loading-container{background-color:var(--color-bg);text-align:center;padding-block:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--color-accent);border-radius:50%;animation:spin 2s linear infinite;margin-bottom:10px}.error-message{background-color:#fff5f5;border:var(--border-standard);padding:20px;border-radius:var(--radius-m);text-align:center;max-width:500px;margin:40px auto}.error-icon{font-size:2.5rem;display:block;margin-bottom:10px}.retry-btn{margin-top:15px;background-color:var(--color-accent);color:#fff;border:none;padding:8px 20px;border-radius:var(--radius-m);cursor:pointer;transition:all var(--transition-speed)}.retry-btn:hover{scale:1.05}@media (width < 1200px){.event-list{gap:1.5rem;flex-wrap:wrap;margin:10px auto;justify-content:center}}@media (width < 710px){.list-toolbar{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;position:initial}.search-filter-container{flex-direction:column;gap:10px}.filter-container{display:flex;flex-direction:column;gap:6px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.category-label{color:#fff}.category-select{background-color:transparent;color:#fff;padding:4px 8px;border:1px solid white;border-radius:var(--radius-m);cursor:pointer;outline:none}.event-detail{background-color:var(--color-bg);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px;margin:40px auto;max-width:800px;gap:var(--gap-l);border:var(--border-standard);border-radius:var(--radius-l)}.event-about{padding-inline:40px;line-height:1.3}.purchase-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-m)}.quantity-buttons-container{display:flex;align-items:center;gap:var(--gap-s)}.quantity-btn{width:30px;height:30px;font-size:16px;background-color:transparent;color:var(--color-accent);border:var(--border-standard);border-radius:var(--radius-m);cursor:pointer;transition:background-color var(--transition-speed);font-weight:var(--font-weight-bold)}.quantity-btn:not(:disabled):hover{background-color:var(--color-accent-hover)}.quantity-btn:disabled{opacity:.6;cursor:not-allowed}.add-to-cart-btn{padding:10px;font-size:16px;background-color:transparent;color:var(--color-accent);border:var(--border-standard);border-radius:var(--radius-m);cursor:pointer;transition:background-color var(--transition-speed);font-weight:var(--font-weight-bold)}.add-to-cart-btn:not(:disabled):hover{background-color:var(--color-accent-hover)}.cart-page,.cart-empty-container{background-color:var(--color-bg);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px;margin:40px auto;max-width:800px;gap:var(--gap-l);border:var(--border-standard);border-radius:var(--radius-l)}.cart-title,.cart-item-title{color:var(--color-accent)}.cart-list{display:flex;flex-direction:column;gap:var(--gap-s);width:60%}.cart-item{display:flex;flex-direction:column;gap:var(--gap-s);border:var(--border-standard);border-radius:var(--radius-m);padding:10px}.styled-btn{height:30px;font-size:16px;background-color:transparent;color:var(--color-accent);border:var(--border-standard);border-radius:var(--radius-m);cursor:pointer;transition:all var(--transition-speed);font-weight:var(--font-weight-bold);padding-inline:10px}.styled-btn:not(:disabled):hover{scale:1.05}.back-to-events-btn{display:inline-block;text-decoration:none;color:var(--color-accent);padding:12px 24px;border:var(--border-standard);border-radius:var(--radius-m);transition:all var(--transition-speed)}.back-to-events-btn:not(:disabled):hover{scale:1.05}.cart-summary{display:flex;flex-direction:column;gap:var(--gap-s);justify-content:center;align-items:center}.summary-btn-container{display:flex;gap:var(--gap-m)}.checkout-btn:disabled{cursor:not-allowed;opacity:.7}.order-history{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-l)}.order-item{border:var(--border-standard);border-radius:var(--radius-m);padding:10px;display:flex;justify-content:space-between;align-items:center}.icon-big{width:60px}@media (width < 820px){.cart-page,.cart-empty-container{padding:20px 10px;margin:40px auto;width:96%}}.login-card{background-color:var(--color-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;border:var(--border-standard);border-radius:var(--radius-l);margin:60px auto;max-width:500px;gap:10px}.login-title{color:var(--color-accent);text-transform:uppercase}.login-description{text-align:center;padding-bottom:10px}.login-form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.login-input{width:66%;padding:8px 14px;border:var(--border-standard);border-radius:var(--radius-m)}.login-input:disabled{opacity:.7;cursor:not-allowed}.login-submit-btn{color:var(--color-bg);background-color:var(--color-accent);padding:10px;border:none;border-radius:var(--radius-m);cursor:pointer;transition:all var(--transition-speed)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.7}.login-submit-btn:hover{scale:1.05}.error-banner{background-color:#fff5f5;color:var(--color-error);padding:10px;border-radius:var(--radius-m);border:1px solid #feb2b2;margin-bottom:10px;text-align:center}.register-description{margin-top:20px;text-align:center}.sign-up-link{color:var(--color-accent);text-decoration:none;font-weight:600}.sign-up-link:hover{text-decoration:underline}@media (width < 540px){.login-card{width:96%}}.register-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:var(--color-bg);margin:60px auto;padding:50px 30px;max-width:500px;min-height:350px;border:var(--border-standard);border-radius:var(--radius-l)}.register-title{color:var(--color-accent);text-transform:uppercase}.register-form{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:14px}.register-input{width:66%;padding:8px 14px;border:var(--border-standard);border-radius:var(--radius-m)}.register-submit-btn{color:var(--color-bg);background-color:var(--color-accent);padding:10px;border:none;border-radius:var(--radius-m);cursor:pointer;transition:all var(--transition-speed)}.register-submit-btn:hover{scale:1.05}.register-submit-btn:disabled{cursor:not-allowed;opacity:.7}.input-error{border-color:var(--color-error)}.validation-text{color:var(--color-error);font-size:.8rem;text-align:left}@media (width < 540px){.register-container{width:96%}}.checkout-container{background-color:var(--color-bg);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px;margin:40px auto;max-width:800px;gap:var(--gap-l);border:var(--border-standard);border-radius:var(--radius-l)}.checkout-title{color:var(--color-accent)}hr{border:none;height:2px;background-color:var(--color-accent);margin:20px 0}.order-summary{width:80%}.checkout-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-total{font-weight:var(--font-weight-bold);color:var(--color-accent)}.checkout-btn-container{display:flex;gap:var(--gap-m)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%}h1,h2,h3,h4{margin:0;padding:0}ul{list-style-type:none;padding:0;margin:0}body{background-image:url(/assets/background-img-y_8Thh15.avif);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;font-family:var(--font-main)}header{position:fixed;top:0;left:0;margin:0;padding:0;width:100%;z-index:1000}.layout-container{display:flex;flex-direction:column;min-height:100vh}.layout-container main{flex:1;margin-top:70px}footer{padding:20px;background-color:#f8f9fa;text-align:center;width:100%}:root{--color-accent: rgb(41, 58, 125);--color-accent-dark: darkblue;--color-accent-soft: rgba(41, 58, 125, .2);--color-accent-hover: rgba(41, 58, 125, .4);--color-bg: white;--color-error: #ff4d4f;--border-standard: 2px solid rgb(41, 58, 125);--radius-l: 12px;--radius-m: 10px;--gap-s: 8px;--gap-m: 16px;--gap-l: 30px;--transition-speed: .3s;--font-main: Arial, Helvetica, sans-serif;--font-weight-bold: 700}