@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";.home-nav{position:relative;z-index:100;padding:1.5rem 0;background:var(--nav-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--card-border);box-shadow:0 4px 30px var(--card-shadow)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.brand-wrapper{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-logo{width:40px;height:40px;background:var(--brand-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #ef444466;transform:skew(-10deg)}.brand-logo svg{width:22px;height:22px;transform:skew(10deg)}.brand-title{color:var(--text-primary);font-size:1.4rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-style:italic}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;padding:.5rem 1rem;position:relative;transition:color .3s}.nav-link:hover,.nav-link.active{color:var(--brand-secondary)}.nav-link.active:after{content:"";position:absolute;bottom:-5px;left:1rem;right:1rem;height:3px;background:var(--brand-gradient);transform:skew(-10deg)}.nav-actions{display:flex;align-items:center;gap:1.5rem}.hello-user{color:var(--text-secondary);font-size:1rem;font-weight:600}.logout-btn{background:transparent;border:1px solid var(--status-error-border);color:var(--status-error-text);padding:.6rem 1.5rem;border-radius:8px;font-family:inherit;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transform:skew(-5deg);transition:all .3s}.logout-btn:hover{background:var(--status-error-bg);border-color:var(--brand-primary);box-shadow:0 4px 12px #ef44444d}.glow-btn{border:2px solid transparent;border-radius:12px;background:var(--brand-gradient);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 24px -10px #f9731699;display:inline-flex;align-items:center;justify-content:center;transform:skew(-5deg)}.glow-btn:hover{transform:skew(-5deg) translateY(-3px);box-shadow:0 16px 32px -10px #f97316cc}.glow-btn:hover:before{left:100%}.outline-btn{border:2px solid var(--brand-secondary);border-radius:12px;background:transparent;color:var(--brand-secondary);padding:calc(1.2rem - 2px) calc(3rem - 2px);font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transform:skew(-5deg);transition:all .3s}.outline-btn span{transform:skew(5deg);display:inline-block}.outline-btn:hover{background:#f973161a;box-shadow:0 8px 24px -10px #f9731699;transform:skew(-5deg) translateY(-3px)}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:1001}.hamburger-line{display:block;width:24px;height:2.5px;background:var(--text-primary);border-radius:2px;transition:transform .3s,opacity .3s}.hamburger-btn.is-open .hamburger-line:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.hamburger-btn.is-open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.is-open .hamburger-line:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;transition:opacity .3s}.mobile-menu-overlay.is-open{opacity:1}.mobile-menu{display:none;position:fixed;top:0;right:0;width:280px;max-width:80vw;height:100vh;background:var(--bg-main);border-left:1px solid var(--card-border);z-index:1000;flex-direction:column;padding:5rem 2rem 2rem;gap:.5rem;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;overflow-y:auto;visibility:hidden}.mobile-menu.is-open{transform:translate(0);visibility:visible}.mobile-nav-link{display:block;padding:.9rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:1.05rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:10px;transition:all .2s}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--brand-secondary);background:#f9731614}.mobile-nav-link.active{border-left:3px solid var(--brand-secondary)}.mobile-menu-actions{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--card-border);display:flex;flex-direction:column;gap:1rem}.mobile-hello-user{color:var(--text-secondary);font-size:.95rem;font-weight:600;padding:0 .5rem}.mobile-login-btn{width:100%;padding:.8rem 1.5rem;font-size:.95rem;text-decoration:none;text-align:center}.mobile-logout-btn{width:100%}@media(max-width:768px){.nav-links,.nav-actions{display:none}.hamburger-btn{display:flex}.mobile-menu-overlay{display:block;pointer-events:none}.mobile-menu-overlay.is-open{pointer-events:auto}.mobile-menu{display:flex}.nav-container{padding:0 1rem}.home-nav{padding:1rem 0}}#root{width:100%;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.home-page-container{min-height:100vh;font-family:Outfit,-apple-system,sans-serif;background-color:var(--bg-main);background-image:radial-gradient(circle at 15% 50%,var(--bg-gradient-1),transparent 25%),radial-gradient(circle at 85% 30%,var(--bg-gradient-2),transparent 25%),var(--bg-texture);background-size:auto,auto,var(--bg-texture-size);position:relative;overflow-x:hidden;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.home-glass-panel{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 30px 60px -15px var(--card-shadow),inset 0 0 0 1px #ffffff0d;padding:3rem;transition:background-color .3s,border-color .3s}.text-center{text-align:center}h1.hero-title{color:var(--text-primary);font-size:3.5rem;font-weight:800;line-height:1.1;margin:0 0 1.2rem;text-transform:uppercase;font-style:italic;background:linear-gradient(to right,var(--text-primary),var(--brand-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}p.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin:0 auto 3rem;max-width:800px}.btn-group{display:flex;gap:1rem;justify-content:center;align-items:center}.home-cta-btn{text-decoration:none;font-size:inherit;margin-top:0}.glow-btn.home-cta-btn,.outline-btn.home-cta-btn{padding:1.2rem 3rem;border:2px solid;font-size:1rem;width:auto;margin:0}.glow-btn.home-cta-btn{border-color:transparent}.home-main-content{position:relative;z-index:10;max-width:1200px;margin:3rem auto;padding:0 2rem}.dashboard-header{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:flex-end}.dashboard-title{font-size:2.5rem;margin-bottom:.5rem}.role-tag{display:inline-block;padding:6px 12px;background:var(--status-error-bg);border:1px solid var(--status-error-border);color:var(--status-error-text);font-size:.85rem;font-weight:700;letter-spacing:1px;border-radius:4px;text-transform:uppercase}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:3rem}.sport-card{position:relative;background:linear-gradient(135deg,var(--sport-card-bg-start) 0%,var(--sport-card-bg-end) 100%);border:1px solid var(--card-border);border-radius:12px;padding:2rem;overflow:hidden;cursor:pointer;text-decoration:none;transition:all .3s;display:flex;flex-direction:column}.sport-card:hover{transform:translateY(-5px);border-color:var(--brand-secondary);box-shadow:0 16px 32px var(--card-shadow),0 0 20px #f9731633}.card-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;z-index:0;transition:opacity .3s}.card-bg-1{background:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--brand-secondary) 10px,var(--brand-secondary) 20px)}.card-bg-2{background:repeating-linear-gradient(-45deg,transparent,transparent 10px,var(--brand-primary) 10px,var(--brand-primary) 20px)}.sport-card:hover .card-bg{opacity:.2}.sport-card-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.sport-card h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;text-transform:uppercase;font-style:italic;color:var(--text-primary);letter-spacing:.5px}.sport-card p{color:var(--text-secondary);margin:0 0 2rem;line-height:1.5;flex:1}.card-arrow{align-self:flex-end;font-size:1.5rem;color:var(--brand-secondary);font-weight:700;transition:transform .3s}.sport-card:hover .card-arrow{transform:translate(5px)}.outline-card{background:var(--outline-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px dashed rgba(249,115,22,.3)}.outline-card.highlight-card{border-color:#f9731699;background:#f973160d}.outline-card:hover{border-style:solid}.dashboard-row{display:flex;gap:2rem}.flex-2{flex:2}.flex-1{flex:1}.panel-title{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 2rem;color:var(--text-primary);display:flex;align-items:center;gap:10px}.panel-title:before{content:"";display:block;width:4px;height:20px;background:var(--brand-secondary);transform:skew(-15deg)}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1.5rem;padding:1.2rem;background:var(--activity-item-bg);border:1px solid rgba(255,255,255,.05);border-radius:8px;border-left:3px solid transparent;transition:all .2s}.activity-item:hover{background:var(--activity-item-hover);border-left-color:var(--brand-secondary);transform:translate(5px)}.activity-date{display:flex;flex-direction:column;align-items:center;background:#f973161a;color:var(--brand-secondary);padding:8px 16px;border-radius:6px;min-width:60px}.activity-date strong{font-size:1.5rem;line-height:1}.activity-date span{font-size:.8rem;text-transform:uppercase;font-weight:600;margin-top:2px}.activity-info{flex:1}.activity-info h4{margin:0 0 4px;font-size:1.1rem;color:var(--text-primary)}.activity-info p{margin:0;color:var(--text-secondary);font-size:.9rem}.status-badge{padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:1px}.status-badge.upcoming{background:var(--status-success-bg);color:var(--status-success-text)}.status-badge.completed{background:var(--status-neutral-bg);color:var(--status-neutral-text)}.status-badge.pending{background:#eab30826;color:#eab308}.status-badge.cancelled{background:#6b728026;color:#9ca3af}.status-badge.rejected{background:#ef444426;color:#ef4444}.stats-container{display:flex;flex-direction:column;gap:1rem}.stat-box{background:linear-gradient(135deg,var(--stat-box-bg-start) 0%,var(--stat-box-bg-end) 100%);border:1px solid var(--card-border);padding:1.5rem;border-radius:8px;position:relative;overflow:hidden}.stat-box:after{content:"";position:absolute;right:-20px;bottom:-20px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.2) 0%,transparent 70%)}.stat-box p{margin:0 0 5px;color:var(--text-secondary);font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.stat-box h3{margin:0;font-size:2.5rem;font-weight:800;color:var(--text-primary);font-style:italic;letter-spacing:-1px}@media(max-width:900px){.dashboard-row{flex-direction:column}h1.hero-title{font-size:2.5rem}}@media(max-width:768px){.home-main-content{margin:1.5rem auto;padding:0 1rem}.home-glass-panel{padding:2rem 1.5rem}h1.hero-title{font-size:2.2rem}.dashboard-title{font-size:2rem}p.hero-subtitle{font-size:1.05rem;margin-bottom:2rem}.btn-group{flex-direction:column;gap:.75rem}.btn-group .glow-btn,.btn-group .outline-btn{width:100%;padding:1rem 2rem;font-size:1rem}.dashboard-grid{grid-template-columns:1fr}.dashboard-header{margin-bottom:2rem}.activity-item{gap:1rem;padding:1rem}.activity-date{padding:6px 12px;min-width:50px}}@media(max-width:480px){.home-main-content{margin:1rem auto;padding:0 .75rem}.home-glass-panel{padding:1.5rem 1.25rem;border-radius:12px}h1.hero-title{font-size:1.8rem}.dashboard-title{font-size:1.5rem}.role-tag{font-size:.75rem;letter-spacing:.5px}p.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.panel-title{font-size:1.2rem;margin-bottom:1.5rem}.stat-box h3{font-size:2rem}.activity-info h4{font-size:1rem}.status-badge{font-size:.65rem;padding:3px 8px}.activity-item{flex-wrap:wrap}.activity-info{min-width:0}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;background-color:var(--bg-main);background-image:radial-gradient(circle at 15% 50%,var(--bg-gradient-1),transparent 25%),radial-gradient(circle at 85% 30%,var(--bg-gradient-2),transparent 25%),var(--bg-texture);background-size:auto,auto,var(--bg-texture-size);overflow:hidden;padding:2rem;box-sizing:border-box;transition:background-color .3s ease}.bg-shapes{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.shape{position:absolute;background:linear-gradient(135deg,#ff450033,#ff8c0033);transform:skew(-15deg);opacity:var(--shape-opacity)}.shape-1{width:120vw;height:300px;top:-100px;left:-10%;background:linear-gradient(90deg,transparent,var(--shape-bg-1),var(--shape-bg-2),transparent);animation:panRight 20s infinite linear}.shape-2{width:150vw;height:500px;bottom:-200px;right:-20%;background:linear-gradient(90deg,transparent,var(--shape-bg-2),var(--shape-bg-3),transparent);animation:panLeft 25s infinite linear}.shape-3{width:40vw;height:120vh;top:-10%;right:10%;border-left:1px solid rgba(249,115,22,.2);border-right:1px solid rgba(249,115,22,.2);background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(249,115,22,.03) 10px,rgba(249,115,22,.03) 20px);transform:skew(-15deg)}@keyframes panRight{0%{transform:skew(-15deg) translate(-10%)}to{transform:skew(-15deg) translate(10%)}}@keyframes panLeft{0%{transform:skew(-15deg) translate(10%)}to{transform:skew(-15deg) translate(-10%)}}.glass-card{position:relative;z-index:1;display:flex;width:100%;max-width:1050px;min-height:620px;background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 30px 60px -15px var(--card-shadow),inset 0 0 0 1px #ffffff0d;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.card-left{flex:1.1;padding:3.5rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#ef444426,#f973160d);border-right:1px solid var(--card-border);position:relative;overflow:hidden}.card-left:before{content:"";position:absolute;inset:0;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAuMDIiLz4KPC9zdmc+);opacity:.5;z-index:0;pointer-events:none}.brand-wrapper{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.brand-logo{width:52px;height:52px;background:var(--brand-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 20px #ef444466;transform:skew(-10deg)}.brand-logo svg{width:30px;height:30px;transform:skew(10deg)}.brand-title{color:var(--text-primary);font-size:1.8rem;font-weight:800;letter-spacing:.5px;margin:0;text-transform:uppercase;font-style:italic}.hero-content{position:relative;z-index:1;margin-top:auto;margin-bottom:2rem}.hero-content h2{color:var(--text-primary);font-size:3rem;font-weight:800;line-height:1.1;margin:0 0 1.2rem;text-transform:uppercase;font-style:italic;background:linear-gradient(to right,var(--text-primary),var(--brand-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.hero-content p{color:var(--text-secondary);font-size:1.15rem;line-height:1.6;font-weight:400;margin:0;max-width:95%}.card-right{flex:1;padding:4rem;display:flex;flex-direction:column;justify-content:center;background:var(--card-bg)}.form-wrapper{width:100%;max-width:400px;margin:0 auto}.form-header{margin-bottom:2.5rem}.form-header h2{color:var(--text-primary);font-size:2.2rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.5px}.form-header p{color:var(--text-secondary);margin:0;font-size:1rem}.modern-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1.25rem;color:#64748b;display:flex;align-items:center;justify-content:center;transition:color .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.input-icon svg{width:20px;height:20px}.float-input{width:100%;background:var(--input-bg);border:2px solid var(--input-border);border-radius:12px;padding:1.25rem 1rem 1.25rem 3.5rem;color:var(--input-text);font-size:1.05rem;font-weight:500;outline:none;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.float-label{position:absolute;left:3.5rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:1rem;font-weight:500;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent}.float-input:focus,.float-input:not(:placeholder-shown){background:var(--input-bg);border-color:var(--brand-secondary);box-shadow:0 8px 20px #f9731626}.float-input:focus~.float-label,.float-input:not(:placeholder-shown)~.float-label{top:0;font-size:.85rem;color:var(--brand-secondary);font-weight:600;padding:0 6px;background:var(--input-bg);border-radius:4px}.float-input:focus~.input-icon{color:var(--brand-secondary)}.float-input.has-error{border-color:var(--brand-primary)}.float-input.has-error:focus{box-shadow:0 8px 20px #ef444426}.form-options{display:flex;align-items:center;justify-content:space-between;margin-top:-.25rem;font-size:.95rem}.remember-me{color:var(--text-secondary);display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.remember-me input{display:none}.checkmark{width:20px;height:20px;border:2px solid #64748b;border-radius:6px;display:inline-block;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.remember-me input:checked~.checkmark{background-color:var(--brand-secondary);border-color:var(--brand-secondary)}.remember-me input:checked~.checkmark:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:12px;border:solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.forgot-pwd{color:var(--brand-secondary);text-decoration:none;font-weight:600;transition:color .2s}.forgot-pwd:hover{filter:brightness(1.2)}.error-alert{display:flex;align-items:center;gap:12px;background:var(--status-error-bg);border:1px solid var(--status-error-border);color:var(--status-error-text);padding:14px 18px;border-radius:12px;font-size:.95rem;font-weight:500;animation:slideDown .3s cubic-bezier(.4,0,.2,1) forwards}.error-alert svg{width:20px;height:20px;flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.glow-btn{width:100%;padding:1.1rem;border:none;border-radius:12px;background:var(--brand-gradient);color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 24px -10px #f9731699;display:flex;align-items:center;justify-content:center;margin-top:1rem;transform:skew(-5deg)}.glow-btn span{transform:skew(5deg);display:inline-block}.glow-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--brand-gradient-hover);transition:all .5s ease-in-out;transform:skew(-20deg)}.glow-btn:hover:not(:disabled){transform:skew(-5deg) translateY(-3px);box-shadow:0 16px 32px -10px #f97316cc}.glow-btn:hover:not(:disabled):before{left:100%}.glow-btn:active:not(:disabled){transform:skew(-5deg) translateY(0)}.glow-btn:disabled,.glow-btn.is-loading{opacity:.7;cursor:not-allowed}.spin-loader{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{0%{transform:skew(5deg) rotate(0)}to{transform:skew(5deg) rotate(360deg)}}.form-footer{text-align:center;margin-top:2.5rem;color:var(--text-secondary);font-size:1rem}.register-link{color:var(--brand-secondary);text-decoration:none;font-weight:700;transition:color .2s;margin-left:6px}.register-link:hover{filter:brightness(1.2);text-decoration:underline}@media(max-width:968px){.login-container{min-height:auto;overflow:visible;padding:1rem}.glass-card{flex-direction:column;min-height:auto;border-radius:12px}.card-left{padding:2.5rem 2rem;border-right:none;border-bottom:1px solid var(--card-border)}.hero-content{margin-top:1.5rem;margin-bottom:0}.hero-content h2{font-size:2.2rem}.hero-content p{font-size:1.05rem;max-width:100%}.card-right{padding:2.5rem 2rem}.form-header{margin-bottom:1.5rem}}@media(max-width:480px){.login-container{padding:0}.glass-card{border-radius:0;border:none}.card-left,.card-right{padding:2rem 1.5rem}.brand-logo{width:44px;height:44px}.brand-title{font-size:1.5rem}.hero-content h2,.form-header h2{font-size:1.8rem}.form-header{margin-bottom:1.2rem}.modern-form{gap:1.2rem}.glow-btn{padding:1rem;font-size:1rem}.form-footer{margin-top:1.5rem}.divider{margin:1rem 0}}.field-error{color:var(--status-error-text);font-size:.85rem;padding-left:.5rem;margin-top:-10px;margin-bottom:5px}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.shake-animation{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--input-border)}.divider span{color:var(--text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap}.google-btn-wrapper{position:relative;width:100%;height:40px;overflow:hidden}.google-btn{width:100%;height:40px;padding:0 1.1rem;border:2px solid var(--input-border);border-radius:12px;background:var(--input-bg);color:var(--text-primary);font-size:1rem;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);transform:skew(-5deg);box-sizing:border-box}.google-btn span,.google-btn svg{transform:skew(5deg)}.google-btn-wrapper:hover .google-btn{border-color:var(--brand-secondary);box-shadow:0 8px 20px #f9731626}.google-btn-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.google-btn-overlay iframe{width:100%!important;height:40px!important}input[type=date].float-input~.float-label{top:0;font-size:.85rem;font-weight:600;padding:0 6px;background:var(--input-bg);border-radius:4px}input[type=date].float-input:not(:focus):not(.has-value)~.float-label{color:#64748b}input[type=date].float-input:not(:focus):not(.has-value){border-color:var(--input-border);box-shadow:none}.verify-card{max-width:900px;min-height:500px}.verify-email-display{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;color:var(--text-secondary);font-size:.95rem;font-weight:500}.verify-email-display svg{width:20px;height:20px;flex-shrink:0;color:var(--brand-secondary)}.verify-code-inputs{display:flex;gap:10px;justify-content:center;margin:.5rem 0}.verify-code-box{width:52px;height:64px;text-align:center;font-size:1.6rem;font-weight:700;font-family:Outfit,monospace;background:var(--input-bg);border:2px solid var(--input-border);border-radius:12px;color:var(--input-text);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);caret-color:var(--brand-secondary)}.verify-code-box:focus{border-color:var(--brand-secondary);box-shadow:0 8px 20px #f9731626}.verify-code-box.has-value{border-color:var(--brand-secondary)}.verify-code-box.has-error{border-color:var(--brand-primary)}.verify-code-box.has-error:focus{box-shadow:0 8px 20px #ef444426}.success-alert{display:flex;align-items:center;gap:12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:14px 18px;border-radius:12px;font-size:.95rem;font-weight:500;animation:slideDown .3s cubic-bezier(.4,0,.2,1) forwards}.success-alert svg{width:20px;height:20px;flex-shrink:0}.resend-section{text-align:center;color:var(--text-secondary);font-size:.95rem}.resend-section p{margin:0}.resend-cooldown{color:var(--text-secondary);font-weight:600}.resend-btn{background:none;border:none;color:var(--brand-secondary);font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;padding:0;transition:filter .2s}.resend-btn:hover{filter:brightness(1.2);text-decoration:underline}@media(max-width:480px){.verify-code-box{width:44px;height:56px;font-size:1.3rem}.verify-code-inputs{gap:6px}}@media(max-width:968px){.register-page .card-left{padding:1.5rem 2rem}.register-page .hero-content h2{font-size:1.6rem}}@media(max-width:480px){.register-page .card-left{padding:1rem 1.5rem;flex-direction:row;align-items:center;justify-content:flex-start;gap:0}.register-page .hero-content{display:none}.register-page .card-right{padding:1.5rem 1.25rem 2rem}.register-page .form-header{margin-bottom:1rem}.register-page .form-header h2{font-size:1.6rem}.register-page .modern-form{gap:.85rem}.register-page .float-input{padding:.95rem .75rem .95rem 3rem;font-size:.97rem}.register-page .glow-btn{margin-top:.5rem;padding:.9rem}.register-page .form-footer{margin-top:1.25rem}}.book-venue-page{min-height:100vh;font-family:Outfit,-apple-system,sans-serif;background-color:var(--bg-main);background-image:radial-gradient(circle at 15% 50%,var(--bg-gradient-1),transparent 25%),radial-gradient(circle at 85% 30%,var(--bg-gradient-2),transparent 25%),var(--bg-texture);background-size:auto,auto,var(--bg-texture-size);position:relative;overflow-x:hidden;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.book-venue-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:3rem 2rem;animation:bvFadeIn .5s ease-out forwards}@keyframes bvFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.book-venue-header{text-align:center;margin-bottom:3rem}.book-venue-header h1{font-size:3rem;font-weight:800;margin:0 0 .8rem;text-transform:uppercase;font-style:italic;background:linear-gradient(to right,var(--text-primary),var(--brand-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;line-height:1.1}.book-venue-header p{color:var(--text-secondary);font-size:1.15rem;margin:0;font-weight:400}.book-venue-alert{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:12px;margin-bottom:2rem;font-weight:500;font-size:.95rem;animation:bvSlideDown .3s ease forwards}@keyframes bvSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.book-venue-alert.error{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border)}.book-venue-alert.success{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid rgba(16,185,129,.3)}.book-venue-layout{display:grid;grid-template-columns:340px 1fr;gap:2rem;height:calc(100vh - 14rem)}.book-venue-sidebar{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:16px;padding:2rem;box-shadow:0 20px 40px -10px var(--card-shadow);transition:background-color .3s,border-color .3s;display:flex;flex-direction:column;overflow:hidden}.book-venue-sidebar h3,.form-section h3{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:10px}.book-venue-sidebar h3:before,.form-section h3:before{content:"";display:block;width:4px;height:20px;background:var(--brand-secondary);transform:skew(-15deg);flex-shrink:0}.facility-list{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;padding-right:4px}.facility-list::-webkit-scrollbar{width:5px}.facility-list::-webkit-scrollbar-track{background:transparent}.facility-list::-webkit-scrollbar-thumb{background:#f973164d;border-radius:10px}.facility-list::-webkit-scrollbar-thumb:hover{background:#f9731680}.facility-card{display:flex;gap:14px;padding:16px;background:var(--activity-item-bg);border:1px solid var(--card-border);border-radius:10px;border-left:3px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.facility-card:hover{background:var(--activity-item-hover);border-left-color:var(--brand-secondary);transform:translate(4px);box-shadow:0 8px 20px var(--card-shadow)}.facility-card.active{background:var(--status-error-bg);border-left-color:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 0 20px #f9731626}.facility-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand-secondary);opacity:.75}.facility-icon svg{width:22px;height:22px}.facility-info h4{margin:0 0 4px;color:var(--text-primary);font-size:1.05rem;font-weight:600}.facility-desc{font-size:.85rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.no-data{color:var(--text-secondary);text-align:center;padding:1rem 0;font-size:.95rem}.book-venue-main{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:16px;padding:2.5rem;box-shadow:0 30px 60px -15px var(--card-shadow),inset 0 0 0 1px #ffffff0d;overflow-y:auto;transition:background-color .3s,border-color .3s}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;gap:16px;padding-top:80px}.empty-state p{font-size:1.1rem;font-weight:500}.empty-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:var(--brand-secondary);opacity:.4;animation:floatY 2s infinite ease-in-out}.empty-icon svg{width:100%;height:100%}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.facility-detail-card{background:var(--activity-item-bg);border:1px solid var(--card-border);border-left:4px solid var(--brand-secondary);border-radius:12px;padding:1.5rem;margin-bottom:2.5rem}.facility-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:.5rem}.facility-detail-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.facility-type-badge{padding:3px 10px;background:var(--brand-gradient);color:#fff;font-size:.75rem;font-weight:600;border-radius:20px;letter-spacing:.5px;white-space:nowrap}.facility-detail-desc{color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem;line-height:1.5}.facility-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.meta-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--card-bg);border-radius:10px;border:1px solid var(--card-border)}svg.meta-icon{width:18px;height:18px;flex-shrink:0;opacity:.6;margin-top:2px;color:var(--brand-secondary)}.meta-text{display:flex;flex-direction:column;gap:2px;min-width:0}.meta-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.meta-value{font-size:.95rem;font-weight:500;color:var(--text-primary);word-break:break-word}@media(max-width:480px){.facility-meta-grid{grid-template-columns:1fr}}.form-section{margin-bottom:2.5rem}.modern-input,.modern-textarea{width:100%;padding:1rem 1.25rem;background:var(--input-bg);border:2px solid var(--input-border);border-radius:12px;color:var(--input-text);font-size:1rem;font-family:inherit;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;outline:none}.modern-input:focus,.modern-textarea:focus{border-color:var(--brand-secondary);box-shadow:0 8px 20px #f9731626}.modern-textarea{min-height:110px;resize:vertical;line-height:1.6}.loading-spinner{color:var(--text-secondary);text-align:center;padding:2rem;font-weight:500}.time-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.time-slot-btn{position:relative;padding:14px 12px;background:var(--activity-item-bg);border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.time-slot-btn:hover:not(.booked):not(.past){border-color:var(--brand-secondary);background:#f9731614;transform:translateY(-3px);box-shadow:0 8px 16px var(--card-shadow)}.time-slot-btn.selected{background:var(--brand-gradient);border-color:transparent;color:#fff;box-shadow:0 8px 20px #f9731666;transform:translateY(-2px)}.time-slot-btn.booked{background:var(--status-error-bg);border-color:var(--status-error-border);color:var(--text-secondary);cursor:not-allowed;opacity:.7;pointer-events:none;-webkit-appearance:none}.time-slot-btn.past{background:var(--activity-item-bg);border-color:var(--card-border);color:var(--text-secondary);cursor:not-allowed;opacity:.45;text-decoration:line-through;pointer-events:none;-webkit-appearance:none}.time-slot-btn .status-badge.past-badge{background:var(--text-secondary)}.time-slot-btn .status-badge{position:absolute;top:3px;right:3px;font-size:.6rem;font-weight:700;background:var(--brand-primary);color:#fff;padding:2px 6px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase}.form-actions{display:flex;justify-content:flex-end;margin-top:2.5rem}.submit-btn{padding:1.1rem 2.5rem;border:none;border-radius:12px;background:var(--brand-gradient);color:#fff;font-size:1.1rem;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:1px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 24px -10px #f9731699;transform:skew(-5deg)}.submit-btn span{transform:skew(5deg);display:inline-block}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--brand-gradient-hover);transition:all .5s ease-in-out;transform:skew(-20deg)}.submit-btn:hover:not(:disabled){transform:skew(-5deg) translateY(-3px);box-shadow:0 16px 32px -10px #f97316cc}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:active:not(:disabled){transform:skew(-5deg) translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:skew(-5deg)}@media(max-width:900px){.book-venue-layout{grid-template-columns:1fr;height:auto}.book-venue-header h1{font-size:2.2rem}.book-venue-sidebar{max-height:300px}}@media(max-width:768px){.book-venue-container{padding:1.5rem 1rem}.book-venue-header{margin-bottom:2rem}.book-venue-header h1{font-size:2rem}.book-venue-main{padding:1.5rem}.time-slot-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.form-actions{justify-content:stretch}.submit-btn{width:100%}}@media(max-width:480px){.book-venue-container{padding:1rem .75rem}.book-venue-main,.book-venue-sidebar{padding:1.25rem}.book-venue-header h1{font-size:1.8rem}.facility-detail-card{padding:1rem;margin-bottom:1.5rem}.form-section{margin-bottom:1.5rem}}.mb-page{min-height:100vh;font-family:Outfit,-apple-system,sans-serif;background-color:var(--bg-main);background-image:radial-gradient(circle at 15% 50%,var(--bg-gradient-1),transparent 25%),radial-gradient(circle at 85% 30%,var(--bg-gradient-2),transparent 25%),var(--bg-texture);background-size:auto,auto,var(--bg-texture-size);position:relative;overflow-x:hidden;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.mb-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:3rem 2rem;animation:mbFadeIn .5s ease-out forwards}@keyframes mbFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.mb-header{text-align:center;margin-bottom:2.5rem}.mb-header h1{font-size:3rem;font-weight:800;margin:0 0 .8rem;text-transform:uppercase;font-style:italic;background:linear-gradient(to right,var(--text-primary),var(--brand-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;line-height:1.1}.mb-header p{color:var(--text-secondary);font-size:1.1rem;margin:0;font-weight:400}.mb-alert{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;margin-bottom:1.5rem;font-weight:500;font-size:.95rem;animation:mbSlideDown .3s ease forwards}@keyframes mbSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mb-alert.error{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border)}.mb-alert.success{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid rgba(16,185,129,.3)}.mb-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2rem}.mb-filter-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:999px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.mb-filter-btn:hover{border-color:var(--brand-secondary);color:var(--brand-secondary)}.mb-filter-btn.active{background:var(--brand-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 12px #f9731659}.filter-count{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#ffffff40;font-size:.75rem;font-weight:700}.mb-filter-btn:not(.active) .filter-count{background:var(--status-error-bg);color:var(--brand-secondary)}.mb-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:4rem 0;color:var(--text-secondary)}.mb-spinner{width:40px;height:40px;border:3px solid var(--card-border);border-top-color:var(--brand-secondary);border-radius:50%;animation:mbSpin .8s linear infinite}@keyframes mbSpin{to{transform:rotate(360deg)}}.mb-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:4rem 2rem;text-align:center}.mb-empty-icon{font-size:3.5rem;opacity:.5}.mb-empty h3{font-size:1.4rem;font-weight:700;margin:0;color:var(--text-primary)}.mb-empty p{margin:0;color:var(--text-secondary)}.mb-book-btn{margin-top:12px;padding:.9rem 2rem;border:none;border-radius:12px;background:var(--brand-gradient);color:#fff;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #f9731666;transform:skew(-5deg)}.mb-book-btn span{transform:skew(5deg);display:inline-block}.mb-book-btn:hover{transform:skew(-5deg) translateY(-2px);box-shadow:0 12px 28px #f973168c}.mb-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mb-card{display:flex;background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px -8px var(--card-shadow);transition:transform .25s ease,box-shadow .25s ease}.mb-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px -10px var(--card-shadow)}.mb-card-accent{width:5px;flex-shrink:0}.mb-card.status-pending .mb-card-accent{background:var(--brand-secondary)}.mb-card.status-approved .mb-card-accent{background:#10b981}.mb-card.status-rejected .mb-card-accent{background:#ef4444}.mb-card.status-cancelled .mb-card-accent{background:#94a3b8}.mb-card.status-completed .mb-card-accent{background:#3b82f6}.mb-card-body{flex:1;padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:12px}.mb-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mb-card-title-area h3{margin:0 0 4px;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.mb-facility-type{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);background:var(--status-neutral-bg);padding:2px 10px;border-radius:99px}.mb-status-badge{flex-shrink:0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:4px 12px;border-radius:99px}.mb-status-badge.status-pending{background:#f9731626;color:#f97316}.mb-status-badge.status-approved{background:#10b98126;color:#10b981}.mb-status-badge.status-rejected{background:#ef444426;color:#ef4444}.mb-status-badge.status-cancelled{background:var(--status-neutral-bg);color:var(--status-neutral-text)}.mb-status-badge.status-completed{background:#3b82f626;color:#3b82f6}.mb-card-meta{display:flex;flex-wrap:wrap;gap:16px}.mb-meta-item{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-secondary);font-weight:500}svg.mb-meta-icon{width:16px;height:16px;flex-shrink:0;opacity:.6}.mb-activity-desc{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.5;padding:10px 14px;background:var(--activity-item-bg);border-radius:8px;border-left:3px solid var(--card-border)}.mb-staff-note,.mb-suggestion{font-size:.88rem;padding:10px 14px;border-radius:8px;line-height:1.5;color:var(--text-secondary)}.mb-staff-note{background:#ef444412;border-left:3px solid rgba(239,68,68,.4)}.mb-suggestion{background:#f9731612;border-left:3px solid rgba(249,115,22,.4)}.mb-note-label{font-weight:700;margin-right:6px;color:var(--text-primary)}.mb-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.mb-booking-id{font-size:.78rem;color:var(--text-secondary);font-weight:600;opacity:.6}.mb-cancel-btn{padding:7px 18px;border-radius:8px;border:1.5px solid rgba(239,68,68,.5);background:transparent;color:#ef4444;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.mb-cancel-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}.mb-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:860px){.mb-list{grid-template-columns:1fr}}@media(max-width:768px){.mb-container{padding:1.5rem 1rem}.mb-header{margin-bottom:1.5rem}.mb-header h1{font-size:2.2rem}}@media(max-width:600px){.mb-header h1{font-size:1.8rem}.mb-container{padding:1rem .75rem}.mb-card-body{padding:1.2rem}.mb-card-top{flex-direction:column;gap:8px}.mb-card-meta{gap:10px}.mb-filter-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:4px}.mb-filter-bar::-webkit-scrollbar{display:none}.mb-filter-btn{flex-shrink:0;padding:6px 14px;font-size:.85rem}}:root{--brand-primary: #ef4444;--brand-secondary: #f97316;--brand-gradient: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));--brand-gradient-hover: linear-gradient(90deg, transparent, rgba(255, 255, 255, .3), transparent);font-family:Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-main: #eff2f6;--bg-gradient-1: rgba(249, 115, 22, .04);--bg-gradient-2: rgba(239, 68, 68, .03);--bg-texture: radial-gradient(rgba(15, 23, 42, .06) 1px, transparent 1px);--bg-texture-size: 24px 24px;--shape-opacity: .15;--shape-bg-1: rgba(239, 68, 68, .05);--shape-bg-2: rgba(249, 115, 22, .05);--shape-bg-3: rgba(234, 179, 8, .05);--text-primary: #1e293b;--text-secondary: #64748b;--text-inverse: #ffffff;--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(203, 213, 225, .8);--card-shadow: rgba(0, 0, 0, .08);--input-bg: #ffffff;--input-border: #cbd5e1;--input-text: #1e293b;--status-success-bg: rgba(16, 185, 129, .15);--status-success-text: #059669;--status-neutral-bg: rgba(148, 163, 184, .15);--status-neutral-text: #475569;--status-error-bg: rgba(239, 68, 68, .15);--status-error-text: #dc2626;--status-error-border: rgba(239, 68, 68, .3);--nav-bg: rgba(255, 255, 255, .98);--sport-card-bg-start: rgba(255, 255, 255, 1);--sport-card-bg-end: rgba(248, 250, 252, 1);--outline-card-bg: rgba(255, 255, 255, .8);--activity-item-bg: rgba(255, 255, 255, .8);--activity-item-hover: rgba(255, 255, 255, 1);--stat-box-bg-start: rgba(255, 255, 255, .95);--stat-box-bg-end: rgba(248, 250, 252, .95)}@media(prefers-color-scheme:dark){:root{--bg-main: #0d1117;--bg-gradient-1: rgba(249, 115, 22, .08);--bg-gradient-2: rgba(239, 68, 68, .05);--bg-texture: radial-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px);--bg-texture-size: 24px 24px;--shape-opacity: .6;--shape-bg-1: rgba(239, 68, 68, .15);--shape-bg-2: rgba(249, 115, 22, .15);--shape-bg-3: rgba(234, 179, 8, .1);--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-inverse: #0f172a;--card-bg: rgba(15, 23, 42, .7);--card-border: rgba(249, 115, 22, .2);--card-shadow: rgba(0, 0, 0, .8);--input-bg: #1e293b;--input-border: transparent;--input-text: #ffffff;--status-success-bg: rgba(52, 211, 153, .15);--status-success-text: #34d399;--status-neutral-bg: rgba(148, 163, 184, .15);--status-neutral-text: #94a3b8;--status-error-bg: rgba(239, 68, 68, .15);--status-error-text: #fca5a5;--status-error-border: rgba(239, 68, 68, .3);--nav-bg: rgba(15, 23, 42, .5);--sport-card-bg-start: rgba(30, 41, 59, .9);--sport-card-bg-end: rgba(15, 23, 42, .9);--outline-card-bg: rgba(15, 23, 42, .5);--activity-item-bg: rgba(30, 41, 59, .5);--activity-item-hover: rgba(30, 41, 59, .8);--stat-box-bg-start: rgba(30, 41, 59, .8);--stat-box-bg-end: rgba(15, 23, 42, .8)}}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-main);background-image:var(--bg-texture);background-size:var(--bg-texture-size);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}a{font-weight:500;color:var(--brand-secondary);text-decoration:inherit;transition:color .2s}a:hover{color:var(--brand-primary)}*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){html,body{overflow-x:clip}}@media(max-width:768px){.home-glass-panel,.book-venue-sidebar,.book-venue-main,.glass-card,.mb-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.shape-1,.shape-2{animation:none!important}}