@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{border:5px;border-color:#000}ion-icon{cursor:pointer}ion-item{--background: var(--ion-color-primary);color:var(--ion-color-primary-contrast);cursor:pointer;transition:background-color 1.3s ease,color 1.3s ease}ion-item:hover{--background: var(--ion-color-secondary);color:var(--ion-color-secondary-contrast)}.IonContentBurger{--background: var(--ion-color-primary)}.toolbar{width:90%}table{border-collapse:collapse;width:100%;margin:20px auto;background-color:#fff}td{border:1px solid #dddddd;padding:8px;text-align:center;padding:15px 0 18px!important}th{background-color:#1779c9;padding:10px!important;color:#fff}tr:hover{background-color:#f5f5f5}.daterange{padding:0;--border-radius: 15px;width:150.86px;height:32px;border:2px;--background: white;color:#4c4a47;size:13.71px;font-weight:800;margin-top:.85rem}.searchbox{margin-top:.8rem;--border-radius: 7px;--background: #e9e9e9;width:370px;height:32px;text-align:center}.modaldatepicker{--width: auto;--height: auto;--border-radius: 10px}.pagination{margin-top:1rem}.CardMobile{width:auto}.DetailedView{--height: 98vh;--width: 45vw}.DetailedViewHeader{--background: #1779c9;height:32px}.DetailedViewContent{margin:.5rem 3rem}.DetailedViewTitle{color:#4c4947;font-size:36px;font-weight:500}.ModalButtons{width:190px;height:34px;--color: white;--border-color: #1779C9;--border-radius: 7px}@media (max-width: 768px){.searchbox{width:auto;height:32px;padding:0}.daterange{width:102px;height:32px;font-size:10px}.DetailedView{--height: 100vh;--width: 100vw}.ModalButtons{width:120px;height:34px}}@media (max-width: 360px){.ModalButtons{width:115px}}.menuItems{color:#2f855a;font-size:16px;font-family:Roboto;font-style:normal;font-weight:700;line-height:normal}ion-tab-bar{--min-height: 60px}ion-toolbar{--min-height: 60px}@media (max-width: 768px){ion-toolbar{--min-height: 40px;--padding-top: 5px;--padding-bottom: 5px}}.textStyle{color:#000;font-size:14px;font-family:Roboto;font-style:normal;font-weight:400;line-height:normal}.itemStyles{--background: white;color:#000;pointer-events:all}.itemStyles:active{--background: yellow}:root{--app-text-color: #000000}.box{border-radius:12px;background:rgba(255,255,255,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 30px rgba(0,0,0,.15);margin:16px auto;width:90%;max-width:320px;padding:24px 20px}.welcomeTxt{color:#449d5f!important;font-family:Roboto;font-size:24px;font-style:normal;font-weight:900;margin-bottom:8px;line-height:1.2}.enterTxt{color:var(--app-text-color);font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:1.4;margin-bottom:24px;max-width:300px}.fieldLabel{color:var(--app-text-color);font-family:Roboto;font-size:14px;font-weight:600;margin:4px 0 -6px 2px}.inputForm{border-radius:6.585px;border:2px solid var(--ion-color-primary)!important;background:#fff;height:42px;width:100%;max-width:280px;padding:10px;margin-bottom:5px!important;margin-top:10px;font-size:16px}.inputForm:focus{outline:none}.forgotTxt{color:var(--ion-color-primary);font-family:Roboto;font-size:14.63px;font-style:normal;font-weight:400;margin-bottom:20px;cursor:pointer}.codeTxt{color:var(--app-text-color);font-family:Roboto;font-size:15px;font-style:normal;font-weight:400;line-height:1.4;margin:16px 0 12px;text-align:center}.continueBtn{border-radius:3.658px;--background: var(--ion-color-primary);color:var(--ion-color-primary-contrast);font-size:17px;font-family:Roboto;font-style:normal;font-weight:800;line-height:normal;text-transform:none;width:100%;height:44px;box-shadow:0 4px 10px rgba(0,0,0,.12)}.resendBtn{border-radius:3.658px;--background: transparent;--color: var(--app-text-color);--border-color: var(--ion-color-primary);border:1px solid var(--ion-color-primary);font-size:15px;width:auto;min-width:180px;max-width:240px;height:42px;box-shadow:0 4px 10px rgba(0,0,0,.12);font-family:Roboto;font-style:normal;font-weight:800;line-height:normal;text-transform:none;margin:0 auto;display:block;box-sizing:border-box;padding:0 24px}.resendBtn::part(native){box-shadow:none}.switchBtn{--background: transparent;--color: var(--ion-color-primary);--border-color: transparent;border:none;box-shadow:none;font-size:13px;height:36px;text-transform:none;margin:6px auto 0;width:auto;min-width:160px}.switchBtn::part(native){box-shadow:none}.switchLink{color:#000;font-size:14px;font-weight:600;margin-top:8px;text-decoration:underline}.rowHeight{height:100%}@media (max-width: 1024px){.resendBtn{max-width:100px;font-size:15px;height:42px}}@media (max-width: 768px){.box{max-width:300px;padding:20px 16px}.welcomeTxt{font-size:22px}.enterTxt{font-size:15px}.resendBtn{min-width:160px;max-width:100%;font-size:14px}}@media (max-width: 480px){.box{max-width:280px;padding:18px 14px}.inputForm,.continueBtn{max-width:100%}}@media (max-width: 992px){.box{width:90%}.rowHeight{height:max-content}}@media (max-height: 600px){.rowHeight{height:max-content}}.box-signup{border-radius:12px;background:rgba(255,255,255,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 30px rgba(0,0,0,.15);margin:16px auto;width:90%;max-width:400px;padding:32px 24px}.welcomeTxt{color:#1779c9;font-family:Roboto;font-size:21.95px;font-style:normal;font-weight:900;margin-bottom:0}.enterTxt{color:#000;font-family:Roboto;font-size:14.633px;font-style:normal;font-weight:400;margin-top:5px;margin-bottom:20px}.input-form{border-radius:6.585px;border:2px solid var(--ion-color-primary);background:#fff;height:42px;width:100%;max-width:300px;padding:10px;margin-bottom:5px!important;margin-top:10px;font-size:16px}.forgotTxt{color:#1779c9;font-family:Roboto;font-size:14.63px;font-style:normal;font-weight:400;margin-bottom:20px}.row{display:flex;justify-content:space-between;align-items:flex-start;margin-top:10px;gap:10px}.input-form:focus{outline:none}.codeTxt{color:#1779c9;font-family:Roboto;font-size:14.633px;font-style:normal;font-weight:400;line-height:normal}.signupBtn{--background: transparent;color:#1779c9;font-size:18.95px;font-family:Roboto;font-style:normal;font-weight:800;line-height:normal;text-transform:none;width:50%;border-radius:3.658px;border:1px solid #1779c9}.rowHeightSignup{height:100%}@media (max-width: 768px){.box-signup{max-width:350px;padding:24px 20px}.welcomeTxt{font-size:22px}.enterTxt{font-size:15px}}@media (max-width: 480px){.box-signup{max-width:320px;padding:20px 16px}.input-form{max-width:100%}}@media (max-width: 992px){.box-signup{width:90%}.rowHeightSignup{height:max-content}}@media (max-height: 600px){.rowHeightSignup{height:max-content}}.withAcc{color:#000;font-family:Roboto;font-size:14.633px;font-style:normal;font-weight:400;margin-bottom:40px}.label{color:#4c4947;font-family:Arial;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.form-group{margin-bottom:20px;width:100%}@media (max-width: 992px){.box-signup{width:90%}.rowHeightSignup{height:max-content;overflow:scroll}.signupBtn{width:80%}.row{display:flex;flex-wrap:wrap;width:100%}}@media (max-height: 600px){.rowHeightSignup{height:max-content}.row{display:flex;flex-wrap:wrap}}@media (max-height: 800px){.rowHeightSignup{height:max-content}}.courts-container{width:100%;margin:0;padding:16px 16px 100px;font-family:Roboto,sans-serif;height:calc(100vh - 120px);overflow-y:auto;box-sizing:border-box}.courts-container ion-button{--border-radius: 12px;--ripple-color: transparent;--background-focused: var(--ion-color-primary);--background-activated: var(--ion-color-primary)}.courts-container ion-button::part(native){border-radius:12px;overflow:hidden}.courts-container ion-button[fill=outline]::part(native),.courts-container ion-button[fill=clear]::part(native){border-radius:12px;overflow:hidden}.courts-container::-webkit-scrollbar{display:none}.courts-container{-ms-overflow-style:none;scrollbar-width:none}.courts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e8f5e8}.courts-title{color:var(--ion-color-primary);font-size:28px;font-weight:700;margin:0;display:flex;align-items:center}.add-court-btn{--background: var(--ion-color-primary);--color: white;--border-radius: 12px;--padding-start: 20px;--padding-end: 20px;font-weight:600;text-transform:none;transition:all .3s ease}.add-court-btn::part(native){border-radius:9999px;overflow:hidden;box-shadow:0 4px 12px rgba(68,157,95,.3)}.add-court-btn:hover{--background: var(--ion-color-primary-shade);transform:translateY(-2px)}.add-court-btn:hover::part(native){box-shadow:0 6px 16px rgba(68,157,95,.4)}.controls-section{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e8f5e8}.search-controls{display:flex;flex-direction:column;gap:16px}.search-item{--border-radius: 12px;--border-color: #e8f5e8;--border-width: 2px;--background: white;--background-hover: white;--background-focused: white;--background-activated: white;--padding-start: 16px;--padding-end: 16px;--color: #495057;--highlight-color: transparent;--highlight-color-focused: transparent;--inner-border-width: 0}.search-item:focus-within{--border-color: var(--ion-color-primary);--background: white;--background-focused: white;--inner-border-width: 0}.search-item:hover{--background: white;--background-hover: white;--inner-border-width: 0}.search-item::part(native){--inner-border-width: 0}.search-item::part(inner){border-bottom:none!important;border-bottom-width:0!important;border-bottom-color:transparent!important}.search-item ion-input{--background: white !important;--background-hover: white !important;--background-focused: white !important;--background-activated: white !important;--highlight-color: transparent !important;--highlight-color-focused: transparent !important;--inner-border-width: 0 !important}.search-item ion-input::part(native){background:white!important;background-color:#fff!important;--inner-border-width: 0 !important}.search-item ion-input .native-input{background:white!important;background-color:#fff!important;outline:none!important;box-shadow:none!important}.search-item ion-input .native-input:hover{background:white!important;background-color:#fff!important}.search-item ion-input .native-input:focus{background:white!important;background-color:#fff!important;outline:none!important;box-shadow:none!important}.form-item ion-input .native-input{background:white!important;background-color:#fff!important;-webkit-appearance:none;appearance:none;box-shadow:none!important;color:#495057!important;-webkit-tap-highlight-color:transparent}.form-item ion-input .native-input:hover,.form-item ion-input .native-input:focus{background:white!important;background-color:#fff!important}.form-item ion-input::part(native){background:white!important;background-color:#fff!important}.form-item ion-input::part(native):hover{background:white!important;background-color:#fff!important}.form-item ion-input::part(native):focus{background:white!important;background-color:#fff!important}.form-item ion-label{color:#495057!important}.filter-controls{display:flex;gap:16px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:150px}.filter-group:has(.filter-ion-select[placeholder*="page"]){min-width:100px;width:auto}.filter-group.page-size-group{min-width:100px;width:auto;flex:0 0 auto}.filter-label{color:#495057;font-size:14px;font-weight:600;margin:0;display:block}.filter-item{--border-radius: 12px;--border-color: #e8f5e8;--border-width: 2px;--background: white;--padding-start: 16px;--padding-end: 16px;--color: #495057;--highlight-color: transparent;--highlight-color-focused: transparent;min-width:150px}.filter-item:focus-within{--border-color: var(--ion-color-primary);--background: white}.filter-select{border:2px solid #e8f5e8;background:white;color:#495057;font-size:14px;font-weight:500;padding:12px 40px 12px 16px;border-radius:12px;cursor:pointer;outline:none;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;transition:all .3s ease}.filter-ion-select{--border-radius: 12px;--padding-start: 12px;--padding-end: 12px;--background: white;--color: #495057;--placeholder-color: #6c757d;--border-color: #e8f5e8;--border-width: 2px;--highlight-color: transparent;--highlight-color-focused: transparent;--ripple-color: transparent}.filter-ion-select.page-size-select{min-width:90px;width:90px}.filter-ion-select::part(icon){color:#6c757d}.filter-ion-select:focus-within{--border-color: var(--ion-color-primary)}.filter-ion-select::part(container){background:#ffffff;border:2px solid #e8f5e8;border-radius:12px;padding:10px 12px;box-shadow:none}.filter-ion-select:focus-within::part(container),.filter-ion-select.select-expanded::part(container){border-color:var(--ion-color-primary);box-shadow:none}.filter-ion-select:focus,.filter-ion-select:hover{outline:none}.filter-select:focus{background-color:rgba(68,157,95,.05);border-color:var(--ion-color-primary)}.filter-select:hover{background-color:rgba(68,157,95,.05)}.filter-select option{background:white;color:#495057;padding:8px 12px}ion-button:focus,ion-button:active,ion-input:focus,ion-item:focus,ion-item:active{--highlight-color: transparent !important;--highlight-color-focused: transparent !important;--background-focused: transparent !important;--background-activated: transparent !important}ion-button[fill=clear]:focus,ion-button[fill=clear]:active{--color: var(--ion-color-primary) !important;--background: transparent !important;--background-focused: transparent !important;--background-activated: transparent !important}ion-input{--highlight-color: transparent !important;--highlight-color-focused: transparent !important;--background-focused: transparent !important;--background-activated: transparent !important;--background: white !important;--background-hover: white !important;--background-focused: white !important}ion-input input{color:#495057!important;background:white!important;background-color:#fff!important}ion-input input:focus{background:white!important;background-color:#fff!important;outline:none!important;box-shadow:none!important}ion-input input:hover{background:white!important;background-color:#fff!important}ion-input .native-input{background:white!important;background-color:#fff!important}ion-input .native-input:focus{background:white!important;background-color:#fff!important}ion-input .native-input:hover{background:white!important;background-color:#fff!important}ion-input::part(native){background:white!important;background-color:#fff!important}ion-input::part(native):hover{background:white!important;background-color:#fff!important}ion-input::part(native):focus{background:white!important;background-color:#fff!important}.search-item ion-input::part(native){background:white!important;background-color:#fff!important}.search-item ion-input::part(native):hover{background:white!important;background-color:#fff!important}.search-item ion-input::part(native):focus{background:white!important;background-color:#fff!important}.courts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.courts-list::-webkit-scrollbar{display:none}.courts-list{-ms-overflow-style:none;scrollbar-width:none}.court-card{border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e8f5e8;transition:all .3s ease;overflow:hidden}.court-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.court-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.court-info{flex:1}.court-name-section{display:flex;align-items:center;gap:12px}.court-image{width:50px;height:50px;border-radius:12px;object-fit:cover;border:2px solid #e8f5e8;flex-shrink:0}.court-details{flex:1}.court-name{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 8px}.court-fee{color:var(--ion-color-primary);font-size:18px;font-weight:700;margin:0}.court-actions{display:flex;gap:8px;align-items:center}.court-actions ion-button{--color: #6c757d;--padding-start: 8px;--padding-end: 8px;--border-radius: 8px;transition:all .2s ease}.court-actions ion-button:hover{--color: var(--ion-color-primary);--background: rgba(68, 157, 95, .1)}.court-actions ion-button[color=danger]:hover{--color: var(--ion-color-danger);--background: rgba(235, 68, 90, .1)}.court-availability{border-top:1px solid #e8f5e8;padding-top:20px}.availability-section{margin-bottom:16px}.availability-section:last-child{margin-bottom:0}.availability-section h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 12px;display:flex;align-items:center}.availability-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e8f5e8}.summary-stats{display:flex;gap:16px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;color:#6c757d;font-size:13px;font-weight:500;background:#f8f9fa;padding:6px 12px;border-radius:20px;border:1px solid #e8f5e8}.view-details-btn{--color: var(--ion-color-primary);--background: transparent;--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;font-size:12px;font-weight:600;text-transform:none;transition:all .2s ease}.view-details-btn:hover{--background: rgba(68, 157, 95, .1);--color: var(--ion-color-primary-shade)}.availability-details{padding-top:16px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.availability-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.availability-item{background:linear-gradient(135deg,var(--ion-color-primary),var(--ion-color-primary-tint));color:#fff;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:500;box-shadow:0 2px 6px rgba(68,157,95,.2);white-space:nowrap;transition:all .2s ease}.availability-item:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(68,157,95,.3)}.no-availability{text-align:center;padding:20px;color:#6c757d;font-style:italic;background:#f8f9fa;border-radius:8px;border:1px dashed #dee2e6}.pagination-section{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:30px;margin-bottom:80px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e8f5e8}.pagination-info p{margin:0;color:#6c757d;font-size:14px;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.page-numbers{display:flex;gap:8px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;padding:4px 0}.page-numbers::-webkit-scrollbar{display:none}.page-numbers ion-button{--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;min-width:40px;height:40px;font-size:14px;font-weight:500;flex:0 0 auto}@media (max-width: 768px){.pagination-controls ion-button{flex:0 0 auto}.pagination-controls .page-numbers{flex:1 1 auto;justify-content:center}}.page-numbers ion-button[fill=solid]{--background: var(--ion-color-primary);--color: white}.page-numbers ion-button[fill=outline]{--border-color: #e8f5e8;--color: #6c757d}.page-numbers ion-button[fill=outline]:hover{--border-color: var(--ion-color-primary);--color: var(--ion-color-primary);--background: rgba(68, 157, 95, .05)}.empty-state{text-align:center;padding:60px 20px;color:#6c757d;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;grid-column:1 / -1;width:100%}.empty-state svg{color:#dee2e6;margin-bottom:20px}.empty-state h3{color:#495057;font-size:24px;font-weight:600;margin:0 0 12px}.empty-state p{font-size:16px;margin:0}.loading-container{text-align:center;padding:60px 20px;color:var(--ion-color-primary)}.loading-container p{margin-top:16px;font-size:16px;font-weight:500}.form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.form-modal .day-btn,.form-modal .day-btn::part(native),.form-modal .day-btn::part(button),.form-modal .day-btn .button-native,.form-modal .day-btn .button-inner,.form-modal .time-period-btn,.form-modal .time-period-btn::part(native),.form-modal .time-period-btn::part(button),.form-modal .time-period-btn .button-native,.form-modal .time-period-btn .button-inner,.form-modal .time-btn,.form-modal .time-btn::part(native),.form-modal .time-btn::part(button),.form-modal .time-btn .button-native,.form-modal .time-btn .button-inner{background:transparent!important;background-color:transparent!important;border-radius:12px!important;overflow:hidden!important}.form-modal ion-button.selected,.form-modal ion-button.selected::part(native),.form-modal ion-button.selected::part(button),.form-modal ion-button.selected .button-native,.form-modal ion-button.selected .button-inner,.form-modal ion-button.selected .button-native-ios,.form-modal ion-button.selected .button-native-md,.form-modal ion-button.selected .button-inner-ios,.form-modal ion-button.selected .button-inner-md{background:var(--ion-color-primary)!important;background-color:var(--ion-color-primary)!important}.form-modal .day-btn .button-native,.form-modal .day-btn .button-inner,.form-modal .day-btn .button-native-ios,.form-modal .day-btn .button-native-md,.form-modal .day-btn .button-inner-ios,.form-modal .day-btn .button-inner-md,.form-modal .time-period-btn .button-native,.form-modal .time-period-btn .button-inner,.form-modal .time-period-btn .button-native-ios,.form-modal .time-period-btn .button-native-md,.form-modal .time-period-btn .button-inner-ios,.form-modal .time-period-btn .button-inner-md,.form-modal .time-btn .button-native,.form-modal .time-btn .button-inner,.form-modal .time-btn .button-native-ios,.form-modal .time-btn .button-native-md,.form-modal .time-btn .button-inner-ios,.form-modal .time-btn .button-inner-md{background:transparent!important;background-color:transparent!important;border-radius:12px!important;overflow:hidden!important}@supports (padding: max(0px)){.form-modal-overlay{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}.form-modal{background:white;border-radius:20px;width:100%;max-width:600px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);margin:0 auto;position:relative;display:flex;flex-direction:column}@supports (padding: max(0px)){.form-modal{max-height:calc(100vh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.form-modal::-webkit-scrollbar{display:none}.form-modal{-ms-overflow-style:none;scrollbar-width:none}.form-header{display:flex;justify-content:space-between;align-items:center;padding:8px 24px 0;border-bottom:1px solid #e8f5e8;margin-bottom:12px}.form-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.form-header ion-button{--color: #6c757d;--padding-start: 4px;--padding-end: 4px;--background: transparent;--background-hover: transparent;--background-focused: transparent;--background-activated: transparent;font-size:16px}.form-header ion-button::part(native){border-radius:8px;background:transparent;background-color:transparent;overflow:hidden}.form-header ion-button:hover{--background: rgba(108, 117, 125, .1);--color: #495057}.form-header ion-button:hover::part(native){background:rgba(108,117,125,.1);background-color:rgba(108,117,125,.1)}.court-form{padding:0 24px 24px;overflow:visible;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.court-form::-webkit-scrollbar{display:none}.court-form{-ms-overflow-style:none;scrollbar-width:none}.form-item{--border-radius: 12px;--border-color: #e8f5e8;--border-width: 2px;--border-style: solid;--color: #6c757d;margin-bottom:20px;transition:all .3s ease;--background: #ffffff;--highlight-color: transparent;--highlight-color-focused: transparent}.form-item:focus-within{--border-color: var(--ion-color-primary);--background: #ffffff}.form-item::part(native){--inner-border-width: 0}.form-item ion-input::part(native){background:#ffffff;color:#2c3e50;border:2px solid #e8f5e8;border-radius:12px;padding:10px 12px}.form-item,.form-item:hover,.form-item:active,.form-item:focus-within{--background: #ffffff !important;--background-hover: #ffffff !important;--background-focused: #ffffff !important;--background-activated: #ffffff !important;--highlight-color: transparent !important;--highlight-color-focused: transparent !important}.form-item::part(native):hover,.form-item::part(native):focus{background:#ffffff!important}.form-item ion-input,.form-item ion-input:hover,.form-item ion-input:active,.form-item ion-input:focus{--background: #ffffff !important;--background-hover: #ffffff !important;--background-focused: #ffffff !important;--background-activated: #ffffff !important}.form-item ion-input::part(native):hover,.form-item ion-input::part(native):focus{background:#ffffff!important}.form-item ion-input{--background: white !important;--background-hover: white !important;--background-focused: white !important;--background-activated: white !important}.form-item ion-input::part(native):hover,.form-item ion-input::part(native):focus{background:white!important;border-color:#e8f5e8!important}.form-item ion-input .native-input{background:white!important;background-color:#fff!important;-webkit-appearance:none;appearance:none;box-shadow:none!important;-webkit-tap-highlight-color:transparent}.form-item ion-input .native-input:hover,.form-item ion-input .native-input:active,.form-item ion-input .native-input:focus,.form-item ion-input .native-input:focus-visible{outline:none!important;box-shadow:none!important;background:white!important}.form-item ion-input input:required:invalid,.form-item ion-input input:invalid,.form-item ion-input input:user-invalid{outline:none!important;box-shadow:none!important}.form-item ion-input input[type=number]::-webkit-outer-spin-button,.form-item ion-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-item ion-input input[type=number]{-moz-appearance:textfield;appearance:textfield}.form-item ion-input{--background: #ffffff}.form-item ion-label{--color: #6c757d;color:#6c757d!important;font-weight:600;margin-bottom:6px;display:block}.form-item ion-input::part(placeholder),.form-item ion-input input::placeholder{color:#9aa0a6!important}.form-item ion-input input:focus{outline:none!important;box-shadow:none!important;background:#ffffff!important;border-color:var(--ion-color-primary)!important}.form-item ion-input input:-webkit-autofill,.form-item ion-input input:-webkit-autofill:hover,.form-item ion-input input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px #ffffff inset!important;-webkit-text-fill-color:#2c3e50!important;caret-color:#2c3e50!important}.form-section{margin-bottom:32px}.section-title{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px;display:flex;align-items:center}.form-field{margin-bottom:20px}.field-label{display:block;color:#2c3e50;font-weight:600;margin:0 0 8px 2px;font-size:14px}.days-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 900px){.days-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.day-btn{--border-radius: 12px;--border-width: 2px;--border-color: #e8f5e8;--color: #6c757d;--background: transparent;--background-hover: transparent;--background-focused: transparent;--background-activated: transparent;font-weight:500;text-transform:none;transition:all .3s ease;--ripple-color: transparent;--inner-border-width: 0;--inner-padding-start: 0;--inner-padding-end: 0;--inner-padding-top: 0;--inner-padding-bottom: 0}.day-btn,.day-btn::part(native),.day-btn::part(button),.day-btn .button-native,.day-btn .button-inner{border-radius:12px;background:transparent!important;background-color:transparent!important;overflow:hidden}.day-btn.selected{--background: var(--ion-color-primary);--color: white;--border-color: var(--ion-color-primary);box-shadow:0 4px 12px rgba(68,157,95,.3)}.day-btn.selected,.day-btn.selected::part(native),.day-btn.selected::part(button),.day-btn.selected .button-native,.day-btn.selected .button-inner{background:var(--ion-color-primary)!important;background-color:var(--ion-color-primary)!important}.day-btn:hover:not(.selected){--border-color: var(--ion-color-primary);--color: var(--ion-color-primary);--background: rgba(68, 157, 95, .05)}.day-btn:hover:not(.selected),.day-btn:hover:not(.selected)::part(native),.day-btn:hover:not(.selected)::part(button),.day-btn:hover:not(.selected) .button-native,.day-btn:hover:not(.selected) .button-inner{background:rgba(68,157,95,.05)!important;background-color:rgba(68,157,95,.05)!important}.available-day-btn{--background: linear-gradient(135deg, #a8d5ba 0%, #8fc9a8 100%);--color: white;--border-color: #7ab896;--border-width: 2px;cursor:default;opacity:1;box-shadow:0 2px 8px rgba(68,157,95,.15);transition:all .3s ease}.available-day-btn,.available-day-btn::part(native),.available-day-btn::part(button),.available-day-btn .button-native,.available-day-btn .button-inner{background:linear-gradient(135deg,#a8d5ba 0%,#8fc9a8 100%)!important;background-color:#a8d5ba!important;color:#fff!important;border-color:#7ab896!important;border-width:2px!important;box-shadow:0 2px 8px rgba(68,157,95,.15)!important}.available-day-btn.selected,.available-day-btn.selected::part(native),.available-day-btn.selected::part(button),.available-day-btn.selected .button-native,.available-day-btn.selected .button-inner{background:linear-gradient(135deg,#7ab896 0%,#6ba885 100%)!important;background-color:#7ab896!important;border-color:#5a9a75!important;box-shadow:0 3px 12px rgba(68,157,95,.25)!important}.available-day-btn[disabled],.available-day-btn[disabled]::part(native),.available-day-btn[disabled]::part(button),.available-day-btn[disabled] .button-native,.available-day-btn[disabled] .button-inner{opacity:1!important;cursor:default!important;pointer-events:none!important}.time-toggle{display:flex;gap:12px;margin-bottom:20px}.time-period-btn{--border-radius: 12px;--border-width: 2px;--border-color: #e8f5e8;--color: #6c757d;--background: transparent;--background-hover: transparent;--background-focused: transparent;--background-activated: transparent;--padding-start: 24px;--padding-end: 24px;font-weight:600;text-transform:none;transition:all .3s ease;--ripple-color: transparent;--inner-border-width: 0;--inner-padding-start: 0;--inner-padding-end: 0;--inner-padding-top: 0;--inner-padding-bottom: 0}.time-period-btn,.time-period-btn::part(native),.time-period-btn::part(button),.time-period-btn .button-native,.time-period-btn .button-inner{border-radius:12px;background:transparent!important;background-color:transparent!important;overflow:hidden}.time-period-btn.selected{--background: var(--ion-color-primary);--color: white;--border-color: var(--ion-color-primary);box-shadow:0 4px 12px rgba(68,157,95,.3)}.time-period-btn.selected,.time-period-btn.selected::part(native),.time-period-btn.selected::part(button),.time-period-btn.selected .button-native,.time-period-btn.selected .button-inner{background:var(--ion-color-primary)!important;background-color:var(--ion-color-primary)!important}.time-period-btn:hover:not(.selected){--border-color: var(--ion-color-primary);--color: var(--ion-color-primary);--background: rgba(68, 157, 95, .05)}.time-period-btn:hover:not(.selected),.time-period-btn:hover:not(.selected)::part(native),.time-period-btn:hover:not(.selected)::part(button),.time-period-btn:hover:not(.selected) .button-native,.time-period-btn:hover:not(.selected) .button-inner{background:rgba(68,157,95,.05)!important;background-color:rgba(68,157,95,.05)!important}.times-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.time-btn{--border-radius: 12px;--border-width: 2px;--border-color: #e8f5e8;--color: #6c757d;--background: transparent;--background-hover: transparent;--background-focused: transparent;--background-activated: transparent;font-size:12px;font-weight:500;text-transform:none;transition:all .3s ease;--ripple-color: transparent;--inner-border-width: 0;--inner-padding-start: 0;--inner-padding-end: 0;--inner-padding-top: 0;--inner-padding-bottom: 0}.time-btn,.time-btn::part(native),.time-btn::part(button),.time-btn .button-native,.time-btn .button-inner{border-radius:12px;background:transparent!important;background-color:transparent!important;overflow:hidden}.time-btn.selected{--background: var(--ion-color-primary);--color: white;--border-color: var(--ion-color-primary);box-shadow:0 4px 12px rgba(68,157,95,.3)}.time-btn.selected,.time-btn.selected::part(native),.time-btn.selected::part(button),.time-btn.selected .button-native,.time-btn.selected .button-inner{background:var(--ion-color-primary)!important;background-color:var(--ion-color-primary)!important}.time-btn:hover:not(.selected){--border-color: var(--ion-color-primary);--color: var(--ion-color-primary);--background: rgba(68, 157, 95, .05)}.time-btn:hover:not(.selected),.time-btn:hover:not(.selected)::part(native),.time-btn:hover:not(.selected)::part(button),.time-btn:hover:not(.selected) .button-native,.time-btn:hover:not(.selected) .button-inner{background:rgba(68,157,95,.05)!important;background-color:rgba(68,157,95,.05)!important}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding:24px;border-top:1px solid #e8f5e8;flex-shrink:0;background:white}.form-actions ion-button{--border-radius: 12px;--padding-start: 24px;--padding-end: 24px;font-weight:600;text-transform:none}.form-actions ion-button::part(native){border-radius:12px;overflow:hidden}.form-actions ion-button[fill=outline]{--border-color: #e8f5e8;--color: #6c757d;--background: transparent;--background-hover: transparent;--background-focused: transparent;--background-activated: transparent}.form-actions ion-button[fill=outline]::part(native){background:transparent;background-color:transparent}.form-actions ion-button[fill=outline]:hover{--border-color: var(--ion-color-primary);--color: var(--ion-color-primary);--background: rgba(68, 157, 95, .05)}.form-actions ion-button[fill=outline]:hover::part(native){background:rgba(68,157,95,.05);background-color:rgba(68,157,95,.05)}.form-actions ion-button:not([fill="outline"]){--background: var(--ion-color-primary) !important;--color: white !important;color:#fff!important;box-shadow:0 4px 12px rgba(68,157,95,.3)!important}.form-actions ion-button:not([fill="outline"])::part(native){background:var(--ion-color-primary)!important;background-color:var(--ion-color-primary)!important;color:#fff!important}.form-actions ion-button:not([fill="outline"]) .button-inner{color:#fff!important}.form-actions ion-button:not([fill="outline"]):hover{--background: var(--ion-color-primary-shade) !important;transform:translateY(-2px);box-shadow:0 6px 16px rgba(68,157,95,.4)!important}.form-actions ion-button:not([fill="outline"]):hover::part(native){background:var(--ion-color-primary-shade)!important;background-color:var(--ion-color-primary-shade)!important;color:#fff!important}.form-actions ion-button:not([fill="outline"]):hover .button-inner{color:#fff!important}.image-upload-section{display:flex;flex-direction:column;gap:16px}.image-preview{position:relative;display:inline-block;align-self:flex-start}.preview-image{width:100px;height:100px;border-radius:12px;object-fit:cover;border:2px solid #e8f5e8}.remove-image-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--ion-color-danger);color:#fff;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(235,68,90,.3)}.remove-image-btn:hover{background:var(--ion-color-danger-shade);transform:scale(1.1)}.file-input-wrapper{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-input-label{display:inline-block;padding:12px 24px;background:var(--ion-color-primary);color:#fff;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;text-align:center;transition:all .3s ease;border:2px solid var(--ion-color-primary)}.file-input-label:hover{background:var(--ion-color-primary-shade);transform:translateY(-2px);box-shadow:0 4px 12px rgba(68,157,95,.3)}.file-input-label:active{transform:translateY(0)}@media (max-width: 768px){.courts-container{padding:12px 12px 120px;height:calc(100vh - 100px);width:100%;margin:0;box-sizing:border-box}.courts-header{flex-direction:row;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.courts-title{font-size:20px;font-weight:600;display:flex;align-items:center;gap:8px;flex:1}.courts-title svg{width:20px;height:20px;margin-right:0}.add-court-btn{--padding-start: 12px;--padding-end: 12px;font-size:12px;--min-height: 36px;white-space:nowrap}.add-court-btn::part(native){box-shadow:0 2px 8px rgba(68,157,95,.3)}.add-court-btn svg{width:16px;height:16px;margin-right:4px}.controls-section{padding:16px}.search-controls{gap:12px}.filter-controls{flex-direction:row;flex-wrap:wrap;gap:12px}.filter-group{flex:1 1 calc(50% - 12px);min-width:0}.filter-item{min-width:100%}.pagination-section{flex-direction:column;gap:16px;text-align:center;margin-bottom:100px}.pagination-controls{justify-content:center}.page-numbers{flex-wrap:wrap;justify-content:center}.courts-list{grid-template-columns:1fr;gap:16px}.court-header{flex-direction:row;align-items:center;gap:16px}.court-name-section{gap:8px}.court-image{width:40px;height:40px}.court-name{font-size:18px}.court-fee{font-size:16px}.court-actions{align-self:center}.preview-image{width:80px;height:80px}.file-input-label{padding:10px 20px;font-size:13px}.availability-summary{flex-direction:column;gap:12px;align-items:stretch}.summary-stats{justify-content:center;gap:12px}.stat-item{font-size:12px;padding:4px 10px}.view-details-btn{align-self:center;font-size:11px}.availability-row{gap:4px}.availability-item{font-size:10px;padding:3px 8px}.form-modal{margin:10px;max-height:calc(100vh - 160px);position:relative;width:calc(100% - 20px);max-width:calc(100vw - 20px)}@supports (padding: max(0px)){.form-modal{max-height:calc(100vh - 160px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.form-modal-overlay{padding:80px 10px 20px;align-items:flex-start;min-height:100vh;min-height:100dvh}@supports (padding: max(0px)){.form-modal-overlay{padding-top:max(80px,env(safe-area-inset-top) + 80px);padding-bottom:max(20px,env(safe-area-inset-bottom) + 20px)}}.form-header{padding:6px 20px 0;position:sticky;top:0;background:white;z-index:10;border-bottom:1px solid #e8f5e8;flex-shrink:0}.court-form{padding:0 20px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.form-actions{bottom:0;background:white;z-index:10;border-top:1px solid #e8f5e8;margin-top:0;padding:16px 20px 20px;flex-shrink:0}.days-grid,.times-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column}.time-toggle{justify-content:center}}@media (max-width: 480px){.days-grid{grid-template-columns:1fr}.times-grid{grid-template-columns:repeat(2,1fr)}.court-actions{align-self:stretch;justify-content:center}.form-modal-overlay{padding:70px 5px 20px;min-height:100vh;min-height:100dvh}@supports (padding: max(0px)){.form-modal-overlay{padding-top:max(20px,env(safe-area-inset-top) + 20px);padding-bottom:max(20px,env(safe-area-inset-bottom) + 20px)}}.form-modal{margin:5px;max-height:calc(100vh - 130px);border-radius:16px;width:calc(100% - 10px);max-width:calc(100vw - 10px)}@supports (padding: max(0px)){.form-modal{max-height:calc(100vh - 130px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.form-header{padding:8px 16px 0}.court-form{padding:0 16px;-webkit-overflow-scrolling:touch;min-height:0;flex:1;overflow-y:auto}.courts-header{margin-bottom:15px;padding-bottom:12px}.courts-title{font-size:18px;font-weight:600}.courts-title svg{width:18px;height:18px}.add-court-btn{--padding-start: 10px;--padding-end: 10px;font-size:11px;--min-height: 32px}.add-court-btn::part(native){box-shadow:0 2px 8px rgba(68,157,95,.3)}.add-court-btn svg{width:14px;height:14px;margin-right:3px}}@media (max-width: 360px){.courts-title{font-size:16px}.courts-title svg{width:16px;height:16px}.add-court-btn{--padding-start: 8px;--padding-end: 8px;font-size:10px;--min-height: 30px}.add-court-btn svg{width:12px;height:12px;margin-right:2px}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px rgba(51,51,51,.5)}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:rgba(0,0,0,.1)}.rbc-show-more{background-color:rgba(255,255,255,.3);z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px rgba(0,0,0,.25);padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:rgba(0,0,0,.5);color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.custom-calendar-container{width:100%;padding:10px}.calendarStyles{height:500px;width:100%}.custom-toolbar{display:flex;justify-content:space-between;align-items:center;background-color:#1779c9;padding:10px;color:#fff}.custom-prev-button,.custom-next-button{font-size:20px;background:none;border:none;cursor:pointer;outline:none;color:#fff;flex:1}.custom-month{font-size:20px;font-weight:700}.custom-view-buttons{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:10px}.custom-view-buttons button{margin-right:10px;border:none;background:none;cursor:pointer;font-weight:700;color:#333;transition:color .2s;color:#c4c4c4;font-family:Roboto;font-size:20px;font-style:normal;font-weight:800;line-height:normal}.custom-view-buttons button.active,.custom-view-buttons button:hover{color:#1779c9}.rbc-event{background-color:#1779c9;display:flex;justify-content:center;align-items:center;width:90%;font-size:14px;margin-left:5px}.rbc-month-view .rbc-event{margin:auto;width:90%}@media (max-width: 767px){.calendarStyles{height:80vh;width:90vw}.rbc-event{font-size:8px;width:100%}.custom-prev-button,.custom-next-button{flex:0}}.availableDaysTxt{color:#4c4947;font-family:Roboto;font-size:18px;font-style:normal;font-weight:800;line-height:normal}.subtext{margin-top:2px;color:#6c757d;font-family:Roboto;font-size:13px}.custom-row{width:100%;max-width:500px;margin:0 auto;border:none;height:85vh;padding:20px 20px 100px;overflow-y:auto}.page-scroll-container,.custom-row{scrollbar-width:none}.page-scroll-container::-webkit-scrollbar,.custom-row::-webkit-scrollbar{width:0px;height:0px}.scanner-section{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;border:1px solid #e9ecef}.scanner-section h3{color:#4c4947;font-family:Roboto;font-size:16px;font-weight:600;margin-bottom:15px}.scanner-container{position:relative;width:100%;max-width:400px;height:300px;margin:0 auto 20px;border:2px solid var(--ion-color-primary);border-radius:16px;overflow:hidden;background-color:#f8f9fa}.scan-instruction{position:absolute;top:8px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.6);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;z-index:2}.scanner-video{width:100%;height:100%;object-fit:cover}.scanner-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6c757d;text-align:center}.scanner-placeholder ion-icon{font-size:48px;margin-bottom:10px;color:var(--ion-color-primary)}.scanner-placeholder p{margin:0;font-family:Roboto;font-size:14px}.scanner-controls{text-align:center;margin-bottom:15px}.scannerBtn{--border-radius: 10px;--background: var(--ion-color-primary);color:#fff;font-family:Roboto;font-size:14px;font-weight:600;text-transform:none;min-width:150px;height:40px}.scannerBtn.stopBtn{--background: #dc3545}.scanned-qr{background-color:#e7f3ff;border:1px solid var(--ion-color-primary);border-radius:6px;padding:15px;margin-top:15px}.scanned-qr p{margin:5px 0;font-family:Roboto;font-size:14px}.qr-code{font-family:monospace;background-color:#f8f9fa;padding:5px 8px;border-radius:4px;word-break:break-all;font-size:12px}.status-section{margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.status-section h3{color:#4c4947;font-family:Roboto;font-size:16px;font-weight:600;margin-bottom:15px}.status-indicator{padding:10px 20px;border-radius:6px;font-family:Roboto;font-size:14px;font-weight:600;text-align:center;min-width:150px;display:inline-block}.status-indicator ion-icon{margin-right:6px;vertical-align:middle;font-size:18px}.status-indicator.checked-in{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-indicator.checked-out{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-indicator:not(.checked-in):not(.checked-out){background-color:#e2e3e5;color:#6c757d;border:1px solid #d6d8db}.check-section{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;border:1px solid #e9ecef}.check-section h3{color:#4c4947;font-family:Roboto;font-size:16px;font-weight:600;margin-bottom:15px}.time-display{color:#6c757d;font-family:Roboto;font-size:14px;margin-bottom:15px}.checkBtn{--border-radius: 10px;color:#fff;font-family:Roboto;font-size:14px;font-style:normal;font-weight:600;line-height:normal;text-transform:none;min-width:120px;height:40px}.checkInBtn{--background: #28a745}.checkInBtn:hover:not([disabled]){--background: #218838}.checkOutBtn{--background: #dc3545}.checkOutBtn:hover:not([disabled]){--background: #c82333}.checkBtn[disabled]{--background: #6c757d;opacity:.6}.summary-section{margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.summary-section h3{color:#4c4947;font-family:Roboto;font-size:16px;font-weight:600;margin-bottom:20px}.summary-grid{display:grid;grid-template-columns:1fr;gap:15px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#fff;border-radius:6px;border:1px solid #e9ecef}.summary-label{color:#4c4947;font-family:Roboto;font-size:14px;font-weight:500}.summary-value{color:#6c757d;font-family:Roboto;font-size:14px;font-weight:400}@media (max-width: 768px){.custom-row{width:100%;max-width:100%;height:max-content;margin:0 auto 30%;padding:15px 15px 120px}.scanner-section,.status-section,.check-section,.summary-section{padding:15px;margin-bottom:20px}.scanner-container{height:250px;max-width:100%}.scan-instruction{font-size:11px}.scannerBtn{font-size:12px;min-width:120px;height:35px}.checkBtn{font-size:12px;min-width:100px;height:35px}.status-indicator{display:block;width:100%;box-sizing:border-box}.checkBtn{width:100%;min-width:0;box-sizing:border-box}.summary-grid{gap:10px}.summary-item{padding:8px 12px;flex-direction:column;align-items:flex-start;gap:5px}.summary-label,.summary-value{font-size:12px}.scanned-qr{padding:10px}.qr-code{font-size:10px}}.attendance-tracker-container .custom-row{width:100%;max-width:100%;margin:0;border:none;height:auto;padding:0;overflow-y:visible}.attendance-tracker-container{scrollbar-width:none;-ms-overflow-style:none}.attendance-tracker-container::-webkit-scrollbar{display:none}.attendance-tracker-container .page-scroll-container,.attendance-tracker-container .custom-row{scrollbar-width:none}.attendance-tracker-container .page-scroll-container::-webkit-scrollbar,.attendance-tracker-container .custom-row::-webkit-scrollbar{width:0px;height:0px}.attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e8f5e8}.refresh-attendance-btn{--background: var(--ion-color-primary);--color: white;--border-radius: 12px;--padding-start: 20px;--padding-end: 20px;font-weight:600;text-transform:none;transition:all .3s ease}.refresh-attendance-btn:hover::part(native){box-shadow:0 6px 16px rgba(68,157,95,.4)}.filters-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr;gap:16px;align-items:end}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-item ion-label{color:#4c4947;font-family:Roboto;font-size:18px;font-weight:600;margin-bottom:4px}.filter-item ion-item{--background: #ffffff;--border-radius: 8px;--inner-border-width: 0;--padding-start: 12px;--padding-end: 12px;--min-height: 48px;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.filter-item ion-item:hover{border-color:#e9ecef;--background: #ffffff}.filter-item ion-item:focus-within{border-color:#e9ecef;--background: #ffffff}.filter-item ion-input{--padding-top: 12px;--padding-bottom: 12px;--background: #ffffff;--placeholder-color: #6c757d;font-size:14px}.date-picker-modal{--width: 320px;--height: 380px;--border-radius: 12px;--box-shadow: 0 10px 30px rgba(0, 0, 0, .15)}.modal-header{--background: #ffffff;padding:0}.modal-header ion-toolbar{--background: #ffffff;--border-width: 0;--min-height: 44px;--padding-start: 12px;--padding-end: 8px}.filter-modal ion-header ion-toolbar:first-of-type{--min-height: 44px;--padding-start: 0px;--padding-end: 8px;margin-left:10px}.filter-modal ion-header ion-toolbar:first-of-type ion-title.modal-title{display:flex;align-items:left;padding:0}.modal-title{font-size:16px;font-weight:600;color:#2d3748}.close-button{--color: #666;font-size:14px;font-weight:500}.close-button:hover{--color: #449d5f}.modal-content{--background: #ffffff;--padding-start: 0;--padding-end: 0}.date-picker-container{padding:0 16px 20px}.custom-datetime{--background: #ffffff;width:100%}.date-input-item,.status-input-item,.court-input-item{--background: #ffffff;--border-radius: 8px;--inner-border-width: 0;--padding-start: 12px;--padding-end: 12px;--min-height: 48px;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease;cursor:pointer;--detail-icon-opacity: 0 !important;--detail-icon-color: transparent !important;--detail-icon-font-size: 0 !important}.date-input-item:hover,.status-input-item:hover,.court-input-item:hover{border-color:#e9ecef;--background: #ffffff}.date-input-item:focus-within,.status-input-item:focus-within,.court-input-item:focus-within{border-color:#e9ecef;--background: #ffffff}.status-input-item ion-input,.court-input-item ion-input,.date-input-item ion-input{--padding-top: 12px;--padding-bottom: 12px;--background: #ffffff;font-size:14px;color:#333;cursor:pointer}.status-input-item ion-icon,.court-input-item ion-icon,.date-input-item ion-icon{color:#666;font-size:18px;min-width:20px;max-width:20px;flex-shrink:0}.status-input-item:hover ion-icon,.court-input-item:hover ion-icon,.date-input-item:hover ion-icon{color:#449d5f}.search-icon:hover{color:#449d5f}.dropdown-icon{color:#449d5f;font-size:18px;min-width:20px;max-width:20px;flex-shrink:0;margin-left:8px}.status-input-item ion-input,.court-input-item ion-input,.date-input-item ion-input{--background: transparent !important;cursor:pointer}.status-input-item ion-input,.court-input-item ion-input,.date-input-item ion-input{--ion-icon: none !important}.status-input-item ion-input::part(native),.court-input-item ion-input::part(native),.date-input-item ion-input::part(native){padding-right:40px}.status-input-item ion-input .native-input-wrapper,.court-input-item ion-input .native-input-wrapper,.date-input-item ion-input .native-input-wrapper{padding-right:0}.status-input-item button .item-native:after,.court-input-item button .item-native:after,.date-input-item button .item-native:after{display:none!important;content:none!important}.status-input-item::part(native):after,.court-input-item::part(native):after,.date-input-item::part(native):after{display:none!important;content:none!important}.status-input-item button ion-icon.ionicon-ios-arrow-forward,.court-input-item button ion-icon.ionicon-ios-arrow-forward,.date-input-item button ion-icon.ionicon-ios-arrow-forward,.status-input-item button ion-icon[part=end],.court-input-item button ion-icon[part=end],.date-input-item button ion-icon[part=end]{display:none!important}.status-input-item ion-input input,.court-input-item ion-input input,.date-input-item ion-input input{background:transparent!important}.status-input-item:hover ion-input input,.court-input-item:hover ion-input input,.date-input-item:hover ion-input input{background:transparent!important}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6c757d}.loading-container ion-spinner{margin-bottom:15px}.loading-container p{font-family:Roboto;font-size:14px;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6c757d;text-align:center}.empty-state ion-icon{font-size:48px;margin-bottom:15px;color:var(--ion-color-primary)}.empty-state p{font-family:Roboto;font-size:14px;margin:0}.appointments-table-container{overflow-x:auto;overflow-y:auto;max-height:600px;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-top:-10px;flex-wrap:wrap;gap:12px}.pagination-rows-selector{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:16px}.player-bookings-modal{--width: 480px;--height: 600px;--border-radius: 16px;--box-shadow: 0 20px 40px rgba(0, 0, 0, .1)}@media (max-width: 767px){.player-bookings-modal{--width: 95%;--height: 75%;--border-radius: 20px;--box-shadow: 0 25px 50px rgba(0, 0, 0, .15);padding-bottom:40px;top:-50px}}.player-bookings-modal ion-header{--background: #ffffff;border-bottom:1px solid #f0f0f0;border-radius:20px 20px 0 0}.player-bookings-modal ion-toolbar{--background: #ffffff;--border-width: 0;--min-height: 50px;--padding-start: 0px;--padding-end: 16px;--padding-top: 1px;--text-align: left}.player-bookings-modal ion-title{font-size:18px;font-weight:600;color:#2d3748}@media (max-width: 767px){.player-bookings-modal ion-toolbar{--padding-start: 0px;--padding-end: 12px}.player-bookings-modal ion-title{font-size:16px;font-weight:700}}.close-modal-btn{--color: #666;font-size:14px;font-weight:500;--padding-start: 12px;--padding-end: 12px}.close-modal-btn:hover{--color: #449d5f}.bookings-modal-content{padding:24px;background:#ffffff;min-height:400px}.empty-bookings{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6c757d}.empty-icon{font-size:48px;color:#cbd5e0;margin-bottom:16px}.empty-bookings p{font-size:16px;font-weight:500;margin:0;color:#718096}.bookings-list{display:flex;flex-direction:column;gap:16px}.booking-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}.booking-card:hover{border-color:#449d5f;box-shadow:0 8px 25px rgba(68,157,95,.15);transform:translateY(-2px)}@media (max-width: 767px){.booking-card{padding:20px;border-radius:12px;margin-bottom:16px}.booking-card:hover{transform:translateY(-1px)}}.booking-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:12px 12px 0 0}.booking-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.court-info h3{color:#2d3748;font-size:20px;font-weight:700;margin:0 0 8px;line-height:1.2}.time-slot{color:#449d5f;font-size:15px;font-weight:600;background:linear-gradient(135deg,#f0fff4,#e8f5e8);padding:8px 12px;border-radius:8px;display:inline-block;border:1px solid #d4edda}@media (max-width: 767px){.booking-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.court-info h3{font-size:18px;margin-bottom:6px}.time-slot{font-size:14px;padding:6px 10px}}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.status-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.status-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-badge.status-medium{background:#e2e3e5;color:#6c757d;border:1px solid #d6d8db}.booking-details{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;background:#f8f9fa;padding:16px;border-radius:12px;border:1px solid #e9ecef}.detail-icon{color:#449d5f;font-size:18px;min-width:18px;flex-shrink:0}.detail-content{display:flex;flex-direction:column;gap:4px;flex:1}.detail-label{font-size:12px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.detail-value{font-size:15px;color:#2d3748;font-weight:600}.detail-row{display:flex;align-items:center;gap:14px;padding:4px 0;position:relative;justify-content:space-between}.detail-row .detail-content{flex:1}.override-button{--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;--min-height: 36px;font-size:13px;font-weight:600;margin-left:auto;flex-shrink:0;transition:all .2s ease}.override-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(68,157,95,.2)}.override-button[color=primary]{--border-color: var(--ion-color-primary);--color: var(--ion-color-primary)}.override-button[color=primary]:hover{--background: var(--ion-color-primary);--color: white}.override-button[color=success]{--border-color: var(--ion-color-success);--color: var(--ion-color-success)}.override-button[color=success]:hover{--background: var(--ion-color-success);--color: white}@media (max-width: 767px){.booking-details{gap:14px;margin-bottom:16px;padding:14px;border-radius:10px}.detail-row{gap:12px;flex-wrap:wrap}.override-button{width:100%;margin-left:0;margin-top:8px}.detail-icon{font-size:16px;min-width:16px}.detail-label{font-size:11px;letter-spacing:.6px}.detail-value{font-size:14px}}.primary-indicator{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#449d5f,#68d391);color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:700;width:fit-content;box-shadow:0 3px 8px rgba(68,157,95,.25);border:1px solid rgba(255,255,255,.2)}.primary-indicator ion-icon{font-size:16px}@media (max-width: 767px){.primary-indicator{padding:8px 14px;border-radius:8px;font-size:12px;gap:6px}.primary-indicator ion-icon{font-size:14px}}.attendance-title-container{display:flex;align-items:center;gap:10px}.attendance-icon{font-size:24px;color:var(--ion-color-primary)}.attendance-title{color:var(--ion-color-primary);font-size:28px;font-weight:700;margin:0;display:flex;align-items:center}@media (max-width: 1024px){.filters-grid{grid-template-columns:1fr 1fr;gap:12px}.pagination-rows-selector>div{margin:0!important;display:flex!important;align-items:center!important}}@media (max-width: 767px){.attendance-tracker-container{width:100%;margin:0;padding:16px 16px 100px;height:calc(100vh - 120px);overflow-y:auto}.attendance-tracker-container .custom-row{width:100%;max-width:100%;height:auto;margin:0;padding:0}.filters-grid{grid-template-columns:1fr;gap:12px}.attendance-header{margin-bottom:20px;padding-bottom:15px}.attendance-title{font-size:20px;font-weight:600;flex-direction:column;align-items:flex-start;gap:5px}.attendance-title ion-icon{font-size:20px;margin-right:0;margin-bottom:2px}.refresh-attendance-btn{--padding-start: 12px;--padding-end: 12px;font-size:12px;--min-height: 36px}.refresh-attendance-btn::part(native){box-shadow:0 2px 8px rgba(68,157,95,.3)}.filters-section,.table-section{margin-bottom:20px}.table-header{flex-direction:column;align-items:flex-start;gap:10px}.pagination-container{flex-direction:column;align-items:stretch;margin-top:20px;padding:20px 16px;background-color:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;min-height:120px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.pagination-container>*{display:block!important;visibility:visible!important;opacity:1!important}.pagination-rows-selector{margin-left:0;margin-right:0;justify-content:center;order:2;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;gap:12px;flex-wrap:wrap}.rows-label{color:#333!important;font-size:13px!important;font-weight:600!important;white-space:nowrap;margin-right:8px}.pagination-info{text-align:center;order:1;display:block!important;visibility:visible!important;opacity:1!important;color:#333!important;font-size:14px!important}.pagination-navigation{justify-content:center;order:3;flex-wrap:wrap;gap:6px;display:flex!important;visibility:visible!important;opacity:1!important;width:100%}.pagination-navigation ion-button{min-width:44px!important;height:44px!important;font-size:14px!important;--border-radius: 8px !important;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1) !important}.pagination-navigation ion-button[fill=solid]{--background: #449d5f !important;--color: white !important}.pagination-navigation ion-button[fill=clear]{--color: #666 !important;--background: transparent !important}.pagination-navigation ion-button:hover{--background: #f8f9fa !important;transform:translateY(-1px);transition:all .2s ease}.pagination-rows-selector>*{display:flex!important;align-items:center!important}.pagination-rows-selector span{margin-right:8px!important}.pagination-rows-selector>div{margin:0!important;display:flex!important;align-items:center!important}@media (max-width: 480px){.pagination-container{padding:16px 12px;margin-top:15px}.pagination-info,.rows-label{font-size:13px!important}.pagination-navigation{gap:4px}.pagination-navigation ion-button{min-width:40px!important;height:40px!important;font-size:13px!important}.modal-title{font-size:13px}}@media (max-width: 360px){.pagination-container{padding:12px 8px;margin-top:12px}.pagination-info,.rows-label{font-size:12px!important}.pagination-navigation ion-button{min-width:36px!important;height:36px!important;font-size:12px!important}}.filter-modal,.date-picker-modal{--width: 90%;--height: auto}.player-bookings-modal{--width: 95%;--height: 75%}.bookings-modal-content,.booking-card{padding:16px}.booking-header{flex-direction:column;align-items:flex-start;gap:12px}.court-info h3{font-size:16px}.detail-row{gap:8px}}@media (max-width: 480px){.modal-content{padding:12px}.attendance-title{font-size:18px;font-weight:600}.attendance-title ion-icon{font-size:18px}.refresh-attendance-btn{--padding-start: 10px;--padding-end: 10px;font-size:11px;--min-height: 32px}.appointment-header{flex-direction:column;align-items:flex-start;gap:6px}.filter-options-container{padding:4px 0}.option-content{padding:12px 0;min-height:44px}.option-text{font-size:14px}}@media (max-width: 360px){.attendance-title{font-size:16px}.attendance-title ion-icon{font-size:16px}.refresh-attendance-btn{--padding-start: 8px;--padding-end: 8px;font-size:10px;--min-height: 30px}.pagination-container{margin-top:15px;padding:12px;background-color:#fff;border:2px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;min-height:60px}.pagination-navigation ion-button{min-width:35px!important;height:35px!important;font-size:12px!important}}@media (max-width: 767px){.attendance-tracker-container ion-row ion-col div{display:none!important}.attendance-tracker-container .custom-row{margin-top:0}.attendance-header{margin-top:0;padding-top:10px}}.filter-modal,.date-picker-modal{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.table-section+div ion-row{margin-top:-10px}.table-section+div ion-row .pagination-container{margin-top:0;padding-top:4px}.ts-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.ts-label{font-size:12px;color:#6c757d;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.ts-value{font-size:18px;color:#2d3748;font-weight:800}.ts-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;justify-content:flex-end;margin-left:auto}.ts-header-actions ion-button{--padding-start: 16px;--padding-end: 16px;--border-radius: 999px}@media (max-width: 768px){.ts-header-actions{gap:6px}.ts-header-actions ion-button{--padding-start: 10px;--padding-end: 10px;--border-radius: 20px;height:35px;font-size:12px}}.date-picker-modal{--width: 300px !important;--height: 400px !important}.forgot{color:#000;font-family:Roboto;font-size:14.633px;font-style:normal;font-weight:400;margin-bottom:5px}.boxSuccess{border-radius:10px;background:rgba(255,255,255,.6);width:70%;padding:20px 50px}.rowPassHeight{height:100%;overflow:hidden}.welcomePassTxt{color:#1779c9;font-family:Roboto;font-size:21.95px;font-style:normal;font-weight:800;line-height:normal}@media (max-width: 768px){.welcomePassTxt{font-size:20px}}._pageContainer_1lur9_1{justify-content:initial!important}._topbarRow_1lur9_6{padding:0!important;position:relative!important;height:2.5rem!important}._sideBarRowWEb_1lur9_14{padding:0!important;height:100vh!important}._sideBarRowMobile_1lur9_18{padding:0!important;position:absolute!important;height:100vh!important}._rescheduleHeader_1lur9_26{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e8f5e8}._attendance-title_1lur9_35{color:var(--ion-color-primary);font-size:28px;font-weight:700;margin:0;display:flex;align-items:center}._attendance-title-container_1lur9_43{display:flex;align-items:center;gap:10px}._searchRow_1lur9_51{margin:10px;padding:0;display:flex;justify-content:start;align-items:center}._searchInput_1lur9_58{height:3.5rem!important;width:100%!important;border-radius:12px!important;background-color:transparent!important;border:1px solid #dee0de!important;padding:1rem}._searchInput_1lur9_58:focus{border:1px solid #449d5f!important}input._searchInput_1lur9_58:focus{outline-width:0}._courtSelectContainer_1lur9_76{border-radius:12px!important;border:1px solid #dee0de!important;padding:0px 1rem 0;height:3.5rem!important}._courtSelectContainer_1lur9_76:focus-within{border:1px solid #449d5f!important}._clearFilterButton_1lur9_85{--background: transparent !important;--color: #606060 !important;--box-shadow: none !important;border-radius:16px;border:1px solid #449d5f!important}._contentContainerRowWeb_1lur9_96{margin-left:16rem!important;margin-right:2rem!important;margin-top:.5rem!important;color:#000!important;width:auto!important;z-index:102!important;overflow-y:auto!important}._contentContainerRowMobile_1lur9_106{color:#000!important;margin-top:5rem!important;margin-left:0!important;margin-right:0!important;position:absolute!important;height:84vh!important;overflow:hidden!important;width:100%!important;z-index:102!important;overflow-y:auto!important}._containerCol_1lur9_118{padding:1rem!important}._cardContainer_1lur9_123{padding:0 1rem!important;border-radius:12px!important;box-shadow:0 4px 20px rgba(0,0,0,.08)!important;border:1px solid #e8f5e8!important;transition:all .3s ease!important}._listContainer_1lur9_130{--background: white;color:#000}._listRowContainer_1lur9_134{width:100%}._paddingZero_1lur9_137{padding:0!important}._paginationRow_1lur9_142{padding:8px;margin:10px;border:1px solid #e8f5e8;border-radius:12px;background-color:#f8f9fa}._paginationCol_1lur9_151{display:flex;justify-content:center;align-items:center;gap:10px}._paginationCard_1lur9_157{display:flex;justify-content:center;align-items:center;border-radius:12px}._paginationButtonContainer_1lur9_164{display:flex;justify-content:center;align-items:center;gap:10px}._paginationButton_1lur9_164{--border-radius: 12px;--border-color: #b8b8b8;--color: #b8b8b8}._activeButton_1lur9_175{--color: white;--border-radius: 12px;--border: 1px solid var(--ion-color-primary);width:47px}._paginationIcon_1lur9_181{font-size:32px;margin:10px;color:var(--ion-color-primary)}@media screen and (max-width: 480px){._paginationIcon_1lur9_181{font-size:80px}._courtSelectContainer_1lur9_76{padding:5px 1rem 0}}._tableWrapper_ypw0j_1{width:100%;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}._scrollWrapper_ypw0j_9::-webkit-scrollbar{display:none}._tableContainer_ypw0j_12{width:100%;min-width:1500px;border-collapse:collapse;border-spacing:0}._headerTr_ypw0j_18{border-bottom:1px solid #ddd}._headerTh_ypw0j_21{text-align:left;background:rgb(102,102,102,.1);color:#000}._noDataTd_ypw0j_26{display:table-cell;justify-content:center;padding:10px!important;text-align:center;border:none;background-color:rgba(175,174,174,.1)}._bodyTd_ypw0j_36{padding:10px!important;text-align:left;border:none}._dateCol_ypw0j_41{display:flex;align-items:center;gap:8px}._statusChip_ypw0j_46{--background: #ffbd31 !important;--color: #ff6e00 !important;font-weight:500!important}._chipText_ypw0j_51{text-transform:capitalize}._actionButton_ypw0j_54{--background: transparent !important;--box-shadow: none !important;--padding-start: 0 !important;--padding-end: 0 !important;--min-width: 0 !important}._actionIcon_ypw0j_61{font-size:26px!important;color:#606060!important}._popoverItem_ypw0j_65{--background: transparent !important;color:#000!important}._approveIcon_ypw0j_69{color:green!important}._rejectIcon_ypw0j_72{color:red!important}._cardContainer_px082_1{border-radius:12px!important;box-shadow:0 4px 20px rgba(0,0,0,.1)!important;padding:1rem;text-align:center}._cardHeaderRow_px082_9{display:flex;justify-content:center;align-items:center;height:50px!important}._bookIdCol_px082_15{display:flex;justify-content:flex-start;align-items:center}._actionCol_px082_20{display:flex;justify-content:flex-end;align-items:center}._divider_px082_27{width:100%;height:1px;background-color:#ccc;margin:10px 0}._bookerCol_px082_35{display:flex;justify-content:flex-start;align-items:center}._courtCol_px082_40{display:flex;justify-content:flex-end;align-items:center}._appointmentCol_px082_46{display:flex;justify-content:flex-start;align-items:center}._arrowCol_px082_51{display:flex;justify-content:center;align-items:center}._requestedCol_px082_56{display:flex;justify-content:flex-end;align-items:center}._requestedChip_px082_61{height:100%!important;width:100%!important}._actionButton_px082_68{--background: transparent !important;--box-shadow: none !important;--padding-start: 0 !important;--padding-end: 0 !important;--min-width: 0 !important}._actionIcon_px082_75{font-size:18px!important;color:#606060!important}._popoverItem_px082_79{--background: transparent !important;color:#000!important}._approveIcon_px082_83{color:green!important}._rejectIcon_px082_86{color:red!important}ion-popover{--box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .6);--color: white;--width: 180px}.court-bookings-container{width:100%;margin:0;padding:24px 24px 32px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:calc(100vh - 120px);overflow-y:auto;box-sizing:border-box;background:#fafbfc}.court-bookings-container::-webkit-scrollbar{display:none}.court-bookings-container{-ms-overflow-style:none;scrollbar-width:none}.court-bookings-card{margin:0;box-shadow:0 1px 3px rgba(0,0,0,.05);border-radius:16px;overflow:visible;border:1px solid #eef2f6;background:#ffffff;min-height:auto}.court-bookings-card ion-card-content{height:920px;min-height:800px}.court-bookings-title{display:flex;align-items:center;gap:12px;font-size:1.375rem;font-weight:600;color:#111827;margin:0;padding:1.5rem;border-bottom:1px solid #f3f4f6}.title-icon{font-size:1.5rem;color:#059669}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;min-height:300px}.loading-container p{margin:0;color:#6b7280;font-size:.95rem;text-align:center;font-weight:400}.custom-calendar-container{width:100%;padding:0;margin-bottom:12px}.custom-view-buttons{display:flex;justify-content:center;align-items:center;gap:48px;margin-bottom:24px;padding:0 1.5rem}.custom-view-buttons button{border:none;background:none;cursor:pointer;font-weight:500;color:#9ca3af;font-family:Inter,sans-serif;font-size:15px;line-height:normal;transition:all .2s ease;padding:8px 0;position:relative}.custom-view-buttons button.active{color:#111827;font-weight:600}.custom-view-buttons button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#059669;border-radius:2px}.custom-view-buttons button:hover{color:#374151}.custom-toolbar{display:flex;justify-content:center;align-items:center;background-color:transparent;padding:1.25rem 1.5rem;color:#111827;border-bottom:1px solid #f3f4f6;gap:8px}.custom-prev-button,.custom-next-button{font-size:13px;background:#ffffff;border:1px solid #e5e7eb;cursor:pointer;outline:none;color:#374151;padding:4px 8px;border-radius:8px;transition:all .2s ease;font-weight:500;min-width:28px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:auto;flex:0 0 auto}.custom-prev-button:hover,.custom-next-button:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.custom-month{font-size:16px;font-weight:600;color:#111827;letter-spacing:-.25px}.custom-month-button{background:transparent;border:1px solid transparent;padding:4px 8px;border-radius:8px;cursor:pointer}.custom-month-button:hover{border-color:#e5e7eb;background:#f9fafb}.court-bookings-calendar{width:100%;height:710px;min-height:710px;overflow:visible!important}.rbc-header{padding:16px 8px;font-weight:500;color:#374151;border-bottom:1px solid #f3f4f6;background:#ffffff;font-size:13px;text-transform:uppercase;letter-spacing:.3px}.rbc-day-bg{border:1px solid #f8fafc;transition:background-color .2s ease;position:relative;overflow:visible!important}.rbc-day-bg:hover{background:#f9fafb}.rbc-month-view{border:1px solid #f3f4f6;border-radius:12px;overflow:visible!important;background:white;height:100%}.rbc-month-row{min-height:120px;flex:1 0 120px;overflow:visible!important;position:relative}.rbc-date-cell{text-align:left;padding:10px 8px 4px;position:relative;height:100%;overflow:visible;z-index:1}.rbc-date-cell button{border:none;background:none;width:32px;height:32px;border-radius:8px;margin:0;font-size:14px;color:#374151;transition:all .2s ease;font-weight:500;position:absolute;top:8px;left:8px;display:flex;align-items:center;justify-content:center}.rbc-date-cell button:hover{background-color:#f3f4f6;color:#111827}.rbc-today button{background-color:#059669;color:#fff;font-weight:600}.rbc-off-range button{color:#d1d5db}.rbc-event{background-color:transparent!important;border:none!important;padding:0!important;margin:0!important}.rbc-month-view .rbc-event{background-color:transparent!important;border:none!important;padding:0!important;margin:0!important;position:relative!important;overflow:visible!important}.booking-count-event{display:flex;justify-content:flex-start;align-items:flex-start;position:absolute;top:46px;left:8px;margin-left:0;z-index:100;pointer-events:none}.count-badge{background:#ffffff;color:#059669;border-radius:6px;padding:4px 8px;display:flex;flex-direction:row;align-items:center;gap:4px;transition:all .2s ease;font-size:11px;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid #e5e7eb;min-width:auto;max-width:60px;z-index:101;position:relative}.badge-icon{font-size:12px;color:#059669;flex-shrink:0}.count-number-badge{background:#059669;color:#fff;border-radius:4px;padding:1px 4px;display:flex;align-items:center;justify-content:center;min-width:16px;min-height:16px}.count-number{font-size:10px;font-weight:600;color:#fff}.rbc-row-content{position:relative;flex:1;overflow:visible!important}.rbc-row{flex:1;overflow:visible!important}.rbc-day-slot{overflow:visible!important;position:relative}.rbc-event-content,.rbc-events-container,.rbc-event-segment{overflow:visible!important}ion-modal{--width: 94%;--max-width: 1400px;--height: 88%;--border-radius: 20px;--box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .15)}ion-modal::part(backdrop){background:rgba(0,0,0,.4);backdrop-filter:blur(8px)}ion-modal ion-header{background:#ffffff;border-bottom:1px solid #f3f4f6}ion-modal ion-toolbar{--background: transparent;--border-width: 0}.court-bookings-modal ion-toolbar,.filter-modal ion-toolbar{padding:8px 16px;--min-height: 40px}.court-bookings-modal ion-title,.filter-modal ion-title{text-align:left}.court-bookings-modal ion-header ion-toolbar:first-of-type{padding-top:8px!important}.filter-modal ion-header ion-toolbar:first-of-type{height:44px}.court-bookings-modal ion-header ion-toolbar .toolbar-container,.filter-modal ion-header ion-toolbar .toolbar-container{padding-inline-start:0!important}ion-modal ion-title{font-size:1.25rem;font-weight:600;color:#111827;letter-spacing:-.25px}ion-modal ion-content{--background: #ffffff;--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0}.bookings-table-container{padding:0;height:100%;display:flex;flex-direction:column;background:#ffffff}.search-controls{margin:0;padding:24px;background:#ffffff;border-bottom:1px solid #f3f4f6}.search-bar{--background: #f9fafb;--border-radius: 12px;--box-shadow: none;--placeholder-color: #9ca3af;--color: #374151;margin-bottom:16px;--clear-button-color: #6b7280}.filter-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.court-filter{flex:1;min-width:200px;--background: #f9fafb;--border-radius: 12px;--box-shadow: none;--placeholder-color: #9ca3af}.filter-controls ion-button{--border-radius: 12px;font-weight:500;--background: #111827;--color: white;--box-shadow: none;margin:0;--padding-top: 12px;--padding-bottom: 12px}.filter-controls ion-button:hover{--background: #374151}.bookings-summary{margin:0;padding:24px;background:#ffffff;border-bottom:1px solid #f3f4f6}.bookings-summary h3{margin:0 0 6px;color:#111827;font-size:1.125rem;font-weight:600;letter-spacing:-.25px}.bookings-summary p{margin:0;color:#6b7280;font-size:.875rem;font-weight:400}.bookings-table-wrapper{flex:1;overflow-x:auto;background:#ffffff;margin:0;border:none;box-shadow:none}.bookings-table{width:100%;border-collapse:separate;border-spacing:0;background:white;font-size:.875rem;min-width:1100px}.bookings-table thead{background:#f9fafb;position:sticky;top:0;z-index:10}.bookings-table th{padding:16px;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;border-bottom:1px solid #e5e7eb;background:#f9fafb;font-family:Inter,sans-serif}.bookings-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.bookings-table tbody tr:hover{background:#f9fafb;transform:none;box-shadow:none}.bookings-table tbody tr:last-child{border-bottom:none}.bookings-table td{padding:16px;vertical-align:middle;color:#374151;font-weight:400}.court-cell,.time-cell,.player-cell{display:flex;align-items:center;gap:10px}.court-cell ion-icon,.time-cell ion-icon,.player-cell ion-icon{color:#6b7280;font-size:1rem;opacity:.8}.player-info{display:flex;flex-direction:column}.player-name{font-weight:500;color:#111827;font-size:.875rem;margin-bottom:2px}.player-email{font-size:.75rem;color:#6b7280;font-weight:400}.players-count{display:flex;flex-direction:column;align-items:center;text-align:center}.total-players{font-size:1rem;font-weight:600;color:#111827;margin-bottom:2px}.players-label{font-size:.75rem;color:#6b7280;font-weight:400}.status-chip{font-size:.75rem;font-weight:500;margin:0;border-radius:12px;padding:6px 12px;border:1px solid;--background: transparent}.amount-cell{display:flex;flex-direction:column;gap:2px}.court-amount{font-weight:600;color:#111827;font-size:.875rem}.entrance-amount{font-size:.75rem;color:#059669;font-weight:500}.action-buttons{display:flex;gap:6px}.action-buttons ion-button{--padding-start: 8px;--padding-end: 8px;--padding-top: 8px;--padding-bottom: 8px;min-width:auto;--border-radius: 8px;--background: #f9fafb;--color: #6b7280;margin:0;--box-shadow: none}.action-buttons ion-button:hover{--background: #e5e7eb;transform:none}.pagination-controls{margin:0;padding:20px 24px;background:#ffffff;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.pagination-info{display:flex;flex-direction:column;gap:4px;color:#6b7280;font-size:.825rem}.pagination-info span:first-child{font-weight:600;color:#374151;font-size:.875rem}.pagination-buttons{display:flex;gap:8px}.pagination-buttons ion-button{--border-radius: 8px;font-weight:500;min-width:90px;--background: #ffffff;--color: #374151;--box-shadow: none;margin:0;border:1px solid #e5e7eb}.pagination-buttons ion-button:hover{--background: #f9fafb;border-color:#d1d5db}.pagination-buttons ion-button[disabled]{--background: #f9fafb;--color: #d1d5db;border-color:#f3f4f6}.no-bookings{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:#9ca3af;height:100%}.table-empty{padding:48px 16px!important;height:auto!important}.no-bookings ion-icon{font-size:3rem;margin-bottom:16px;color:#e5e7eb;opacity:.7}.no-bookings h3{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:#6b7280}.no-bookings p{margin:0;font-size:.875rem;color:#9ca3af;font-weight:400}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:16px;height:100%;color:#6b7280}.loading-container p{margin:0;font-size:.875rem;text-align:center;font-weight:400}.close-button{--color: #6b7280;font-weight:500}.close-button:hover{--color: #374151}@media (max-width: 768px){ion-modal{--width: 96%;--height: 92%;--border-radius: 16px}.search-controls,.bookings-summary,.pagination-controls{padding:20px}.bookings-table th,.bookings-table td{padding:14px 12px}.court-bookings-container{padding:16px 16px 28px;height:calc(100vh - 100px)}.court-bookings-card{border-radius:12px}.court-bookings-title{font-size:1.25rem;padding:1.25rem}.court-bookings-calendar{height:600px;min-height:600px}.booking-count-event{top:40px}.count-badge{padding:4px 6px;gap:2px}.badge-icon{display:none}.count-number-badge{min-width:14px;min-height:14px}.count-number{font-size:9px}.custom-view-buttons{gap:32px;padding:0 1rem}.custom-toolbar{padding:1rem}}@media (max-width: 480px){ion-modal{--width: 100%;--height: 100%;--border-radius: 0}.search-controls,.bookings-summary,.pagination-controls{padding:16px}.filter-controls{flex-direction:column;align-items:stretch}.court-filter{min-width:auto}.pagination-controls{align-items:stretch;text-align:center;gap:12px}.pagination-buttons{justify-content:center;width:100%}.court-bookings-container{padding:12px 12px 24px;height:calc(100vh - 80px)}.court-bookings-title{font-size:1.125rem;padding:1rem}.court-bookings-calendar{height:500px;min-height:500px}.custom-view-buttons{gap:24px}.custom-view-buttons button{font-size:14px}}ion-app{height:100vh;overflow-y:auto!important}.IonPage{height:100%!important;overflow-y:auto!important}ion-content{--overflow: auto !important;overflow-y:auto!important;height:100%!important}.rbc-time-view,.rbc-time-content{overflow:visible!important}.attendance-tracker-container{width:100%;margin:0;padding:16px 16px 100px;font-family:Roboto,sans-serif;height:calc(100vh - 120px);overflow-y:auto;box-sizing:border-box}.filters-section{margin-bottom:30px}.filters-card{border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e8f5e8;transition:all .3s ease}.filters-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12)}.court-bookings-modal .filters-grid,.court-bookings-container .filters-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:16px;align-items:end}.court-bookings-modal .filter-item,.court-bookings-container .filter-item{display:flex;flex-direction:column;gap:8px}.court-bookings-modal .filter-item ion-label,.court-bookings-container .filter-item ion-label{color:#4c4947;font-family:Roboto;font-size:18px;font-weight:600;margin-bottom:4px}.court-bookings-modal .filter-item ion-item,.court-bookings-container .filter-item ion-item{--background: #ffffff;--border-radius: 8px;--inner-border-width: 0;--padding-start: 12px;--padding-end: 12px;--min-height: 48px;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.court-bookings-modal .filter-item ion-item ion-input,.court-bookings-container .filter-item ion-item ion-input{--padding-top: 12px;--padding-bottom: 12px;--background: #ffffff;--placeholder-color: #6c757d;font-size:14px}.court-input-item{--background: #ffffff;--border-radius: 8px;--inner-border-width: 0;--padding-start: 12px;--padding-end: 12px;--min-height: 48px;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease;cursor:pointer;--detail-icon-opacity: 0 !important}.court-input-item:hover{border-color:#e9ecef;--background: #ffffff}.court-input-item ion-input{--padding-top: 12px;--padding-bottom: 12px;--background: #ffffff;font-size:14px;color:#333;cursor:pointer}.court-input-item ion-icon{color:#666;font-size:18px;min-width:20px;max-width:20px;flex-shrink:0}.search-icon{color:#666;font-size:18px;min-width:20px;max-width:20px;margin-right:12px;flex-shrink:0}.dropdown-icon{color:#449d5f;font-size:18px;min-width:20px;max-width:20px;flex-shrink:0}.refresh-attendance-btn{--background: var(--ion-color-primary);--color: white;--border-radius: 12px;--padding-start: 20px;--padding-end: 20px;font-weight:600;text-transform:none;transition:all .3s ease;height:48px}.refresh-attendance-btn::part(native){border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(68,157,95,.3)}.refresh-attendance-btn:hover{--background: var(--ion-color-primary-shade);transform:translateY(-2px)}.table-section{margin-bottom:0}.table-card{border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e8f5e8;transition:all .3s ease}.table-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-header h3{color:#4c4947;font-family:Roboto;font-size:18px;font-weight:600;margin:0}.appointments-table-container{overflow-x:auto;overflow-y:auto;max-height:600px;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;padding-right:12px}.appointments-table-container::-webkit-scrollbar{display:none}.filter-modal{--width: 300px;--height: auto;--border-radius: 12px;--box-shadow: 0 10px 30px rgba(0, 0, 0, .15)}.date-picker-modal{--width: 340px;--height: 480px;--max-height: 520px;--border-radius: 12px;--box-shadow: 0 10px 30px rgba(0, 0, 0, .15)}.date-picker-modal ion-content{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0}.date-picker-modal ion-header ion-toolbar{--min-height: 40px;padding:6px 12px;margin-left:-10px}.date-picker-modal ion-title{font-size:1rem;font-weight:600}.court-bookings-modal .modal-header,.filter-modal .modal-header,.date-picker-modal .modal-header,.player-details-modal .modal-header{--background: #ffffff;padding:0}.court-bookings-modal .modal-header ion-toolbar,.filter-modal .modal-header ion-toolbar,.date-picker-modal .modal-header ion-toolbar,.player-details-modal .modal-header ion-toolbar{--background: #ffffff;--border-width: 0;--min-height: 40px;--padding-start: 0px;--padding-end: 8px}.court-bookings-modal .modal-title,.filter-modal .modal-title,.date-picker-modal .modal-title,.player-details-modal .modal-title{font-size:16px;font-weight:600;color:#2d3748}.court-bookings-modal .close-button,.filter-modal .close-button,.date-picker-modal .close-button,.player-details-modal .close-button{--color: #666;font-size:14px;font-weight:500}.court-bookings-modal .close-button:hover,.filter-modal .close-button:hover,.date-picker-modal .close-button:hover,.player-details-modal .close-button:hover{--color: #449d5f}.court-bookings-modal .modal-content,.filter-modal .modal-content,.date-picker-modal .modal-content,.player-details-modal .modal-content{--background: #ffffff;--padding-start: 0;--padding-end: 0}.filter-options-container{padding:8px 0}.filter-option{padding:0 16px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;cursor:pointer}.filter-option:last-child{border-bottom:none}.filter-option:hover{background-color:#f8f9fa}.filter-option.selected{background-color:#e8f5e8}.option-content{display:flex;align-items:center;justify-content:space-between;padding:16px 0;min-height:48px}.option-text{font-size:14px;color:#2d3748;font-weight:500}.filter-option.selected .option-text{color:#449d5f;font-weight:600}.check-icon{color:#449d5f;font-size:18px}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-top:15px;flex-wrap:wrap;gap:12px}.pagination-info{color:#666;font-size:14px;font-weight:500;white-space:nowrap;padding-left:15px}.pagination-navigation{display:flex;align-items:center;gap:4px}.player-details-modal{--width: 480px;--height: 600px;--border-radius: 16px;--box-shadow: 0 20px 40px rgba(0, 0, 0, .1)}.mobile-player-details-grid{display:flex;flex-direction:column;gap:12px}.mobile-player-details-item{display:flex;align-items:center;gap:16px}.mobile-player-details-item.stacked{flex-direction:column;align-items:flex-start;gap:6px}.mobile-player-details-label{font-weight:600;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;min-width:80px;flex-shrink:0}.mobile-player-details-value{font-weight:500;color:#1e293b;font-size:13px;word-break:break-word;overflow-wrap:break-word;line-height:1.4}.mobile-player-details-value.email{color:#64748b;font-size:12px}@media (min-width: 768px){.court-bookings-container .mobile-only,.court-bookings-modal .mobile-only{display:none!important}.court-bookings-container .table-header-row.desktop-only,.court-bookings-container .booking-row.desktop-only,.court-bookings-modal .table-header-row.desktop-only,.court-bookings-modal .booking-row.desktop-only,.court-bookings-container .players-details-header,.court-bookings-container .players-details-row,.court-bookings-modal .players-details-header,.court-bookings-modal .players-details-row{min-width:1100px;box-sizing:border-box}}@media (max-width: 767px){.court-bookings-container .desktop-only,.court-bookings-modal .desktop-only{display:none!important}.mobile-booking-card{background:#ffffff;border-radius:16px;border:1px solid #f1f5f9;margin-bottom:16px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .3s ease;position:relative;overflow:hidden}.mobile-booking-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);border-color:#e2e8f0;transform:translateY(-1px)}.mobile-booking-card .card-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.mobile-booking-card .mobile-court-info{display:flex;flex-direction:column;gap:8px}.mobile-booking-card .mobile-court-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mobile-booking-card .mobile-time{display:flex;align-items:center;gap:6px;color:#64748b;flex-wrap:wrap;font-size:14px}.mobile-booking-card .mobile-time span,.mobile-booking-card .mobile-court-name span{word-break:break-word;overflow-wrap:break-word}.mobile-booking-card .card-body,.mobile-booking-card .mobile-compact-layout{display:flex;flex-direction:column;gap:12px}.mobile-booking-card .mobile-player-name{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.mobile-booking-card .mobile-badges-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mobile-booking-card .mobile-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.mobile-booking-card .mobile-badge.players-badge{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.mobile-booking-card .mobile-badge.paid-badge{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.mobile-booking-card .mobile-badge.unpaid-badge{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.mobile-booking-card .mobile-payment-info{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#64748b}.mobile-booking-card .mobile-payment-info .payment-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.mobile-booking-card .mobile-payment-info .payment-row span{font-weight:500;white-space:nowrap}.mobile-booking-card .mobile-payment-info .entrance-info{color:#059669;font-weight:600}.mobile-booking-card .mobile-info-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 0;border-bottom:1px solid #f3f4f6}.mobile-booking-card .mobile-info-row:last-child{border-bottom:none}.mobile-booking-card .mobile-label{font-weight:500;color:#666;font-size:11px;text-transform:uppercase;letter-spacing:.1px;flex:0 0 auto;word-break:break-word;min-width:0;max-width:45%}.mobile-booking-card .mobile-value{font-weight:500;color:#111827;font-size:12px;text-align:right;flex:1;min-width:0;word-break:break-word;overflow-wrap:break-word;hyphens:auto}@media (max-width: 360px){.mobile-booking-card .mobile-info-row{flex-direction:column;align-items:flex-start;gap:4px}.mobile-booking-card .mobile-label{flex:none;width:100%}.mobile-booking-card .mobile-value{flex:none;width:100%;text-align:left}}.mobile-booking-card .mobile-view-details{margin-top:16px;padding-top:12px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.mobile-booking-card .mobile-view-details ion-button{--background: transparent;--color: #449d5f;--border-radius: 8px;--padding-start: 8px;--padding-end: 8px;--padding-top: 8px;--padding-bottom: 8px;font-size:14px;font-weight:500;transition:opacity .2s ease;border:none;box-shadow:none}.mobile-booking-card .mobile-view-details ion-button:hover{--background: transparent;--color: #059669;transform:none}.mobile-booking-card .expanded-section{margin-top:20px;border-top:2px solid #449d5f;background:#f8fafc;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.04)}@media (max-width: 500px){.mobile-booking-card>div:last-child span{font-size:11px!important}}@media (max-width: 360px){.mobile-booking-card>div:last-child{padding-top:10px}}.expanded-details-mobile{padding:16px!important;background:#ffffff!important;border-radius:12px!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px rgba(0,0,0,.04)!important;margin-bottom:12px!important}.expanded-details-mobile h4{font-size:15px!important;margin-bottom:16px!important;color:#1e293b!important;font-weight:600!important}.expanded-details-grid-mobile{display:flex!important;flex-direction:column!important;gap:12px!important}.expanded-details-grid-mobile>div{font-size:13px!important;padding:10px 0!important;border-bottom:1px solid #f1f5f9!important}.expanded-details-grid-mobile>div:last-child{border-bottom:none!important}.mobile-player-details-row{display:flex!important;flex-direction:column!important;gap:4px!important;margin-bottom:8px!important}.mobile-player-details-label{font-weight:600!important;font-size:12px!important;color:#666!important;text-transform:uppercase!important;letter-spacing:.5px!important}.mobile-player-details-value{font-weight:500!important;color:#1e293b!important;font-size:13px!important;word-break:break-word!important;overflow-wrap:break-word!important;line-height:1.4!important}.mobile-player-details-value.email{color:#64748b!important;font-size:12px!important}.filters-grid{grid-template-columns:1fr!important;gap:12px!important}.filter-item{width:100%}.appointments-table-container{max-height:none!important}@media (max-width: 400px){.mobile-booking-card{padding:16px;margin-bottom:12px}.mobile-booking-card .card-header{margin-bottom:12px;padding-bottom:10px}.mobile-booking-card .card-body,.mobile-booking-card .mobile-compact-layout{gap:10px}.mobile-booking-card .mobile-player-name{font-size:15px}.mobile-booking-card .mobile-badge{font-size:11px;padding:5px 10px}.mobile-booking-card .mobile-payment-info{font-size:12px}.mobile-court-name span,.mobile-time span{font-size:14px}.mobile-court-name ion-icon,.mobile-time ion-icon{font-size:16px!important}.mobile-booking-card .mobile-view-details{margin-top:12px;padding-top:10px}.mobile-booking-card .mobile-view-details ion-button{--padding-start: 12px;--padding-end: 12px;font-size:13px}.court-bookings-modal .modal-title,.filter-modal .modal-title,.date-picker-modal .modal-title,.player-details-modal .modal-title{font-size:13px}}@media (max-width: 500px){.mobile-booking-card{padding:18px}}}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #3880ff) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;--ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;--ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint: var(--ion-color-success-tint, #42d77d) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #eb445a) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;--ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #92949c) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #808289) !important;--ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;overflow:hidden;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: constant(safe-area-inset-top)){html{--ion-safe-area-top: constant(safe-area-inset-top);--ion-safe-area-bottom: constant(safe-area-inset-bottom);--ion-safe-area-left: constant(safe-area-inset-left);--ion-safe-area-right: constant(safe-area-inset-right)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}a{background-color:transparent;color:var(--ion-color-primary, #3880ff)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:26px}h2{margin-top:18px;font-size:24px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-self-start{align-self:flex-start!important}.ion-align-self-end{align-self:flex-end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-evenly{justify-content:space-evenly!important}.ion-align-items-start{align-items:flex-start!important}.ion-align-items-center{align-items:center!important}.ion-align-items-end{align-items:flex-end!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}:root{--ion-background-color: #ffffff;--ion-color-primary: #449d5f;--ion-color-primary-rgb: 68, 157, 95;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #3c8b54;--ion-color-primary-tint: #58a971;--ion-color-secondary: #3dc2ff;--ion-color-secondary-rgb: 61, 194, 255;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #36abe0;--ion-color-secondary-tint: #50c8ff;--ion-color-tertiary: #5260ff;--ion-color-tertiary-rgb: 82, 96, 255;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #4854e0;--ion-color-tertiary-tint: #6370ff;--ion-color-success: #2dd36f;--ion-color-success-rgb: 45, 211, 111;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #28ba62;--ion-color-success-tint: #42d77d;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #eb445a;--ion-color-danger-rgb: 235, 68, 90;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #cf3c4f;--ion-color-danger-tint: #ed576b;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e;--ion-color-medium: #92949c;--ion-color-medium-rgb: 146, 148, 156;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #808289;--ion-color-medium-tint: #9d9fa6;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9}html,body,ion-content,.scroll-content,.inner-scroll{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,ion-content::-webkit-scrollbar,.scroll-content::-webkit-scrollbar,.inner-scroll::-webkit-scrollbar{display:none}ion-content::part(scroll){-ms-overflow-style:none;scrollbar-width:none}ion-content::part(scroll)::-webkit-scrollbar{display:none}