*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif;line-height:1.6}.container{padding:20px}.header{background-color:#1a73e8;box-shadow:0 2px 4px #0000001a;color:#fff;padding:15px 0}.header .container{align-items:center;display:flex;justify-content:space-between}.nav-link{color:#fff;margin-left:20px;text-decoration:none}.nav-link:hover{text-decoration:underline}.btn{background:#1a73e8;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:16px;padding:10px 20px;text-decoration:none;transition:background .3s ease}.btn:hover{background:#0b5cca}.btn:disabled{background:#ccc;cursor:not-allowed}.btn-outline{background:#0000;border:1px solid #1a73e8;color:#1a73e8}.form-control{margin:20px 0}.form-control label{display:block;font-weight:500;margin-bottom:5px}.form-control input,.form-control select,.form-control textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;margin-bottom:10px;padding:12px;width:100%}.form-control input:focus,.form-control select:focus,.form-control textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833;outline:none}.booking-list{list-style:none}.booking-item{background:#fff;border-radius:5px;box-shadow:0 1px 3px #0000001a;margin:10px 0;padding:20px}.calendar{border-collapse:collapse;margin-top:20px;width:100%}.calendar td,.calendar th{border:1px solid #ddd;padding:10px;text-align:center}.calendar th{background-color:#f8f9fa}.calendar td.booked{background-color:#ffcccb}.calendar td.available{background-color:#ceffce}.auth-form{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:40px auto;max-width:400px;padding:30px}.auth-form h2{color:#1a73e8;margin-bottom:10px;text-align:center}.auth-description{color:#666;margin-bottom:20px;text-align:center}.auth-form .btn{font-size:16px;margin-top:10px;padding:12px;width:100%}.error{background-color:#fdecea;color:#d32f2f}.error,.success{border-radius:4px;margin:10px 0;padding:10px;text-align:center}.success{background-color:#edf7ed;color:#388e3c}.login-help{border-top:1px solid #eee;color:#666;font-size:14px;margin-top:20px;padding-top:15px}.login-help p{margin:5px 0}.pitch-selector{align-items:center;display:flex;margin-bottom:20px}.pitch-selector label{margin-right:10px}.pitch-select{border:1px solid #ddd;border-radius:4px;padding:8px}.loading{color:#666;font-size:1.5rem;margin-top:50px;text-align:center}@media (max-width:768px){.header .container{flex-direction:column;text-align:center}.nav-link{margin:10px 10px 0}.auth-form{margin:20px;width:auto}}.filter-panel-container{background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:16px}.filter-content{grid-gap:16px;align-items:flex-start;display:grid;gap:16px;grid-template-columns:repeat(3,1fr) auto}.filter-group{display:flex;flex-direction:column;width:100%}.filter-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.date-input,.filter-select{appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;color:#333;font-size:16px;height:44px;padding:12px 16px;width:100%}.filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.date-picker-container{width:100%}.date-input-wrapper{position:relative;width:100%}.date-input{padding-right:40px}.clear-date-button{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;z-index:10}.selected-date-display{color:#555;font-size:14px;margin-top:8px;min-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-filters-button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:14px;margin-top:8px;padding:0;text-decoration:underline}.refresh-button-container{align-items:flex-end;display:flex;height:100%}.refresh-button{align-items:center;background-color:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:background-color .2s;width:44px}@media (max-width:768px){.filter-content{gap:12px;grid-template-columns:repeat(2,1fr) auto}.session-type-filter{grid-column:span 2}.refresh-button-container{grid-column:span 2;justify-content:flex-end}}@media (max-width:480px){.filter-content{gap:16px;grid-template-columns:1fr}.filter-group,.refresh-button-container,.session-type-filter{grid-column:span 1}}@supports (-webkit-touch-callout:none){.date-input,.filter-select,.refresh-button{font-size:16px;min-height:44px}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%}}.booking-form-container{background-color:#f5f7fa;background-image:linear-gradient(180deg,#f8f9fa,#fff);border-radius:12px;box-shadow:0 4px 20px #0000000d;margin:0 auto;max-width:800px;min-height:100vh;padding:90px 20px 20px}.booking-form-header{border-bottom:2px solid #e7f0fd;margin-bottom:24px;padding-bottom:15px}.booking-form-header h1{color:#1976d2;font-size:24px;font-weight:600;margin-bottom:10px;margin-top:0}.booking-form-header p{color:#555;margin:0}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{color:#444;display:block;font-size:15px;font-weight:500;margin-bottom:8px}.required{color:#e53935;margin-left:3px}.input-container{position:relative;width:100%}.booking-form input[type=date],.booking-form input[type=time],.booking-form select,.booking-form textarea{appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#333;font-size:16px;height:48px;padding:12px 15px 12px 40px;transition:all .2s;width:100%}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.booking-form textarea{font-family:inherit;height:120px;padding:15px;resize:vertical}.notes-group{margin-top:10px}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d233;outline:none}.booking-form input:hover,.booking-form select:hover,.booking-form textarea:hover{border-color:#bbb}.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;left:12px;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:1}.facility-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M3 9h18M9 21V9'/%3E%3C/svg%3E")}.date-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}.time-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}.session-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}.error{border-color:#e53935!important}.error-message{color:#e53935;font-size:14px;margin-bottom:0;margin-top:6px}.form-conflict-alert,.form-error-alert{border-radius:8px;margin-bottom:20px;padding:15px}.form-error-alert{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}.form-conflict-alert{background-color:#fff8e1;border:1px solid #ffe082;color:#ff8f00}.form-actions{border-top:1px solid #e7f0fd;display:flex;justify-content:space-between;margin-top:30px;padding-top:20px}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.cancel-button:hover{background-color:#eee}.submit-button{align-items:center;background-color:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.submit-button:hover{background-color:#1565c0}.submit-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.submit-button:not(:disabled):hover{animation:pulse 1s infinite}.form-group:focus-within .required{opacity:.5}input[type=date]::-webkit-clear-button{-webkit-appearance:none;display:none}.booking-form-container *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@supports (-webkit-touch-callout:none){.ios-form input[type=date],.ios-form input[type=time],.ios-form select,.ios-form textarea{font-size:16px}.ios-form select{appearance:menulist!important;background-image:none!important;text-indent:30px!important}.ios-form input[type=date],.ios-form input[type=time]{padding-left:10px!important;text-indent:30px!important}.ios-form .input-container{align-items:center;display:flex;position:relative}.ios-form .icon{align-items:center!important;background-color:#fff!important;border-radius:50%!important;box-shadow:0 0 0 5px #fff!important;display:flex!important;height:30px!important;justify-content:center!important;left:5px!important;width:30px!important;z-index:2}.ios-form .form-group{margin-bottom:24px}.ios-form input[type=date]::-webkit-calendar-picker-indicator,.ios-form input[type=time]::-webkit-calendar-picker-indicator{height:100%;opacity:0;position:absolute;right:0;top:0;width:44px}.ios-form .date-icon,.ios-form .facility-icon,.ios-form .session-icon,.ios-form .time-icon{align-items:center!important;background-color:#fff!important;display:flex!important;justify-content:center!important}.ios-input-wrapper{display:flex;position:relative;width:100%}.ios-icon-wrapper{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:30px;justify-content:center;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:30px;z-index:10}.form-icon{height:20px;opacity:.7;width:20px}}@media (max-width:768px){.booking-form-container{border-radius:8px;padding:16px}.form-grid{gap:16px;grid-template-columns:1fr}.booking-form-header h1{font-size:24px}.form-actions{flex-direction:column-reverse;gap:12px}.cancel-button,.submit-button{justify-content:center;text-align:center;width:100%}.booking-form input[type=date],.booking-form input[type=time],.booking-form select{height:48px}}@media (max-width:480px){.booking-form-container{border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:16px 12px}.booking-form input[type=date],.booking-form input[type=time],.booking-form select,.booking-form textarea{font-size:16px;height:52px}.submit-button{font-size:17px;height:52px;letter-spacing:.5px}}@media screen and (max-width:844px) and (-webkit-min-device-pixel-ratio:2){input[type=date]{appearance:none!important;background-color:#fff!important;border:1px solid #ddd!important;border-radius:8px!important;box-sizing:border-box!important;color:#333!important;font-size:16px!important;height:44px!important;line-height:44px!important;margin:0!important;padding:0 12px!important;position:relative;width:calc(100% - 2px)!important}input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;cursor:pointer;height:20px;opacity:1;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px}input[type=date]::-webkit-datetime-edit{display:inline-block;padding:0;width:calc(100% - 30px)}select{appearance:none!important;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px!important;box-sizing:border-box!important;font-size:16px!important;width:100%!important}.filter-panel input[type=date],.filter-panel select,select{border:1px solid #ddd!important;border-radius:8px!important;height:44px!important;padding:0 12px!important}.filter-panel input[type=date],.filter-panel select{display:block!important;font-family:-apple-system,BlinkMacSystemFont,sans-serif!important;line-height:44px!important;margin-top:8px!important}.filter-panel label{color:#555!important;display:block!important;font-size:14px!important;font-weight:500!important;margin-bottom:8px!important}.refresh-button{align-items:center!important;appearance:none!important;background-color:#1976d2!important;border-radius:8px!important;color:#fff!important;display:flex!important;font-weight:500!important;height:44px!important;justify-content:center!important;margin-top:16px!important}}@supports (-webkit-touch-callout:none){input[type=date]{padding-right:25px!important}input[type=date]::placeholder{color:#333!important;opacity:1!important}.filter-item{margin-bottom:16px!important;width:100%!important}input[type=date],select{box-sizing:border-box!important}}.container{margin:0 auto;max-width:1200px;padding:90px 20px 20px}
/*# sourceMappingURL=main.1ea9d8ad.css.map*/