@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);.navbar{align-items:center;background-color:#0c760c;box-shadow:0 2px 5px #0000001a;display:flex;height:70px;justify-content:space-between;padding:0 20px}.content-wrapper{padding-top:60px}.ten{font-size:45px;text-align:center}.logo{font-size:1.5rem}.logo .white-text{color:#fff;text-shadow:0 0 5px #ffffff80}.menu{font-size:1.125rem;gap:1.5rem;margin-top:.25rem}.menu a{color:#fff}.menu a:hover{text-decoration:underline}.auth-search{gap:.5rem;margin-top:.25rem}.auth-button{background-color:#fff;border-radius:.25rem;box-shadow:0 0 5px #0000001a;color:#000;margin-right:50px;padding:.25rem 1rem}.auth-button:hover{background-color:#e5e7eb}.search-input{border:1px solid #ccc;border-radius:.25rem;font-weight:600;margin-left:.5rem;outline:none;padding:.25rem .75rem}.search-input:focus{border-color:#3b82f6}.yellow{background-color:#f59e0b;height:1.25rem;width:100%}.hero{background-image:url(https://gcs.tripi.vn/public-tripi/tripi-feed/img/473633maj/-1063004.jpg);background-position:50%;background-size:cover;box-sizing:border-box;height:500px;left:0;margin:0;padding:1rem;right:0;width:100vw}.hero:before{background-color:#000000b3}.hero>*{position:relative;z-index:1}.hero h1{font-size:2.25rem;font-weight:700;margin:0;text-shadow:0 0 10px #000000b3}@media (min-width:768px){.hero h1{font-size:3rem}}.hero p{font-size:1.125rem;margin-top:1rem;text-shadow:0 0 6px #00000080}.hero p .bold{font-weight:700}.search-bar{background-color:#fff;border-radius:1rem;box-shadow:0 4px 8px #0000001a;max-width:64rem;z-index:1}.search-bar input,.search-bar select{font-size:1rem;padding:.75rem 1rem}.search-bar select{border-right:1px solid #d1d5db;width:25%}.search-bar input:nth-child(2){width:50%}.search-bar input:nth-child(3){border-left:1px solid #d1d5db;width:25%}.search-bar button{background-color:#166534;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s}.search-bar button:hover{background-color:#14532d}.loaisan-container{overflow-x:auto}.loaisan-grid{gap:40px;justify-content:space-evenly}.loaisan-container{margin:0 auto;max-width:1200px;padding:20px}.loaisan-grid{display:flex;flex-wrap:nowrap;justify-content:space-between}.loaisan-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 0 15px 4px #06f322b3;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0 10px;max-width:180px;padding:10px;transition:transform .3s ease}.loaisan-item:hover{cursor:pointer;transform:scale(1.05)}.loaisan-item img{border-radius:6px;height:auto;margin-bottom:10px;max-width:100%}.loaisan-item h3{color:#333;font-size:1.1rem;margin:0;text-align:center}.fields-popular-container{background-color:#f5f5f5;box-sizing:border-box;min-height:auto;padding:50px}.fields-popular-container h1{color:#333;font-size:2.5em;font-weight:700;margin-bottom:30px;padding-left:16px;text-align:left}.fields-grid{display:flex;flex-wrap:wrap;justify-content:center}.field-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex-shrink:0;font-family:Arial,sans-serif;margin:0;transition:transform .2s ease-in-out;width:350px}.field-card:hover{transform:translateY(-5px)}.field-image-container{flex-shrink:0;height:200px}.field-image{display:block}.no-image{align-items:center;background-color:#f0f0f0;color:#888;display:flex;font-style:italic;height:100%;justify-content:center;width:100%}.field-type-tag{background-color:#ffffffe6;border-radius:4px;bottom:12px;color:#333;font-size:.9em;font-weight:700;left:12px;padding:6px 12px}.field-info{background-color:#fcf8e3;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;padding:16px}.field-price{color:#4caf50;font-size:1.2em}.field-name,.field-price{font-weight:700;margin-bottom:8px}.field-name{color:#333;font-size:1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-location{align-items:center;color:#555;display:flex;font-size:.9em;margin-top:auto}.location-icon{height:16px;height:auto;margin-right:5px;width:16px}@media (max-width:1180px){.fields-grid{max-width:750px}}@media (max-width:780px){.fields-grid{justify-content:center;max-width:350px;padding:0}.field-card{width:100%}.fields-popular-container{padding:30px 10px}.fields-popular-container h1{font-size:2em;padding-left:0;text-align:center}}.btn-dat-san{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:16px;padding:10px 20px;transition:background-color .3s ease}.btn-dat-san:hover{background-color:#45a049}.main-footer{font-family:Arial,sans-serif;font-size:.95em;padding:25px 20px}.footer-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1280px}.footer-column{flex-basis:22%;margin:0;min-width:200px;padding:10px 0}.footer-column h3{color:#fff;font-size:1.2em;font-weight:700;letter-spacing:.5px;margin-bottom:15px}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column ul li{margin-bottom:8px}.footer-column ul li a{color:#fff;font-size:.9em;letter-spacing:.3px;text-decoration:none;transition:color .3s ease}.footer-column ul li a:hover{color:#4ae84f}.footer-column p{font-size:.9em;letter-spacing:.2px;line-height:1.4;margin-bottom:8px}.footer-column.last-column .contact-text{margin-bottom:15px}.social-icons{display:flex;gap:12px;margin-top:15px}.social-icon img{filter:brightness(0) invert(1);height:24px;transition:transform .2s ease;width:24px}.social-icon img:hover{transform:scale(1.1)}.footer-logo{display:block;height:auto;margin-top:15px;max-width:180px}@media (max-width:1024px){.footer-column{flex-basis:45%}}@media (max-width:768px){.main-footer{padding:20px 15px}.footer-content{align-items:center;flex-direction:column;gap:0}.footer-column{margin-bottom:25px;min-width:0;min-width:auto;text-align:center;width:100%}.footer-column:last-child{margin-bottom:0}.social-icons{justify-content:center}}@media (max-width:480px){.footer-column h3{font-size:1.1em}.footer-column p,.footer-column ul li a{font-size:.85em}.footer-logo{max-width:150px}}.fields-grid{grid-gap:30px;background:#fff;gap:30px;grid-template-columns:repeat(3,1fr);justify-items:center;margin:20px auto;max-width:1150px;padding:32px 0;width:100%}#root,body,html{height:100%;margin:0}.font-sans{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.main-footer{background-color:#0c760c;color:#fff;padding:40px 20px}.t1{font-size:50px;margin-left:50px}.loaisan-nav a{color:#2b2b2b;font-size:1.25em;font-weight:700;letter-spacing:.8px;text-decoration:none;text-shadow:3px 3px 4px #00000080;transition:color .3s ease,text-shadow .3s ease,transform .2s ease;white-space:nowrap}.loaisan-nav a:hover{color:#000;text-shadow:4px 4px 6px #000000b3;transform:translateY(-2px)}.loaisan-nav p{color:#2b2b2b;font-size:1.25em;font-weight:700;letter-spacing:.8px;text-shadow:3px 3px 4px #00000080}.content-wrapper{background-color:#e6ede6}.Login_container__AD2e\+{align-items:center;background:url(https://png.pngtree.com/background/20211216/original/pngtree-green-lawn-football-field-in-the-daytime-photography-pictures-with-pictures-picture-image_1537175.jpg) 50%/cover no-repeat;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.Login_container__AD2e\+:before{background-color:#00000080;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.Login_card__lT0mM{animation:Login_fadeIn__cUhkB .5s ease-in-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff4d;border-radius:1rem;box-shadow:0 10px 30px #0000001a;max-width:420px;padding:1.5rem 2rem;position:relative;width:100%;z-index:1}@keyframes Login_fadeIn__cUhkB{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.Login_header__LboUt{margin-bottom:1rem;text-align:center}.Login_logo__sbDvJ{display:block;font-size:2.5rem;margin-bottom:.25rem}.Login_tabs__zpYcz{display:flex;justify-content:space-around;margin-bottom:1rem}.Login_tab__bjJ3P{border-bottom:2px solid #0000;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.Login_tab__bjJ3P:hover{color:#2575fc}.Login_active__VmfnW{border-bottom:2px solid #2575fc;color:#2575fc}.Login_form__1te6f{display:flex;flex-direction:column}.Login_form__1te6f label{font-weight:500;margin-bottom:.2rem;margin-top:.75rem}.Login_form__1te6f input{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.5rem;transition:border-color .3s ease}.Login_form__1te6f input:focus{border-color:#2575fc;outline:none}.Login_errorText__uWmAo{color:red;font-size:.9rem;margin-top:.5rem}.Login_checkboxGroup__FxqqR{align-items:center;display:flex;margin:.75rem 0}.Login_checkboxGroup__FxqqR input{margin-right:.5rem}.Login_loginBtn__RgA1V{background-color:#2575fc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:.75rem;padding:.65rem;transition:background-color .3s ease}.Login_loginBtn__RgA1V:hover:not(:disabled){background-color:#1a5edb}.Login_loginBtn__RgA1V:disabled{background-color:#a0c4ff;cursor:not-allowed}.Login_divider__D9i60{color:#999;margin:.75rem 0;text-align:center}.Login_socialButtons__xATAb{display:flex;gap:.75rem;justify-content:center}.Login_facebook__EHAJp,.Login_google__usdai{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:700;padding:.5rem;transition:transform .2s}.Login_google__usdai{background-color:#db4437;color:#fff}.Login_facebook__EHAJp{background-color:#3b5998;color:#fff}.Login_facebook__EHAJp:hover,.Login_google__usdai:hover{transform:translateY(-2px)}@media (max-width:640px){.Login_card__lT0mM{margin:1rem;max-width:100%;padding:1.25rem}.Login_tabs__zpYcz{flex-direction:column;gap:.5rem}}.booking-table-wrapper{margin-bottom:16px;min-width:600px;overflow-x:auto}.booking-table{background:#fafdff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 8px #2ccc4012;min-width:600px;overflow:hidden;text-align:center;width:100%}.booking-table td,.booking-table th{border:1px solid #e0e0e0;font-size:1rem;min-width:120px;padding:2px 36px}.booking-table th{background:linear-gradient(90deg,#e9f5ee 60%,#d0f5e2);color:#1a7f37;font-size:1.08rem;font-weight:700}.unit-btn-table{background:#f6f8fa;border:2px solid #d0e6d7;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;min-width:90px;outline:none;padding:2px 0;transition:all .18s}.unit-btn-table.selected{background:linear-gradient(90deg,#1a7f37 60%,#2ecc40);border:2px solid #1a7f37;box-shadow:0 2px 8px #2ccc401a;color:#fff;font-weight:700;transform:scale(1.06)}.unit-btn-table.booked{background:#e0e0e0;border:2px solid #e0e0e0;color:#888;cursor:not-allowed;text-decoration:line-through}.unit-btn-table:not(.booked):hover{background:linear-gradient(90deg,#b6f5c1 60%,#e0ffe8);border-color:#1a7f37;box-shadow:0 2px 8px #2ccc4021;color:#1a7f37;transform:scale(1.04)}.booking-container{align-items:flex-start;background:#0000;display:flex;justify-content:center;padding:24px 0 0}.booking-card{background:#fff;border-radius:22px;box-shadow:0 8px 32px #1a7f3721,0 1.5px 6px #2ccc4012;margin:0 auto;max-width:950px;padding:38px 38px 28px;transition:box-shadow .2s;width:100%}.booking-card:hover{box-shadow:0 12px 40px #1a7f372e,0 2px 8px #2ccc401a}.booking-field-info{align-items:flex-start;display:flex;gap:36px;margin-bottom:36px}.booking-image .no-image,.booking-image img{align-items:center;background:linear-gradient(135deg,#e0ffe8,#eaeaea);border-radius:16px;box-shadow:0 2px 12px #2ccc4014;color:#888;display:flex;font-size:1.15rem;height:170px;justify-content:center;object-fit:cover;width:250px}.booking-field-details{flex:1 1}.booking-title{color:#1a7f37;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin-bottom:10px}.booking-address{color:#555;font-size:1.08rem;margin-bottom:8px}.booking-price,.booking-type{color:#222;font-size:1.08rem;margin-bottom:7px}.booking-form-section{margin-top:16px}.booking-user{color:#1a7f37;font-size:1.13rem;margin-bottom:12px}.booking-form{margin-top:10px}.form-group{margin-bottom:20px}.form-group label{color:#1a7f37;display:block;font-weight:600;margin-bottom:5px}.booking-total{color:#1a7f37;font-size:1.25rem}.booking-submit-btn,.booking-total{font-weight:700;letter-spacing:.5px}.booking-submit-btn{background:linear-gradient(90deg,#1a7f37 60%,#2ecc40);border:none;border-radius:8px;box-shadow:0 2px 8px #1a7f371a;color:#fff;cursor:pointer;font-size:1.13rem;margin-top:12px;padding:14px 44px;transition:background .2s,transform .15s}.booking-submit-btn:hover{background:linear-gradient(90deg,#2ecc40 60%,#1a7f37);transform:scale(1.04)}.booking-message{color:#e74c3c;font-size:1.08rem;font-weight:500;margin-top:16px}.booking-login-reminder{background:#fffbe6;border:1.5px solid #ffe58f;border-radius:10px;font-size:1.08rem;margin-top:22px;padding:22px;text-align:center}.booking-login-btn{background:linear-gradient(90deg,#1a7f37 60%,#2ecc40);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.07rem;font-weight:600;margin-top:12px;padding:10px 28px;transition:background .2s,transform .15s}.booking-login-btn:hover{background:linear-gradient(90deg,#2ecc40 60%,#1a7f37);transform:scale(1.04)}@media (max-width:900px){.booking-card{max-width:98vw;padding:18px 6px}.booking-field-info{align-items:stretch;flex-direction:column;gap:14px}.booking-image .no-image,.booking-image img{height:180px;width:100%}.booking-table,.booking-table-wrapper{min-width:100vw}.booking-table td,.booking-table th{border:1px solid #e0e0e0;font-size:1rem;min-width:120px;padding:2px 36px}.unit-btn-table{font-size:1rem;min-width:90px;padding:2px 0}}body{background:linear-gradient(120deg,#e0ffe8,#f6f8fa)}#root,.page-wrapper,body,html{height:100%;min-height:100vh}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.content-wrapper{display:flex;flex:1 0 auto;flex-direction:column}.main-footer{flex-shrink:0}body,html{background:#f5f6fa;color:#222;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:16px;margin:0;padding:0;scroll-behavior:smooth}.font-sans,body,html{box-sizing:border-box}.font-sans{margin:0 auto;max-width:100vw;padding-top:0;width:100%}.navbar{background:linear-gradient(90deg,#00c853 60%,#ffd600);border-bottom:2px solid #00c85322;box-shadow:0 2px 12px #00c85312,0 1.5px 8px #0000000a;gap:20px;justify-content:flex-start;left:0;min-height:58px;padding:0 3vw;position:fixed;top:0;transition:box-shadow .22s,background .22s,border .22s;width:100%;z-index:1000}.navbar:hover{background:#f8fff8;border-bottom:2.5px solid #00c85344;box-shadow:0 6px 24px #00c8531a,0 2px 8px #0000000f}.logo{align-items:center;display:flex;font-size:1.7rem;font-weight:700;letter-spacing:1px}.logo .green-text{color:#af0;margin-right:.25rem;text-shadow:0 0 5px #af0}.logo .white-text{color:#222;text-shadow:0 0 5px #af03}.menu{align-items:center;display:flex;font-weight:500;gap:1.2rem}.menu,.menu a{font-size:1.08rem}.menu a{background:#0000;border:1.5px solid #0000;border-radius:.9rem;box-shadow:none;color:#222;font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:.1px;padding:.45rem 1.1rem;position:relative;text-decoration:none;transition:color .18s cubic-bezier(.4,2,.6,1),background .18s cubic-bezier(.4,2,.6,1),box-shadow .18s cubic-bezier(.4,2,.6,1),transform .13s cubic-bezier(.4,2,.6,1);z-index:1}.menu a:before{background:linear-gradient(90deg,#00c853 60%,#ffd600);border-radius:2px;bottom:0;content:"";height:2.5px;left:50%;position:absolute;transition:width .22s cubic-bezier(.4,2,.6,1),left .22s cubic-bezier(.4,2,.6,1);width:0;z-index:2}.menu a.active:before,.menu a:hover:before{left:0;width:100%}.menu a.active,.menu a:hover{background:linear-gradient(90deg,#00c853 80%,#ffd600);border:1.5px solid #00c853;box-shadow:0 2px 12px #00c85321;color:#fff;transform:scale(1.04)}.menu a:active{background:#00c853;transform:scale(.97)}.menu a.active,.menu a:active{border:1.5px solid #00c853;color:#fff}.menu a.active{background:linear-gradient(90deg,#00c853 60%,#b6ffb6);box-shadow:0 2px 8px #00c85322;font-weight:700}@media (max-width:1024px){.navbar{min-height:52px;padding-left:2vw;padding-right:2vw}.menu{gap:.7rem}}@media (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;min-height:48px;padding:8px 2vw}.menu{flex-wrap:wrap;font-size:1rem;gap:.5rem}}.auth-search{align-items:center;display:flex;gap:.75rem}.auth-button{background:linear-gradient(90deg,#00c853 70%,#ffd600);border-radius:1.5rem;box-shadow:0 2px 12px #00c85321,0 .5px 2px #00000012;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:1.08rem;font-weight:600;letter-spacing:.2px;margin:0 .2rem;min-width:110px;outline:none;padding:.6rem 1.6rem;transition:background .22s cubic-bezier(.4,2,.6,1),transform .16s cubic-bezier(.4,2,.6,1),box-shadow .18s cubic-bezier(.4,2,.6,1)}.auth-button:hover{background:linear-gradient(90deg,#009624 70%,#ffd600);box-shadow:0 8px 32px #00c8532e,0 2px 8px #00000017;color:#fff;transform:translateY(-4px) scale(1.08) rotate(-1deg)}.auth-button:active{background:#00c853;color:#fff;transform:scale(.97)}.user-name{color:#00c853;margin-right:.5rem}.search-bar{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:2rem;box-shadow:0 6px 32px #0000001a;display:flex;gap:.5rem;margin-top:2rem;max-width:900px;overflow:hidden;padding:.25rem .5rem;position:relative;width:100%}.search-bar input,.search-bar select{background:#0000;border:none;font-size:1.05rem;outline:none;padding:.85rem 1.1rem;transition:background .2s}.search-bar select{width:22%}.search-bar input[type=text],.search-bar select{background:#f7f7f7;border-radius:1.5rem;margin-right:.5rem}.search-bar input[type=text]{flex:1 1}.search-bar input[type=text]:focus{background:#fff;box-shadow:0 0 0 2px #00c85333}.search-bar button{align-items:center;background:linear-gradient(90deg,#00c853 70%,#ffd600);border:none;border-radius:1.5rem;box-shadow:0 2px 12px #00c85321;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:.7rem 2.2rem;transition:background .2s,transform .15s}.search-bar button:hover{background:linear-gradient(90deg,#009624 70%,#ffd600);transform:translateY(-2px) scale(1.03)}.search-suggestions{animation:fadeIn .2s;background:#fff;border-radius:0 0 1.5rem 1.5rem;border-top:1px solid #e0e0e0;box-shadow:0 8px 32px #00000021;left:0;max-height:220px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-suggestion-item{cursor:pointer;padding:.85rem 1.2rem;transition:background .15s}.search-suggestion-item:hover{background:#f0fff4}.hero{align-items:center;border-radius:0 0 2rem 2rem;box-shadow:0 8px 32px #00c85317;color:#fff;display:flex;flex-direction:column;height:calc(100vh - 58px);justify-content:center;margin-top:0;min-height:0;overflow:hidden;padding:0 1rem 2.2rem;position:relative;text-align:center;z-index:2}.hero:before{background:#00000073;inset:0;z-index:0}.hero:after,.hero:before{content:"";pointer-events:none;position:absolute}.hero:after{background:url("data:image/svg+xml;utf8,<svg width='100%' height='48' viewBox='0 0 1440 48' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0C240 48 480 48 720 0C960 -48 1200 -48 1440 0V48H0V0Z' fill='%23fff'/></svg>") no-repeat top/cover;height:48px;left:0;opacity:.96;top:-70px;width:100%;z-index:2}.font-sans{padding-top:0!important}.navbar{margin-bottom:0}@media (max-width:600px){.hero{border-radius:0 0 1rem 1rem;min-height:180px;padding:1.2rem .5rem}.hero:after{background-size:cover;height:24px}}.promo-title,.section-title,.ten,h2,h3{color:#00c853;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:1.2rem;margin-top:0;text-align:center;text-shadow:0 2px 8px #e0ffe0aa}.promo-title,.section-title{color:#009624;font-size:1.7rem;margin-bottom:1.1rem;margin-top:0;text-shadow:0 2px 8px #e0ffe077}.promotion-banner img{border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;filter:brightness(1) drop-shadow(0 2px 8px #ffd60033);transition:transform .22s cubic-bezier(.4,2,.6,1),box-shadow .22s cubic-bezier(.4,2,.6,1),filter .18s;width:220px}.promotion-banner img:hover{animation:promo-shake .5s;box-shadow:0 8px 32px #ffd60055,0 2px 8px #00c85333;filter:brightness(1.08) drop-shadow(0 6px 16px #ffd60077);transform:scale(1.08) rotate(-2deg)}@keyframes promo-shake{0%{transform:scale(1.08) rotate(-2deg)}20%{transform:scale(1.1) rotate(2deg)}40%{transform:scale(1.08) rotate(-2deg)}60%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1.08) rotate(-2deg)}}.review-card{align-items:center;background:#fff;border:1.5px solid #e0ffe0;border-radius:12px;box-shadow:0 2px 8px #00000012;cursor:pointer;display:flex;gap:14px;max-width:320px;min-width:260px;padding:18px 22px;position:relative;transition:box-shadow .18s,transform .18s,border .18s;z-index:1}.review-card:hover{background:linear-gradient(90deg,#fff 80%,#e0ffe0);border:1.5px solid #00c853;box-shadow:0 8px 32px #00c85322,0 2px 8px #ffd60033;transform:translateY(-6px) scale(1.04) rotate(-1deg)}.review-avatar{border:2px solid #00c853;border-radius:50%;box-shadow:0 2px 8px #00c85322;height:48px;object-fit:cover;width:48px}.review-card:hover .review-avatar{border-color:#ffd600;box-shadow:0 8px 24px #ffd60044;transform:scale(1.08) rotate(-2deg)}.app-feature-content img.app-mockup{border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;filter:brightness(1) drop-shadow(0 2px 8px #00c85333);transition:transform .22s cubic-bezier(.4,2,.6,1),box-shadow .22s cubic-bezier(.4,2,.6,1),filter .18s;width:180px}.app-feature-content img.app-mockup:hover{animation:promo-shake .5s;box-shadow:0 8px 32px #00c85355,0 2px 8px #ffd60033;filter:brightness(1.08) drop-shadow(0 6px 16px #00c85377);transform:scale(1.08) rotate(-2deg)}.app-download-links img{border-radius:8px;box-shadow:0 2px 8px #00c85322;cursor:pointer;margin-right:12px;transition:transform .18s,box-shadow .18s,filter .18s;width:120px}.app-download-links img:hover{box-shadow:0 8px 24px #ffd60044;filter:brightness(1.08);transform:scale(1.07) rotate(-2deg)}@media (max-width:600px){.promo-title,.section-title,.ten,h2,h3{font-size:1.2rem;margin-bottom:.7rem}}@media (max-width:1024px){.fields-popular-container,.loaisan-container,.navbar{padding-left:2vw;padding-right:2vw}.fields-grid,.loaisan-grid{gap:1.2rem}}@media (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;padding:10px 2vw}.menu{flex-wrap:wrap;font-size:1rem;gap:1rem}.auth-search{margin-top:.5rem}.hero h1{font-size:1.3rem}.fields-grid,.loaisan-grid{gap:1rem;grid-template-columns:1fr 1fr}.search-bar{border-radius:1.2rem;flex-direction:column;gap:.5rem;max-width:100vw;padding:.7rem}.search-bar button,.search-bar input,.search-bar select{border-radius:1rem;margin:0;width:100%}.search-bar button{margin-top:.3rem}}@media (max-width:600px){.navbar{padding:8px 1vw}.font-sans{padding-top:60px}.hero{border-radius:0 0 1rem 1rem;min-height:220px;padding:1.2rem .5rem}.hero h1{font-size:1rem}.fields-grid,.loaisan-grid{gap:.7rem;grid-template-columns:1fr}.field-card{border-radius:1rem;min-height:220px}.field-image-container{height:110px}.field-info{padding:.7rem .7rem 1rem}.btn-dat-san{font-size:.98rem;padding:.45rem 1rem}.loaisan-item{border-radius:1rem;max-width:100vw;padding:.8rem .5rem .7rem}.loaisan-item img{border-radius:.7rem;height:60px;max-width:90px}}.fields-popular-container{margin:2.5rem auto 0;max-width:1200px;padding:0 2vw}.fields-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:1.2rem}.field-card{background:#fff;border:1.5px solid #f0f0f0;border-radius:1.5rem;box-shadow:0 8px 32px #00c85321,0 1.5px 8px #00000012;cursor:pointer;display:flex;flex-direction:column;min-height:340px;overflow:hidden;position:relative;transition:box-shadow .22s,transform .18s,border .18s,background .22s}.field-card:hover{background:linear-gradient(120deg,#fff 80%,#e0ffe0);border-color:#ffd600;box-shadow:0 24px 64px #00c85333,0 8px 32px #ffd60033;filter:drop-shadow(0 0 16px #ffd60055);transform:translateY(-18px) scale(1.045) rotate(-1deg)}@keyframes cardStaggerIn{0%{opacity:0;transform:translateY(40px) scale(.97) rotate(-2deg)}60%{opacity:1;transform:translateY(-8px) scale(1.04) rotate(1deg)}80%{transform:translateY(2px) scale(1.01) rotate(-1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.field-card:hover .field-type-tag{background:linear-gradient(10deg,#ffd600 60%,#b6ffb6);box-shadow:0 4px 16px #ffd60033,0 0 0 2px #fff8;filter:brightness(1.08) drop-shadow(0 2px 8px #ffd60033)}.field-image-container{align-items:center;background:#e0e0e0;display:flex;height:170px;justify-content:center;overflow:hidden;position:relative;width:100%}.field-image{border-bottom:1.5px solid #e0e0e0;height:100%;object-fit:cover;transition:transform .18s;width:100%}.field-card:hover .field-image{box-shadow:0 8px 24px #ffd60044;transform:scale(1.08) rotate(-1deg)}.field-type-tag{align-items:center;background:linear-gradient(90deg,#00c853 70%,#b6ffb6);border:none;border-radius:999px;box-shadow:0 2px 8px 0 #00c8531a,0 0 0 1.5px #fff8;color:#fff;display:flex;filter:blur(0) drop-shadow(0 1px 2px #00c85318);font-size:.85rem;font-weight:600;height:26px;justify-content:center;left:10px;letter-spacing:.1px;min-height:0;min-height:auto;min-width:0;min-width:auto;padding:.13rem .75rem;position:absolute;text-align:center;top:10px;transition:background .18s,box-shadow .18s,color .18s,height .18s,font-size .18s,padding .18s;z-index:2}.field-card:hover .field-type-tag{background:linear-gradient(90deg,#ffd600 70%,#b6ffb6);box-shadow:0 4px 12px #ffd60022,0 0 0 1.5px #fff8;color:#222;filter:brightness(1.08) drop-shadow(0 2px 8px #ffd60022)}@media (max-width:600px){.field-type-tag{font-size:.78rem;height:20px;left:6px;padding:.08rem .55rem;top:6px}.field-card{border-radius:1rem;min-height:220px}.field-image-container{height:110px}.field-info{padding:.7rem .7rem 1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px) scale(.97)}60%{opacity:1;transform:translateY(-8px) scale(1.04)}80%{transform:translateY(2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-40px) scale(.97)}60%{opacity:1;transform:translateX(8px) scale(1.04)}80%{transform:translateX(-2px) scale(1.01)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(40px) scale(.97)}60%{opacity:1;transform:translateX(-8px) scale(1.04)}80%{transform:translateX(2px) scale(1.01)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.85)}80%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes shakeY{0%,to{transform:translateY(0)}20%{transform:translateY(-4px)}40%{transform:translateY(4px)}60%{transform:translateY(-2px)}80%{transform:translateY(2px)}}.hero{animation:fadeInScale .7s cubic-bezier(.4,2,.6,1) both}.hero h1,.hero p{animation:fadeInUp .7s cubic-bezier(.4,2,.6,1) .15s forwards;opacity:0}.hero h1{animation-delay:.18s}.hero p{animation-delay:.32s}.search-bar{animation:fadeInUp .7s cubic-bezier(.4,2,.6,1) .45s forwards;opacity:0}.loaisan-item{animation:fadeInScale .6s cubic-bezier(.4,2,.6,1) forwards;opacity:0}.loaisan-item:first-child{animation-delay:.1s}.loaisan-item:nth-child(2){animation-delay:.22s}.loaisan-item:nth-child(3){animation-delay:.34s}.loaisan-item:nth-child(4){animation-delay:.46s}.loaisan-item:nth-child(5){animation-delay:.58s}.loaisan-item:nth-child(6){animation-delay:.7s}.loaisan-item:hover img{animation:shakeY .5s}.field-card.stagger-animate{animation:cardStaggerIn .55s cubic-bezier(.4,2,.6,1) both}.user-reviews-section{animation:fadeInUp .7s cubic-bezier(.4,2,.6,1) .1s both}.reviews-list .review-card{animation:fadeInLeft .6s cubic-bezier(.4,2,.6,1) forwards;opacity:0}.reviews-list .review-card:first-child{animation-delay:.1s}.reviews-list .review-card:nth-child(2){animation-delay:.22s}.reviews-list .review-card:nth-child(3){animation-delay:.34s}.review-card:hover{animation:popIn .4s}.review-avatar{transition:box-shadow .18s,transform .18s}.review-card:hover .review-avatar{animation:shakeY .5s}.promotion-section{animation:fadeInRight .7s cubic-bezier(.4,2,.6,1) .1s both}.promotion-banner img{animation:fadeInScale .7s cubic-bezier(.4,2,.6,1) .18s forwards;opacity:0}.promo-content{animation:fadeInRight .7s cubic-bezier(.4,2,.6,1) .32s forwards;opacity:0}.promotion-banner img:hover{animation:popIn .4s}.app-feature-section{animation:fadeInUp .7s cubic-bezier(.4,2,.6,1) .1s both}.app-feature-content img.app-mockup{animation:fadeInLeft .7s cubic-bezier(.4,2,.6,1) .18s forwards;opacity:0}.app-feature-content .app-download-links,.app-feature-content ul{animation:fadeInRight .7s cubic-bezier(.4,2,.6,1) .32s forwards;opacity:0}.app-feature-content img.app-mockup:hover{animation:popIn .4s}.app-download-links img:hover{animation:shakeY .5s}.main-footer{animation:fadeInUp .7s cubic-bezier(.4,2,.6,1) .2s both}.footer-logo{animation:fadeInScale .7s cubic-bezier(.4,2,.6,1) .32s forwards;opacity:0}.footer-column{animation:fadeInLeft .7s cubic-bezier(.4,2,.6,1) forwards;opacity:0}.footer-column:first-child{animation-delay:.1s}.footer-column:nth-child(2){animation-delay:.22s}.footer-column:nth-child(3){animation-delay:.34s}.footer-column:nth-child(4){animation-delay:.46s}.booking-history-container{font-family:Segoe UI,sans-serif;margin:0 auto;max-width:1000px;padding:1rem}.heading{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.no-bookings{color:#4b5563;font-style:italic}.error{color:#dc2626}.error,.loading{font-weight:500;padding:1rem}.booking-card{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 4px #0000000d;margin-bottom:1rem;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.booking-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.field-name{color:#2563eb;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.info{color:#374151;font-size:.9rem;margin-bottom:.4rem}.status{font-weight:600;text-transform:capitalize}.status.pending{color:#ca8a04}.status.confirmed{color:#16a34a}.status.cancelled{color:#dc2626}@media (max-width:640px){.heading{font-size:1.3rem}.field-name{font-size:1.1rem}.info{font-size:.8rem}}.CoachBookingHistory_container__WmxUV{margin:0 auto;max-width:960px;padding:1.5rem}.CoachBookingHistory_title__U25-H{font-size:1.75rem;font-weight:600;margin-bottom:1rem}.CoachBookingHistory_grid__lls8i{grid-gap:1rem;display:grid;gap:1rem}.CoachBookingHistory_card__A2g9l{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:1rem;transition:box-shadow .3s ease}.CoachBookingHistory_card__A2g9l:hover{box-shadow:0 4px 10px #00000014}.CoachBookingHistory_coachInfo__Bko7\+{align-items:center;display:flex;gap:1rem}.CoachBookingHistory_coachImage__eRkdj{border:1px solid #ddd;border-radius:8px;height:80px;object-fit:cover;width:80px}.CoachBookingHistory_coachName__CYV9H{font-size:1.125rem;font-weight:600;margin:0}.CoachBookingHistory_specialties__KIPEs{color:#555;font-size:.9rem}.CoachBookingHistory_details__woBUC{font-size:.95rem;line-height:1.5;margin-top:1rem}.CoachBookingHistory_statusPending__Llnho{color:#d97706;font-weight:600}.CoachBookingHistory_statusConfirmed__O6oey{color:#059669;font-weight:600}.CoachBookingHistory_statusCancelled__V-8xf{color:#dc2626;font-weight:600}.CoachBookingHistory_message__jnGT0{color:#333;font-size:1.1rem;margin-top:2rem;text-align:center}.CoachBookingHistory_error__tATLk{color:#dc2626}.create-field-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:30px auto;max-width:600px;padding:24px}.form-title{color:#333;font-size:28px;margin-bottom:24px;text-align:center}.field-form .form-group{display:flex;flex-direction:column;margin-bottom:18px}.field-form label{font-weight:700;margin-bottom:6px}.field-form input,.field-form select,.field-form textarea{border:1px solid #ccc;border-radius:6px;padding:8px}.preview-images{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.thumbnail{border:1px solid #ddd;border-radius:6px;height:80px;object-fit:cover;width:80px}.form-buttons{display:flex;justify-content:space-between;margin-top:24px}.auth-button{background:#007bff;border-radius:8px;padding:10px 20px}.auth-button.secondary{background:#6c757d}.schedule-table{background-color:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 0 8px #00000014;font-size:16px;overflow:hidden;width:100%}.schedule-table td,.schedule-table th{border-bottom:1px solid #f0f0f0;padding:16px 20px;text-align:left}.schedule-table thead{background-color:#f5f5f5;color:#333;font-weight:600}.schedule-table tr:hover{background-color:#fafafa}.status-pending{color:#ff9800;font-weight:700}.status-confirmed{color:#4caf50;font-weight:700}.status-cancelled{color:#f44336;font-weight:700}.fields-list-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin:0 auto;max-width:1200px;padding:24px}.tab-strip{margin:100px 0}.date-picker-container,.tab-strip{display:flex;justify-content:center}.date-picker-container{gap:20px;margin:20px auto;max-width:400px}.tab{background-color:#eee;font-weight:700;margin:0 5px;padding:10px 20px}.tab.active{background-color:#fc0;border:2px solid #000}.revenue-table-container{background:#fff;border-radius:12px;box-shadow:0 0 6px #00000026;margin:auto;max-width:800px;padding:20px}.revenue-table{border-collapse:collapse;width:100%}.revenue-table td,.revenue-table th{border-bottom:1px solid #ccc;padding:12px;text-align:left}.revenue-table th{background-color:#f0f0f0}.yellow-strip{align-items:center;background-color:#f7b30c;box-shadow:0 4px 8px #0003;display:flex;justify-content:center;padding:25px 0;position:-webkit-sticky;position:sticky;top:60px;width:100%;z-index:999}.loaisan-nav{display:flex;gap:60px;list-style:none;margin:0;padding:0}.admin-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.admin-tabs{display:flex;gap:12px}.tab{background-color:#f4f4f4;border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px}.tab.active{background-color:#fff;box-shadow:0 2px 4px #0000001a}.auth-section{align-items:center;display:flex;gap:10px}.user-name{color:#333;font-weight:500}.auth-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;text-decoration:none}.logout-button{background-color:#dc3545}.admin-summary{display:flex;flex-wrap:wrap;gap:20px}.summary-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000000d;flex:1 1;min-width:200px;padding:16px 24px}.summary-title{color:#888;font-size:14px;margin-bottom:8px}.field-table{background-color:#fff;border-radius:12px;box-shadow:0 0 10px #0000001a;padding:20px}.field-table-header,.field-table-row{grid-gap:10px;border-bottom:1px solid #ddd;display:grid;gap:10px;grid-template-columns:2fr 2fr 1fr 3fr 1fr;padding:10px 0}.field-table-header{background-color:#f9f9f9;font-weight:700}.status-toggle{border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:6px 12px}.status-toggle.active{background-color:#4caf50}.status-toggle.pending{background-color:#ff9800}.pagination{display:flex;gap:5px;justify-content:center;margin-top:20px}.page-button{background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:8px 12px}.page-button.active{background-color:#007bff;color:#fff}.field-list-toolbar{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.add-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.search-input-giant{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:18px;margin-bottom:20px;padding:14px 20px;width:100%}
/*# sourceMappingURL=main.035a14ce.css.map*/