@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";.notif-wrapper{position:relative;display:inline-flex}.notif-btn{position:relative;width:40px;height:40px;border-radius:10px;border:1px solid var(--card-border);background:var(--nav-bg);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .15s ease}.notif-btn:hover{background:var(--card-hover-bg, rgba(255, 255, 255, .08))}.notif-btn svg{width:20px;height:20px}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ef444480}.notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-width:calc(100vw - 2rem);max-height:480px;background:var(--nav-bg, #1a1a1a);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 12px 40px #0006;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden;display:flex;flex-direction:column;z-index:200}.notif-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--card-border);font-weight:600;color:var(--text-primary)}.notif-mark-all{background:none;border:none;color:#ef4444;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:6px}.notif-mark-all:hover{background:#ef44441a}.notif-panel-body{overflow-y:auto;max-height:420px}.notif-empty{padding:32px 16px;text-align:center;color:var(--text-secondary, #999);font-size:14px}.notif-error{color:#ef4444}.notif-item{width:100%;display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid var(--card-border);cursor:pointer;text-align:left;color:var(--text-primary);transition:background .15s ease}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff0a}.notif-item.is-unread{background:#ef44440f}.notif-dot{flex-shrink:0;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#ef4444}.notif-item.is-read .notif-item-content{padding-left:18px}.notif-item-content{flex:1;min-width:0}.notif-message{font-size:14px;line-height:1.4;word-break:break-word}.notif-time{margin-top:4px;font-size:11px;color:var(--text-secondary, #999)}@media(max-width:640px){.notif-panel{position:fixed;top:70px;right:1rem;left:1rem;width:auto}}.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:.25rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:.5rem .65rem;position:relative;transition:color .3s;white-space:nowrap}.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:.75rem}.hello-user{color:var(--text-secondary);font-size:.85rem;font-weight:600;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.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:1024px){.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:1.5rem;display:flex;justify-content:space-between;align-items:flex-end}.dashboard-title{font-size:2rem;margin-bottom:.4rem}.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(200px,1fr));gap:1rem;margin-bottom:1.5rem}.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:1.2rem 1.4rem;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)}.card-bg-3{background:repeating-linear-gradient(135deg,transparent,transparent 12px,var(--brand-secondary) 12px,var(--brand-secondary) 24px)}.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 .3rem;font-size:1.1rem;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 .8rem;line-height:1.4;font-size:.85rem;flex:1}.card-arrow{align-self:flex-end;font-size:1.2rem;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:1.25rem}.panel-title{font-size:1.1rem;margin-bottom:1rem}.stats-container{flex-direction:row}.stat-box{flex:1;padding:1rem}.stat-box h3{font-size:2rem}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 1fr;gap:.75rem}.dashboard-header{margin-bottom:1rem}.activity-item{gap:.75rem;padding:.75rem}.activity-date{padding:6px 10px;min-width:46px}.activity-date strong{font-size:1.2rem}.activity-date span{font-size:.7rem}.activity-info h4{font-size:.95rem}.activity-info p{font-size:.8rem}.activity-list{gap:.6rem}}@media(max-width:480px){.home-main-content{margin:1rem auto;padding:0 .75rem}.home-glass-panel{padding:1rem;border-radius:12px}.stat-box h3{font-size:1.75rem}.stat-box p{font-size:.8rem}h1.hero-title{font-size:1.8rem}.dashboard-title{font-size:1.4rem}.dashboard-grid{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1rem}.sport-card{padding:.9rem 1rem}.sport-card h3{font-size:.9rem}.sport-card p{font-size:.75rem;margin-bottom:.5rem}.card-arrow{font-size:1rem}.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-filters{display:flex;gap:8px;margin-bottom:12px}.filter-select,.filter-input{flex:1;padding:.5rem .75rem;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:8px;color:var(--input-text);font-size:.8rem;font-family:inherit;outline:none;transition:border-color .3s;min-width:0}.filter-select:focus,.filter-input:focus{border-color:var(--brand-secondary)}.filter-input::placeholder{color:var(--text-secondary);opacity:.7}.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}.partner-hint{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.5}.partner-hint a{color:var(--brand-secondary);font-weight:600;text-decoration:none}.partner-hint a:hover{text-decoration:underline}.partner-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.partner-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;background:var(--activity-item-bg);border:1px solid var(--card-border);border-radius:20px;font-size:.85rem;font-weight:600;color:var(--text-primary);animation:bvFadeIn .2s ease forwards}.partner-tag .partner-avatar-sm{width:24px;height:24px;font-size:.7rem}.partner-tag-remove{background:none;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:0 2px;line-height:1;transition:color .2s;margin-left:2px}.partner-tag-remove:hover{color:var(--brand-primary)}.partner-select-wrapper{position:relative}.partner-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:var(--input-bg);border:2px solid var(--input-border);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:52px}.partner-select-trigger:hover,.partner-select-trigger.open{border-color:var(--brand-secondary);box-shadow:0 8px 20px #f9731626}.partner-placeholder{color:var(--text-secondary);font-size:.95rem}.partner-chevron{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.partner-select-trigger.open .partner-chevron{transform:rotate(180deg)}.partner-selected-display{display:flex;align-items:center;gap:10px;flex:1}.partner-avatar-sm{width:30px;height:30px;border-radius:50%;background:var(--brand-gradient);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.partner-selected-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.partner-clear-btn{background:none;border:none;color:var(--text-secondary);font-size:1.3rem;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}.partner-clear-btn:hover{color:var(--brand-primary)}.partner-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--card-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 16px 40px var(--card-shadow);z-index:50;max-height:240px;overflow-y:auto;padding:6px;animation:bvSlideDown .2s ease forwards}.partner-dropdown::-webkit-scrollbar{width:5px}.partner-dropdown::-webkit-scrollbar-thumb{background:#f973164d;border-radius:10px}.partner-option{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;transition:background .2s}.partner-option:hover{background:var(--activity-item-hover)}.partner-option.active{background:var(--status-error-bg);border-left:3px solid var(--brand-secondary)}.partner-option-info{display:flex;flex-direction:column;gap:2px}.partner-option-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.partner-option-skill{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.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-partner-info{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary);padding:8px 14px;background:var(--activity-item-bg);border-radius:8px;border-left:3px solid var(--brand-secondary)}.mb-partner-info strong{color:var(--text-primary);font-weight:600}.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}}.pm-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}.pm-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:3rem 2rem;animation:pmFadeIn .5s ease-out forwards;display:flex;flex-direction:column;gap:2rem}.pm-two-col{display:grid;grid-template-columns:5fr 7fr;gap:2rem;align-items:start}.pm-col-left,.pm-col-right{display:flex;flex-direction:column;gap:2rem}.pm-col-left{position:sticky;top:5rem}@keyframes pmFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pm-header{text-align:center;margin-bottom:.5rem}.pm-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}.pm-header p{color:var(--text-secondary);font-size:1.05rem;margin:0}.pm-section-card{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:20px;padding:2rem;box-shadow:0 8px 24px -8px var(--card-shadow);display:flex;flex-direction:column;gap:1.5rem}.pm-section-title{display:flex;align-items:center;gap:12px}.pm-section-title h2{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}svg.pm-section-icon{width:20px;height:20px;flex-shrink:0;color:var(--brand-secondary);opacity:.85}.pm-count-badge{margin-left:auto;background:var(--brand-gradient);color:#fff;font-size:.78rem;font-weight:700;padding:2px 10px;border-radius:99px}.pm-alert{padding:12px 18px;border-radius:12px;font-size:.92rem;font-weight:500;animation:pmSlideDown .3s ease}@keyframes pmSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pm-alert.error{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border)}.pm-alert.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.pm-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:1rem 1.25rem;background:var(--activity-item-bg);border-radius:14px;border:1px solid var(--card-border)}.pm-toggle-label{display:flex;flex-direction:column;gap:3px}.pm-toggle-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.pm-toggle-desc{font-size:.82rem;color:var(--text-secondary)}.pm-toggle{flex-shrink:0;width:52px;height:28px;border-radius:99px;border:none;cursor:pointer;position:relative;transition:background .25s ease;padding:0}.pm-toggle.off{background:var(--card-border)}.pm-toggle.on{background:var(--brand-gradient)}.pm-toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .25s ease;box-shadow:0 1px 4px #0003}.pm-toggle.on .pm-toggle-knob{transform:translate(24px)}.pm-form-grid{display:flex;flex-direction:column;gap:1.25rem}.pm-form-group{display:flex;flex-direction:column;gap:10px}.pm-label{font-size:.88rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.pm-sport-options{display:flex;flex-wrap:wrap;gap:10px}.pm-sport-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);font-size:.92rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.pm-sport-btn:hover{border-color:var(--brand-secondary);color:var(--brand-secondary)}.pm-sport-btn.selected{background:var(--brand-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 12px #f9731659}.pm-chip-options{display:flex;flex-wrap:wrap;gap:8px}.pm-chip{padding:7px 16px;border-radius:99px;border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.pm-chip:hover{border-color:var(--brand-secondary);color:var(--brand-secondary)}.pm-chip.selected{background:var(--brand-gradient);border-color:transparent;color:#fff;box-shadow:0 3px 10px #f973164d}.pm-save-row{display:flex;justify-content:flex-end}.pm-save-btn{padding:.75rem 2rem;border:none;border-radius:12px;background:var(--brand-gradient);color:#fff;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #f9731666;transform:skew(-5deg)}.pm-save-btn span{transform:skew(5deg);display:inline-block}.pm-save-btn:hover:not(:disabled){transform:skew(-5deg) translateY(-2px);box-shadow:0 10px 24px #f973168c}.pm-save-btn:disabled{opacity:.6;cursor:not-allowed}.pm-match-grid{display:flex;flex-direction:column;gap:12px}.pm-match-card{display:flex;align-items:center;gap:16px;padding:1.1rem 1.25rem;background:var(--activity-item-bg);border:1px solid var(--card-border);border-radius:14px;transition:transform .2s ease,box-shadow .2s ease}.pm-match-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -6px var(--card-shadow)}.pm-match-avatar{width:46px;height:46px;border-radius:50%;background:var(--brand-gradient);color:#fff;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pm-match-info{flex:1;min-width:0}.pm-match-info h3{margin:0 0 6px;font-size:1rem;font-weight:700;color:var(--text-primary)}.pm-match-tags{display:flex;flex-wrap:wrap;gap:6px}.pm-tag{font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:99px;text-transform:capitalize}.pm-tag.sport{background:#f973161f;color:#f97316}.pm-tag.level{background:#3b82f61f;color:#3b82f6}.pm-tag.time{background:#10b9811f;color:#10b981}.pm-connect-btn{flex-shrink:0;padding:8px 18px;border-radius:10px;border:1.5px solid var(--brand-secondary);background:transparent;color:var(--brand-secondary);font-size:.88rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease}.pm-connect-btn:hover{background:var(--brand-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 12px #f9731659}.pm-tabs{display:flex;gap:4px;background:var(--activity-item-bg);border-radius:12px;padding:4px}.pm-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:9px;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.pm-tab-btn.active{background:var(--card-bg);color:var(--text-primary);box-shadow:0 2px 8px var(--card-shadow)}.pm-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--brand-gradient);color:#fff;font-size:.72rem;font-weight:700}.pm-request-list{display:flex;flex-direction:column;gap:10px}.pm-request-item{display:flex;align-items:center;gap:14px;padding:1rem 1.2rem;background:var(--activity-item-bg);border:1px solid var(--card-border);border-radius:14px}.pm-request-avatar{width:42px;height:42px;border-radius:50%;background:var(--status-neutral-bg);color:var(--text-secondary);font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pm-request-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pm-request-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pm-request-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.pm-req-status{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 10px;border-radius:99px}.pm-req-status.req-status-pending{background:#f973161f;color:#f97316}.pm-req-status.req-status-accepted{background:#10b9811f;color:#10b981}.pm-req-status.req-status-rejected{background:#ef44441f;color:#ef4444}.pm-request-msg{margin:0;font-size:.85rem;color:var(--text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-request-time{font-size:.78rem;color:var(--text-secondary);opacity:.6}.pm-request-actions{display:flex;gap:8px;flex-shrink:0}.pm-accept-btn,.pm-reject-btn{padding:7px 14px;border-radius:9px;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;min-width:64px}.pm-accept-btn{border:1.5px solid rgba(16,185,129,.5);background:transparent;color:#10b981}.pm-accept-btn:hover:not(:disabled){background:#10b98126;border-color:#10b981}.pm-reject-btn{border:1.5px solid rgba(239,68,68,.4);background:transparent;color:#ef4444}.pm-reject-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}.pm-accept-btn:disabled,.pm-reject-btn:disabled{opacity:.5;cursor:not-allowed}.pm-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:2.5rem 1rem;text-align:center;color:var(--text-secondary)}svg.pm-empty-icon{width:44px;height:44px;opacity:.35;color:var(--text-secondary)}.pm-empty p{margin:0;font-size:.95rem}.pm-loading-full{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:60vh;color:var(--text-secondary)}.pm-loading-row{display:flex;align-items:center;gap:12px;padding:1.5rem 0;color:var(--text-secondary);font-size:.95rem}.pm-spinner{width:36px;height:36px;border:3px solid var(--card-border);border-top-color:var(--brand-secondary);border-radius:50%;animation:pmSpin .8s linear infinite;flex-shrink:0}@keyframes pmSpin{to{transform:rotate(360deg)}}.pm-modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:pmFadeIn .2s ease}.pm-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;width:100%;max-width:440px;box-shadow:0 24px 60px #0000004d;overflow:hidden;animation:pmModalIn .25s ease}@keyframes pmModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem 0}.pm-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.pm-modal-close{border:none;background:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:4px;border-radius:6px;transition:background .2s ease;line-height:1}.pm-modal-close:hover{background:var(--activity-item-bg)}.pm-modal-body{padding:1.25rem 1.75rem;display:flex;flex-direction:column;gap:8px}.pm-modal-desc{margin:0;font-size:.88rem;color:var(--text-secondary)}.pm-modal-textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1.5px solid var(--card-border);background:var(--activity-item-bg);color:var(--text-primary);font-family:inherit;font-size:.92rem;resize:none;transition:border-color .2s ease;outline:none}.pm-modal-textarea:focus{border-color:var(--brand-secondary)}.pm-char-count{font-size:.78rem;color:var(--text-secondary);text-align:right;opacity:.6}.pm-modal-footer{display:flex;gap:10px;padding:0 1.75rem 1.75rem}.pm-modal-cancel{flex:1;padding:.75rem;border-radius:12px;border:1.5px solid var(--card-border);background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.pm-modal-cancel:hover{border-color:var(--text-secondary);color:var(--text-primary)}.pm-modal-send{flex:2;padding:.75rem;border-radius:12px;border:none;background:var(--brand-gradient);color:#fff;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #f9731666;transform:skew(-5deg)}.pm-modal-send span{transform:skew(5deg);display:inline-block}.pm-modal-send:hover:not(:disabled){transform:skew(-5deg) translateY(-1px);box-shadow:0 8px 20px #f973168c}.pm-modal-send:disabled{opacity:.6;cursor:not-allowed}.pm-label-hint{font-weight:400;font-size:.8rem;text-transform:none;letter-spacing:0;color:var(--text-secondary);opacity:.7;margin-left:4px}.pm-form-full{grid-column:1 / -1}.pm-bio-textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1.5px solid var(--card-border);background:var(--activity-item-bg);color:var(--text-primary);font-family:inherit;font-size:.92rem;resize:vertical;min-height:60px;transition:border-color .2s ease;outline:none}.pm-bio-textarea:focus{border-color:var(--brand-secondary)}.pm-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pm-filter-select{padding:8px 14px;border-radius:10px;border:1.5px solid var(--card-border);background:var(--activity-item-bg);color:var(--text-primary);font-family:inherit;font-size:.88rem;font-weight:500;cursor:pointer;outline:none;transition:border-color .2s ease;min-width:120px}.pm-filter-select:focus{border-color:var(--brand-secondary)}.pm-filter-apply{padding:8px 20px;border-radius:10px;border:none;background:var(--brand-gradient);color:#fff;font-size:.88rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #f973164d}.pm-filter-apply:hover{box-shadow:0 6px 16px #f9731680;transform:translateY(-1px)}.pm-filter-clear{padding:8px 16px;border-radius:10px;border:1.5px solid var(--card-border);background:transparent;color:var(--text-secondary);font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.pm-filter-clear:hover{border-color:var(--text-secondary);color:var(--text-primary)}.pm-match-bio{margin:6px 0 0;font-size:.84rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pm-match-tags+.pm-match-tags{margin-top:4px}.pm-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:12px}.pm-page-btn{padding:7px 16px;border-radius:9px;border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.pm-page-btn:hover:not(:disabled){border-color:var(--brand-secondary);color:var(--brand-secondary)}.pm-page-btn:disabled{opacity:.35;cursor:not-allowed}.pm-page-info{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.pm-cancel-btn{padding:7px 14px;border-radius:9px;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;min-width:64px;border:1.5px solid var(--card-border);background:transparent;color:var(--text-secondary)}.pm-cancel-btn:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:#ef444414}.pm-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.pm-section-title-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s ease}.pm-section-title-clickable:hover{opacity:.8}.pm-chevron{width:20px;height:20px;margin-left:4px;color:var(--text-secondary);transition:transform .25s ease;flex-shrink:0}.pm-chevron.open{transform:rotate(180deg)}.partner-card{border-left:3px solid #10b981}.partner-avatar{background:linear-gradient(135deg,#10b981,#059669)!important}@media(max-width:960px){.pm-two-col{grid-template-columns:1fr}.pm-col-left .pm-section-card:first-child{position:static}.pm-container{max-width:860px}}@media(max-width:768px){.pm-container{padding:1.5rem 1rem;gap:1.5rem}.pm-header h1{font-size:2.2rem}.pm-section-card{padding:1.5rem}}@media(max-width:600px){.pm-header h1{font-size:1.8rem}.pm-container{padding:1rem .75rem}.pm-section-card{padding:1.25rem;border-radius:16px}.pm-match-card{flex-wrap:wrap}.pm-connect-btn{width:100%;text-align:center;margin-top:4px}.pm-request-item{flex-wrap:wrap}.pm-request-actions{width:100%;margin-top:6px}.pm-accept-btn,.pm-reject-btn{flex:1}.pm-toggle-row{flex-direction:column;align-items:flex-start;gap:12px}.pm-filters{flex-direction:column;align-items:stretch}.pm-filter-select{min-width:unset;width:100%}.pm-cancel-btn{flex:1}}.sb-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)}.sb-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:3rem 2rem;animation:sbFadeIn .5s ease-out forwards}@keyframes sbFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.sb-header{text-align:center;margin-bottom:2.5rem}.sb-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}.sb-header p{max-width:760px;margin:0 auto;color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.sb-alert{padding:14px 20px;border-radius:12px;margin-bottom:1.5rem;font-weight:500;font-size:.95rem}.sb-alert.error{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border)}.sb-alert.success{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid rgba(16,185,129,.3)}.sb-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.25rem}.sb-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 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}.sb-filter-btn:hover{border-color:var(--brand-secondary);color:var(--brand-secondary)}.sb-filter-btn.active{background:var(--brand-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 12px #f9731659}.sb-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ffffff38;font-size:.75rem;font-weight:700}.sb-loading,.sb-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:4rem 2rem;text-align:center}.sb-loading p,.sb-empty p{margin:0;color:var(--text-secondary)}.sb-empty h3{margin:0;font-size:1.4rem}.sb-empty-icon{padding:.7rem 1rem;border-radius:999px;background:#f973161f;color:var(--brand-secondary);font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sb-spinner{width:40px;height:40px;border:3px solid var(--card-border);border-top-color:var(--brand-secondary);border-radius:50%;animation:sbSpin .8s linear infinite}@keyframes sbSpin{to{transform:rotate(360deg)}}.sb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.sb-card{display:flex;background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px -8px var(--card-shadow);transition:transform .25s ease,box-shadow .25s ease}.sb-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px -10px var(--card-shadow)}.sb-card-accent{width:6px;flex-shrink:0}.sb-card.pending .sb-card-accent{background:#f97316}.sb-card.approved .sb-card-accent{background:#10b981}.sb-card.rejected .sb-card-accent{background:#ef4444}.sb-card-body{flex:1;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:10px}.sb-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.sb-eyebrow{margin-bottom:3px;color:var(--brand-secondary);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sb-card-top h3{margin:0;font-size:1rem;font-weight:700}.sb-subtitle{margin:3px 0 0;color:var(--text-secondary);font-size:.82rem}.sb-status-badge{flex-shrink:0;padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.sb-status-badge.pending{background:#f9731626;color:#f97316}.sb-status-badge.approved{background:#10b98126;color:#10b981}.sb-status-badge.rejected{background:#ef444426;color:#ef4444}.sb-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sb-meta-item{padding:7px 10px;border-radius:10px;background:var(--activity-item-bg);border:1px solid rgba(255,255,255,.05)}.sb-meta-label{display:block;margin-bottom:3px;color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.sb-meta-value{color:var(--text-primary);font-size:.85rem;font-weight:600}.sb-panel{padding:8px 12px;border-radius:10px;background:var(--activity-item-bg);border-left:3px solid var(--brand-secondary)}.sb-panel.subtle{border-left-color:#94a3b899}.sb-panel.warning{border-left-color:#f9731680}.sb-panel-title{display:block;margin-bottom:4px;color:var(--text-primary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sb-panel p{margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:help}.sb-panel p[title]:hover{-webkit-line-clamp:unset;overflow:visible}.sb-existing-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sb-review-grid{display:grid;grid-template-columns:1fr;gap:8px}.sb-field{display:flex;flex-direction:column;gap:8px}.sb-field span{color:var(--text-primary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.sb-field textarea,.sb-field select{width:100%;border:1px solid var(--card-border);border-radius:10px;background:#0f172a59;color:var(--text-primary);font:inherit;font-size:.9rem;padding:.65rem .85rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.sb-field textarea{resize:vertical;min-height:72px}.sb-field textarea:focus,.sb-field select:focus{border-color:#f97316a6;box-shadow:0 0 0 3px #f973161f}.sb-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}.sb-footer-hint{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.sb-actions{display:flex;flex-wrap:wrap;gap:7px;flex-shrink:0}.sb-action-btn{padding:.55rem 1rem;border-radius:10px;border:1px solid transparent;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.sb-action-btn.primary{background:var(--brand-gradient);color:#fff;box-shadow:0 10px 24px -12px #f97316cc}.sb-action-btn.primary:hover:not(:disabled){transform:translateY(-2px)}.sb-action-btn.ghost{background:transparent;color:#ef4444;border-color:#ef444473}.sb-action-btn.ghost:hover:not(:disabled){background:#ef444414}.sb-action-btn.complete{background:#10b98124;color:#10b981;border-color:#10b98159}.sb-action-btn.complete:hover:not(:disabled){background:#10b98133}.sb-action-btn:disabled{opacity:.6;cursor:not-allowed}.sb-main-tabs{display:flex;gap:4px;margin-bottom:2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:5px}.sb-main-tab{flex:1;padding:.7rem 1.2rem;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sb-main-tab:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.sb-main-tab.active{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 14px #f9731659}.sb-section-desc{margin-bottom:.75rem;text-align:center}.sb-section-desc p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.rp-card.rp-noted .sb-card-accent{background:#6366f1}.rp-card.rp-repair_in_progress .sb-card-accent{background:#f59e0b}.rp-card.rp-resolved .sb-card-accent{background:#10b981}.rp-badge-noted{background:#6366f126;color:#818cf8}.rp-badge-repair_in_progress{background:#f59e0b26;color:#fbbf24}.rp-badge-resolved{background:#10b98126;color:#10b981}.rp-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-card .sb-card-footer{flex-direction:column;align-items:stretch;gap:8px}.rp-actions{flex-wrap:nowrap;width:100%}.rp-status-btn{flex:1;font-size:.8rem;padding:.5rem;text-align:center;white-space:nowrap}.rp-btn-noted{color:#818cf8;border-color:#6366f159;background:transparent}.rp-btn-noted:hover:not(:disabled){background:#6366f11a}.rp-btn-repair_in_progress{color:#fbbf24;border-color:#f59e0b59;background:transparent}.rp-btn-repair_in_progress:hover:not(:disabled){background:#f59e0b1a}.rp-btn-resolved{color:#10b981;border-color:#10b98159;background:transparent}.rp-btn-resolved:hover:not(:disabled){background:#10b9811a}.rp-btn-noted.rp-btn-active{background:#6366f12e;cursor:default}.rp-btn-repair_in_progress.rp-btn-active{background:#f59e0b2e;cursor:default}.rp-btn-resolved.rp-btn-active{background:#10b9812e;cursor:default}@media(max-width:900px){.sb-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media(max-width:600px){.sb-list{grid-template-columns:1fr}}@media(max-width:768px){.sb-container{padding:1.5rem 1rem}.sb-header{margin-bottom:1.5rem}.sb-header h1{font-size:2.2rem}.sb-main-tabs{margin-bottom:1.5rem}.sb-card-body{padding:.9rem 1rem}.sb-card-top,.sb-card-footer{flex-direction:column;align-items:stretch}}@media(max-width:640px){.sb-header h1{font-size:1.85rem}.sb-meta-grid,.sb-existing-review,.sb-review-grid{grid-template-columns:1fr}.sb-filter-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.sb-filter-bar::-webkit-scrollbar{display:none}.sb-filter-btn{flex-shrink:0}.sb-actions{width:100%}.sb-action-btn{flex:1}}.sb-modal-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:sbFadeIn .15s ease-out}.sb-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:1.75rem;width:min(480px,calc(100vw - 2rem));display:flex;flex-direction:column;gap:1.1rem;box-shadow:0 24px 48px -12px #0009;animation:sbFadeIn .18s ease-out}.sb-modal-header h3{margin:0 0 4px;font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sb-modal-sub{margin:0;color:var(--brand-secondary);font-size:.85rem;font-weight:600}.sb-optional{color:var(--text-secondary);font-weight:400;text-transform:none;letter-spacing:0;font-size:.8em}.sb-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.25rem}.sb-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:1.5rem}.sb-page-btn{min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--card-border);background:#0f172a59;color:var(--text-primary);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sb-page-btn:hover:not(:disabled){border-color:#f9731680;color:var(--brand-secondary)}.sb-page-btn.active{background:var(--brand-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 12px -4px #f9731699}.sb-page-btn:disabled{opacity:.35;cursor:not-allowed}.sb-page-ellipsis{color:var(--text-secondary);padding:0 4px;font-size:.9rem}.af-field select{width:100%;border:1px solid var(--card-border);border-radius:12px;background:#0f172a59;color:var(--text-primary);font:inherit;padding:.9rem 2.4rem .9rem 1rem;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;background-size:16px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.af-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)}.af-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:3rem 2rem;animation:afFadeIn .5s ease-out forwards}@keyframes afFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.af-header{text-align:center;margin-bottom:2rem}.af-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}.af-header p{margin:0 auto;max-width:760px;color:var(--text-secondary);line-height:1.7}.af-alert{padding:14px 20px;border-radius:12px;margin-bottom:1.5rem;font-weight:500}.af-alert.error{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border)}.af-alert.success{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid rgba(16,185,129,.3)}.af-form-card,.af-list-section{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:18px;padding:1.5rem;box-shadow:0 8px 24px -8px var(--card-shadow)}.af-form-card{margin-bottom:1.5rem}.af-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1rem}.af-section-title h2{margin:0;font-size:1.35rem;text-transform:uppercase;letter-spacing:.04em}.af-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 12px;border-radius:999px;background:#f9731626;color:var(--brand-secondary);font-weight:700}.af-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.af-field{display:flex;flex-direction:column;gap:8px}.af-field.af-field-wide{grid-column:span 3}.af-field.compact{min-width:220px}.af-field span{color:var(--text-primary);font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.af-field input,.af-field textarea{width:100%;border:1px solid var(--card-border);border-radius:12px;background:#0f172a59;color:var(--text-primary);font:inherit;padding:.9rem 1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.af-field textarea{resize:vertical}.af-field input:focus,.af-field textarea:focus{border-color:#f97316a6;box-shadow:0 0 0 3px #f973161f}.af-form-actions{display:flex;align-items:end}.af-primary-btn,.af-inline-btn{border-radius:12px;font:inherit;font-weight:700;cursor:pointer;transition:all .2s ease}.af-primary-btn{padding:.95rem 1.3rem;border:none;background:var(--brand-gradient);color:#fff;box-shadow:0 10px 24px -12px #f97316cc}.af-primary-btn.secondary{background:#f973161f;color:var(--brand-secondary);border:1px solid rgba(249,115,22,.3);box-shadow:none}.af-primary-btn:hover:not(:disabled),.af-inline-btn:hover:not(:disabled){transform:translateY(-2px)}.af-inline-btn{padding:.75rem 1rem;border:1px solid var(--card-border);background:transparent;color:var(--text-primary)}.af-inline-btn.danger{color:#ef4444;border-color:#ef444459}.af-inline-btn.success{color:#10b981;border-color:#10b98159}.af-primary-btn:disabled,.af-inline-btn:disabled{opacity:.6;cursor:not-allowed}.af-loading,.af-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:3rem 1rem;text-align:center}.af-spinner{width:40px;height:40px;border:3px solid var(--card-border);border-top-color:var(--brand-secondary);border-radius:50%;animation:afSpin .8s linear infinite}@keyframes afSpin{to{transform:rotate(360deg)}}.af-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.af-card{border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.2rem;background:var(--activity-item-bg);display:flex;flex-direction:column;gap:.85rem}.af-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.af-eyebrow{color:var(--brand-secondary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:3px}.af-card h3{margin:0;font-size:1.05rem;line-height:1.3}.af-subtitle{margin:3px 0 0;color:var(--text-secondary);font-size:.85rem}.af-top-actions{display:flex;gap:6px;flex-shrink:0}.af-top-actions .af-inline-btn{padding:.45rem .75rem;font-size:.82rem}.af-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.af-meta-item{padding:8px 10px;border-radius:10px;background:#0f172a38}.af-meta-label{display:block;margin-bottom:3px;color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.af-meta-value{color:var(--text-primary);font-weight:600;font-size:.88rem}.af-copy-block{padding:9px 12px;border-radius:10px;background:#0f172a2e}.af-copy-title{display:block;margin-bottom:4px;color:var(--text-primary);font-size:.75rem;font-weight:700;text-transform:uppercase}.af-copy-block p{margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:help}.af-copy-block p[title]:hover{-webkit-line-clamp:unset;overflow:visible}.af-assign-row{margin-top:auto}.af-assign-row .af-primary-btn{padding:.7rem .9rem;font-size:.85rem}.af-modal-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:afFadeIn .15s ease-out}.af-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:1.75rem;width:min(420px,calc(100vw - 2rem));display:flex;flex-direction:column;gap:1.1rem;box-shadow:0 24px 48px -12px #0009;animation:afFadeIn .18s ease-out}.af-modal-header h3{margin:0 0 4px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.af-modal-sub{margin:0;color:var(--brand-secondary);font-size:.85rem;font-weight:600}.af-modal-error{margin:0;padding:10px 14px;border-radius:10px;background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border);font-size:.88rem;font-weight:500}.af-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.af-modal.af-modal-wide{width:min(680px,calc(100vw - 2rem))}.af-modal .af-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af-modal .af-field-wide{grid-column:span 2}.af-modal-body-text{margin:0;font-size:.95rem;line-height:1.6;color:var(--text-primary)}.af-danger-btn{background:#ef444426!important;color:#f87171!important;border:1px solid rgba(239,68,68,.35)!important;box-shadow:none!important}.af-danger-btn:hover:not(:disabled){background:#ef444447!important}.af-field select{width:100%;border:1px solid var(--card-border);border-radius:12px;background:#0f172a59;color:var(--text-primary);font:inherit;padding:.9rem 2.4rem .9rem 1rem;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;background-size:16px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}@media(max-width:900px){.af-form-grid,.af-meta-grid{grid-template-columns:1fr 1fr}.af-field.af-field-wide{grid-column:span 2}}@media(max-width:768px){.af-container{padding:1.5rem 1rem}.af-header h1{font-size:2.2rem}.af-card-top,.af-section-title{flex-direction:column;align-items:stretch}}.as-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:1.25rem}.as-page-btn{min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--card-border);background:#0f172a59;color:var(--text-primary);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.as-page-btn:hover:not(:disabled){border-color:#f9731680;color:var(--brand-secondary)}.as-page-btn.active{background:var(--brand-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 12px -4px #f9731699}.as-page-btn:disabled{opacity:.35;cursor:not-allowed}.as-page-ellipsis{color:var(--text-secondary);padding:0 4px;font-size:.9rem}@media(max-width:640px){.af-form-grid,.af-meta-grid{grid-template-columns:1fr}.af-field.af-field-wide{grid-column:span 1}}.af-field select{width:100%;border:1px solid var(--card-border);border-radius:12px;background:#0f172a59;color:var(--text-primary);font:inherit;padding:.9rem 2.4rem .9rem 1rem;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;background-size:16px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.af-field select:focus{border-color:#f97316a6;box-shadow:0 0 0 3px #f973161f}.af-field select option{background:#1e293b;color:var(--text-primary)}.as-filter-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1.25rem}.as-filter-bar .af-field{flex:1 1 180px}.as-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--card-border);background:var(--card-bg)}.as-table{width:100%;border-collapse:collapse;min-width:820px}.as-table th,.as-table td{padding:14px 16px;text-align:left;font-size:.95rem;border-bottom:1px solid var(--card-border);vertical-align:middle}.as-table th{font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:.8rem;background:#ffffff08}.as-table tr:last-child td{border-bottom:none}.as-badge{display:inline-block;padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.as-badge.role-admin{background:#8b5cf626;color:#a78bfa}.as-badge.role-staff{background:#3b82f626;color:#60a5fa}.as-badge.role-member{background:#94a3b826;color:#cbd5f5}.as-badge.status-pending{background:#eab3082e;color:#facc15}.as-badge.status-approved{background:#10b9812e;color:#34d399}.as-badge.status-suspended{background:#ef44442e;color:#f87171}.as-modal-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:afFadeIn .15s ease-out}.as-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:2rem;max-width:420px;width:calc(100% - 2rem);box-shadow:0 24px 48px -12px #0009;animation:afFadeIn .18s ease-out}.as-modal-msg{margin:0 0 1.5rem;font-size:1rem;line-height:1.6;color:var(--text-primary)}.as-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.as-danger-btn{background:#ef444426!important;color:#f87171!important;border:1px solid rgba(239,68,68,.35)!important;box-shadow:none!important}.as-danger-btn:hover:not(:disabled){background:#ef444447!important}.as-action-group{display:flex;gap:.5rem;flex-wrap:wrap}.ri-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)}.ri-container{position:relative;z-index:10;max-width:1100px;margin:0 auto;padding:3rem 2rem;animation:riFadeIn .5s ease-out forwards}@keyframes riFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.ri-header{text-align:center;margin-bottom:2.5rem}.ri-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}.ri-header p{color:var(--text-secondary);font-size:1.05rem;margin:0;line-height:1.7}.ri-alert{padding:14px 20px;border-radius:12px;margin-bottom:1.5rem;font-weight:500;font-size:.95rem}.ri-alert.error{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border)}.ri-alert.success{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid rgba(16,185,129,.3)}.ri-layout{display:grid;grid-template-columns:380px 1fr;gap:1.5rem;align-items:stretch}.ri-card{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:18px;padding:2rem;box-shadow:0 8px 32px -8px var(--card-shadow)}.ri-form-card{display:flex;flex-direction:column;gap:1.2rem}.ri-section-title{display:flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 1.2rem;color:var(--text-primary)}.ri-step{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--brand-gradient);color:#fff;font-size:.85rem;font-weight:800;flex-shrink:0}.ri-search{width:100%;padding:.75rem 1rem;border:1.5px solid var(--card-border);border-radius:10px;background:var(--input-bg);color:var(--text-primary);font:inherit;font-size:.9rem;outline:none;margin-bottom:.75rem;box-sizing:border-box;transition:border-color .2s}.ri-search:focus{border-color:var(--brand-secondary)}.ri-search::placeholder{color:var(--text-secondary)}.ri-facility-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px}.ri-facility-list::-webkit-scrollbar{width:4px}.ri-facility-list::-webkit-scrollbar-thumb{background:#f973164d;border-radius:10px}.ri-facility-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1.5px solid var(--card-border);border-radius:12px;background:var(--activity-item-bg);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:all .2s ease}.ri-facility-item:hover{border-color:var(--brand-secondary);background:var(--activity-item-hover)}.ri-facility-item.selected{border-color:var(--brand-secondary);background:#f9731614;box-shadow:0 0 0 2px #f9731633}.ri-facility-icon{width:36px;height:36px;border-radius:8px;background:#f973161f;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand-secondary)}.ri-facility-icon svg{width:18px;height:18px}.ri-facility-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ri-facility-name{font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ri-facility-type{font-size:.78rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.ri-check{width:22px;height:22px;border-radius:50%;background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.ri-check svg{width:12px;height:12px}.ri-empty-hint{color:var(--text-secondary);text-align:center;padding:1rem 0;font-size:.9rem}.ri-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:2rem;color:var(--text-secondary);font-size:.9rem}.ri-spinner{width:32px;height:32px;border:3px solid var(--card-border);border-top-color:var(--brand-secondary);border-radius:50%;animation:riSpin .8s linear infinite}@keyframes riSpin{to{transform:rotate(360deg)}}.ri-selected-facility{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1.5px solid rgba(249,115,22,.35);background:#f9731614;color:var(--brand-secondary)}.ri-selected-facility svg{width:20px;height:20px;flex-shrink:0}.ri-selected-facility>div{display:flex;flex-direction:column;gap:2px}.ri-selected-name{font-weight:700;font-size:.95rem;color:var(--text-primary)}.ri-selected-type{font-size:.78rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ri-no-selection{padding:12px 16px;border-radius:12px;border:1.5px dashed var(--card-border);color:var(--text-secondary);font-size:.9rem;text-align:center}.ri-textarea{width:100%;border:1.5px solid var(--card-border);border-radius:12px;background:var(--input-bg);color:var(--text-primary);font:inherit;font-size:.95rem;line-height:1.6;padding:1rem;resize:vertical;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.ri-textarea:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px #f973161f}.ri-textarea:disabled{opacity:.45;cursor:not-allowed}.ri-char-count{text-align:right;font-size:.78rem;color:var(--text-secondary);margin-top:-.6rem}.ri-tips{padding:14px 16px;border-radius:12px;background:var(--activity-item-bg);border-left:3px solid var(--brand-secondary)}.ri-tips-title{margin:0 0 8px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary)}.ri-tips ul{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:4px}.ri-tips li{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.ri-submit-btn{width:100%;padding:1rem 2rem;border:none;border-radius:12px;background:var(--brand-gradient);color:#fff;font:inherit;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 24px -8px #f9731699}.ri-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px -8px #f97316cc}.ri-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:860px){.ri-layout{grid-template-columns:1fr}.ri-facility-list{max-height:260px}}@media(max-width:600px){.ri-container{padding:1.5rem 1rem}.ri-header h1{font-size:2.2rem}.ri-card{padding:1.4rem}}.mr-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)}.mr-container{position:relative;z-index:10;max-width:1180px;margin:0 auto;padding:3rem 2rem;animation:mrFadeIn .5s ease-out forwards}@keyframes mrFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.mr-header{text-align:center;margin-bottom:2.5rem}.mr-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:0;line-height:1.1}.mr-header p{color:var(--text-secondary);font-size:1.05rem;margin:0;line-height:1.6}.mr-alert{padding:14px 20px;border-radius:12px;margin-bottom:1.5rem;font-weight:500;font-size:.95rem}.mr-alert.error{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border)}.mr-alert.success{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid rgba(16,185,129,.3)}.mr-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.mr-filter-bar{display:flex;flex-wrap:wrap;gap:10px}.mr-filter-btn,.mr-new-report-btn,.mr-empty-btn{font-family:inherit;cursor:pointer;transition:all .2s ease}.mr-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}.mr-filter-btn:hover{border-color:var(--brand-secondary);color:var(--brand-secondary)}.mr-filter-btn.active{background:var(--brand-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 12px #f9731659}.mr-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ffffff40;font-size:.75rem;font-weight:700}.mr-filter-btn:not(.active) .mr-filter-count{background:var(--status-error-bg);color:var(--brand-secondary)}.mr-new-report-btn,.mr-empty-btn{padding:.85rem 1.35rem;border:none;border-radius:10px;background:var(--brand-gradient);color:#fff;font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 8px 22px -8px #f97316b3;white-space:nowrap}.mr-new-report-btn:hover,.mr-empty-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px #f97316d9}.mr-loading,.mr-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:4rem 2rem;color:var(--text-secondary);text-align:center}.mr-spinner{width:40px;height:40px;border:3px solid var(--card-border);border-top-color:var(--brand-secondary);border-radius:50%;animation:mrSpin .8s linear infinite}@keyframes mrSpin{to{transform:rotate(360deg)}}.mr-empty-mark{padding:.45rem .8rem;border-radius:999px;background:var(--activity-item-bg);border:1px solid var(--card-border);color:var(--brand-secondary);font-size:.78rem;font-weight:800;letter-spacing:.12em}.mr-empty h3{margin:0;color:var(--text-primary);font-size:1.35rem}.mr-empty p{margin:0}.mr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mr-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}.mr-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px -10px var(--card-shadow)}.mr-card-accent{width:5px;flex-shrink:0}.mr-card.status-noted .mr-card-accent{background:var(--brand-secondary)}.mr-card.status-progress .mr-card-accent{background:#f59e0b}.mr-card.status-resolved .mr-card-accent{background:#10b981}.mr-card-body{flex:1;padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:12px;min-width:0}.mr-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.mr-eyebrow{display:block;margin-bottom:5px;font-size:.75rem;color:var(--brand-secondary);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mr-card-top h3{margin:0 0 5px;color:var(--text-primary);font-size:1.15rem;font-weight:750}.mr-subtitle{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.45}.mr-status-badge{flex-shrink:0;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:5px 11px;border-radius:999px;max-width:145px;text-align:center;line-height:1.25}.mr-status-badge.status-noted{background:#f9731626;color:#f97316}.mr-status-badge.status-progress{background:#f59e0b29;color:#f59e0b}.mr-status-badge.status-resolved{background:#10b98126;color:#10b981}.mr-status-panel,.mr-description-panel{padding:11px 14px;border-radius:10px;background:var(--activity-item-bg);border-left:3px solid var(--card-border)}.mr-status-panel{border-left-color:var(--brand-secondary)}.mr-panel-label{display:block;margin-bottom:5px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary)}.mr-status-panel p,.mr-description-panel p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.55}@media(max-width:900px){.mr-list{grid-template-columns:1fr}}@media(max-width:700px){.mr-container{padding:1.5rem 1rem}.mr-header{margin-bottom:1.5rem}.mr-header h1{font-size:2.2rem}.mr-topbar{align-items:stretch;flex-direction:column}.mr-filter-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.mr-filter-bar::-webkit-scrollbar{display:none}.mr-filter-btn{flex-shrink:0;padding:7px 14px;font-size:.85rem}.mr-new-report-btn{width:100%}}@media(max-width:560px){.mr-container{padding:1rem .75rem}.mr-header h1{font-size:1.8rem}.mr-card-body{padding:1.2rem}.mr-card-top{flex-direction:column;gap:9px}.mr-status-badge{max-width:none}}: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}}
