:root{--sage:#4a7c6f;--sage-light:#6a9e8f;--sage-dark:#2f5247;--cream:#f7f5f0;--cream-dark:#ede9e1;--terra:#c8745a;--terra-light:#faeee9;--terra-dark:#9b4e35;--anthracite:#2c2c2c;--mid:#6b6b6b;--light:#a8a8a8;--white:#fff;--font-serif:"Fraunces", serif;--font-sans:"DM Sans", sans-serif;--shadow-sm:0 1px 3px #0000000f, 0 2px 8px #0000000a;--shadow-md:0 4px 12px #00000014, 0 12px 32px #0000000f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--cream);color:var(--anthracite);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans)}img{max-width:100%;display:block}#root{flex-direction:column;min-height:100vh;display:flex}.page{width:100%;max-width:1080px;margin:0 auto;padding:40px 24px}.page-narrow{max-width:680px}.navbar{height:var(--nav-height);background:var(--sage-dark);z-index:100;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.navbar-logo{align-items:center;gap:12px;display:flex}.navbar-icon{background:#ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.navbar-icon svg{width:18px;height:18px}.navbar-wordmark{font-family:var(--font-sans);letter-spacing:-.02em;color:#fff;font-size:18px;font-weight:600;line-height:1}.navbar-ext{color:#a8d4c8;font-weight:300}.navbar-actions{align-items:center;gap:20px;display:flex}.navbar-link{color:#ffffffb3;font-size:14px;font-weight:500;transition:color .15s}.navbar-link:hover{color:#fff}.navbar-link-btn{cursor:pointer;background:0 0;border:none;padding:0}.navbar-hamburger{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:none}.navbar-mobile-menu{top:var(--nav-height);background:var(--sage-dark);z-index:99;border-top:1px solid #ffffff1a;flex-direction:column;gap:4px;padding:16px 20px;display:none;position:absolute;left:0;right:0;box-shadow:0 8px 24px #00000026}.navbar-mobile-link{color:#ffffffd9;border-bottom:1px solid #ffffff14;padding:12px 4px;font-size:15px;font-weight:500;transition:color .15s;display:block}.navbar-mobile-link:hover{color:#fff}.navbar-mobile-divider{background:#ffffff1a;height:1px;margin:8px 0}@media (width<=640px){.navbar-hamburger{display:flex}.navbar-actions{display:none}.navbar-mobile-menu{display:flex}}.lang-select{font-family:var(--font-sans);color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff1f;border:1px solid #fff3;outline:none;padding:5px 8px;font-size:13px}.lang-select option{background:var(--sage-dark);color:#fff}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--sage);color:#fff}.btn-primary:hover:not(:disabled){background:var(--sage-dark)}.btn-secondary{color:var(--sage);border:1.5px solid var(--sage);background:0 0}.btn-secondary:hover:not(:disabled){background:#e8f2ef}.btn-terra{background:var(--terra);color:#fff}.btn-terra:hover:not(:disabled){background:var(--terra-dark)}.btn-ghost{color:#fff;background:#ffffff1f;border:1px solid #fff3}.btn-ghost:hover:not(:disabled){background:#ffffff38}.btn-danger{color:#dc2626;background:#fee2e2}.btn-danger:hover:not(:disabled){background:#fecaca}.btn-sm{padding:6px 14px;font-size:13px}.btn-full{width:100%}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-green{color:var(--sage-dark);background:#e8f2ef}.badge-orange{background:var(--terra-light);color:var(--terra-dark)}.badge-yellow{color:#92620a;background:#fef9ec}.badge-red{color:#dc2626;background:#fee2e2}.badge-sage{color:var(--sage-dark);text-transform:uppercase;letter-spacing:.05em;background:#e8f2ef;font-size:11px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--anthracite);font-size:13px;font-weight:500}.input,.select,.textarea{font-family:var(--font-sans);color:var(--anthracite);background:var(--white);border:1.5px solid var(--cream-dark);border-radius:var(--radius-sm);appearance:none;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s}.input::placeholder,.textarea::placeholder{color:var(--light)}.input:focus,.select:focus,.textarea:focus{border-color:var(--sage)}.textarea{resize:vertical;min-height:100px;line-height:1.5}.select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236B6B6B' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.file-input{font-family:var(--font-sans);color:var(--mid);width:100%;font-size:13px}.file-input::file-selector-button{font-family:var(--font-sans);color:var(--sage-dark);border-radius:var(--radius-sm);cursor:pointer;background:#e8f2ef;border:none;margin-right:12px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s}.file-input::file-selector-button:hover{background:#d4e9e3}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.tool-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;display:block;overflow:hidden}.tool-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card-img{object-fit:cover;width:100%;height:160px;display:block}.tool-card-img-placeholder{background:var(--cream-dark);justify-content:center;align-items:center;width:100%;height:160px;font-size:40px;display:flex}.tool-card-body{padding:16px}.tool-card-category{color:var(--sage);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:500}.tool-card-name{color:var(--anthracite);margin-bottom:6px;font-size:15px;font-weight:600}.tool-card-desc{color:var(--mid);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.village-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.village-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:4px solid var(--sage);padding:24px;transition:box-shadow .2s,transform .2s;display:block}.village-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.village-card-name{font-family:var(--font-serif);color:var(--anthracite);margin-bottom:8px;font-size:20px;font-weight:600}.village-card-desc{color:var(--mid);margin-bottom:16px;font-size:13px;line-height:1.5}.village-card-link{color:var(--sage);font-size:13px;font-weight:500}.hero{text-align:center;padding:56px 0 64px}.hero-title{font-family:var(--font-serif);color:var(--anthracite);margin-bottom:16px;font-size:42px;font-weight:600;line-height:1.1}.hero-subtitle{color:var(--mid);max-width:480px;margin:0 auto;font-size:17px;line-height:1.6}.section-title{font-family:var(--font-serif);color:var(--anthracite);margin-bottom:20px;font-size:22px;font-weight:300}.village-header{background:var(--sage-dark);color:#fff;border-radius:var(--radius-lg);margin-bottom:28px;padding:32px}.village-header-name{font-family:var(--font-serif);color:#fff;margin-bottom:8px;font-size:32px;font-weight:600}.village-header-desc{color:#ffffffa6;margin-bottom:20px;font-size:15px;line-height:1.5}.village-header .btn-primary{background:#ffffff26;border:1.5px solid #ffffff4d}.village-header .btn-primary:hover{background:#ffffff40}.search-bar{gap:12px;margin-bottom:28px;display:flex}.search-bar .input{flex:1}.search-bar .select{width:auto;min-width:170px}.tool-detail-images{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.tool-detail-images img{border-radius:var(--radius-md);object-fit:cover;width:100%;max-height:320px}.tool-detail-category{color:var(--sage);text-transform:uppercase;letter-spacing:.06em;background:#e8f2ef;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:500;display:inline-block}.tool-detail-title{font-family:var(--font-serif);color:var(--anthracite);margin-bottom:12px;font-size:28px;font-weight:600;line-height:1.2}.tool-detail-desc{color:var(--mid);font-size:15px;line-height:1.6}.tool-detail-meta{border-top:1px solid var(--cream-dark);flex-direction:column;gap:8px;margin-top:20px;padding-top:16px;display:flex}.tool-detail-meta-row{color:var(--mid);align-items:center;gap:6px;font-size:13px;display:flex}.tool-detail-meta-row strong{color:var(--anthracite);font-weight:500}.page-title{font-family:var(--font-serif);color:var(--anthracite);margin-bottom:4px;font-size:28px;font-weight:600}.page-subtitle{color:var(--mid);margin-bottom:32px;font-size:13px}.profile-header{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:16px;margin-bottom:28px;padding:24px;display:flex}.profile-avatar-wrapper{cursor:pointer;border-radius:50%;flex-shrink:0;width:64px;height:64px;display:block;position:relative}.profile-avatar{object-fit:cover;border-radius:50%;width:64px;height:64px;transition:filter .2s;display:block}.profile-avatar-overlay{color:#fff;text-align:center;opacity:0;background:#2c2c2c8c;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:10px;font-weight:600;line-height:1.2;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-avatar-wrapper:hover .profile-avatar{filter:brightness(.75)}.profile-name{color:var(--anthracite);margin-bottom:2px;font-size:20px;font-weight:600}.profile-email{color:var(--mid);font-size:13px}.profile-section{margin-bottom:36px}.profile-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.profile-section-title{font-family:var(--font-serif);color:var(--anthracite);font-size:20px;font-weight:300}.profile-items{flex-direction:column;gap:10px;display:flex}.profile-tool-item{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:14px 16px;transition:box-shadow .15s;display:flex}.profile-tool-item:hover{box-shadow:var(--shadow-md)}.profile-tool-name{color:var(--anthracite);font-size:14px;font-weight:600}.profile-tool-category{color:var(--sage);margin-top:2px;font-size:12px}.reservation-item{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.reservation-tool-name{color:var(--anthracite);font-size:14px;font-weight:600}.reservation-date{color:var(--mid);text-transform:capitalize;margin-top:2px;font-size:13px}.admin-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:20px}.admin-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.admin-tool-name{color:var(--anthracite);margin-bottom:4px;font-size:15px;font-weight:600}.admin-date{color:var(--mid);text-transform:capitalize;margin-bottom:2px;font-size:13px}.admin-village{color:var(--light);font-size:12px}.admin-actions{gap:10px;display:flex}.damage-report{background:var(--cream);border:1px solid var(--terra-light);border-radius:var(--radius-md);flex-direction:column;gap:12px;margin-top:4px;padding:16px;display:flex}.damage-report-title{font-family:var(--font-serif);color:var(--terra-dark);font-size:15px;font-weight:600}.add-tool-form{flex-direction:column;gap:20px;display:flex}.image-previews{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.image-preview{object-fit:cover;border-radius:var(--radius-sm);border:1.5px solid var(--cream-dark);width:80px;height:80px}.booking{border-top:1px solid var(--cream-dark);margin-top:8px;padding-top:24px}.booking-title{font-family:var(--font-serif);color:var(--anthracite);margin-bottom:20px;font-size:20px;font-weight:600}.calendar-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-nav-btn{color:var(--mid);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:6px 14px;font-size:18px;transition:color .15s,background .15s}.calendar-nav-btn:hover{color:var(--sage);background:#e8f2ef}.calendar-month{color:var(--anthracite);text-transform:capitalize;font-size:15px;font-weight:500}.calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px;display:grid}.calendar-day-name{color:var(--light);text-transform:uppercase;letter-spacing:.05em;padding:4px 0;font-size:11px;font-weight:500}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{border-radius:var(--radius-sm);color:var(--anthracite);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;padding:8px 4px;transition:background .15s,color .15s}.calendar-day:hover:not(:disabled){color:var(--sage-dark);background:#e8f2ef}.calendar-day.past{color:var(--light);cursor:not-allowed}.calendar-day.full:not(.past){color:#f87171;cursor:not-allowed;background:#fee2e2}.calendar-day.blocked:not(.past){color:var(--light);cursor:not-allowed;background:#eceae4}.calendar-day.selected{background:var(--sage)!important;color:#fff!important}.slots{margin-top:16px}.slots-title{color:var(--anthracite);margin-bottom:10px;font-size:13px;font-weight:500}.slot-btn{border-radius:var(--radius-sm);border:1.5px solid var(--cream-dark);background:var(--white);width:100%;font-family:var(--font-sans);color:var(--anthracite);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;font-size:14px;transition:border-color .15s,background .15s,color .15s;display:flex}.slot-btn:hover:not(:disabled){border-color:var(--sage)}.slot-btn.taken{background:var(--cream);color:var(--light);cursor:not-allowed;border-color:var(--cream-dark)}.slot-btn.chosen{background:var(--sage);border-color:var(--sage);color:#fff}.slot-btn-label{font-weight:500}.slot-btn-hours{font-size:12px}.profile-tool-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .15s;overflow:hidden}.profile-tool-card:hover{box-shadow:var(--shadow-md)}.tool-block-manager{background:var(--cream);border-top:1px solid var(--cream-dark);padding:16px}.tool-block-title{color:var(--sage-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:13px;font-weight:600}.tool-block-item{background:var(--white);border-radius:var(--radius-sm);border-left:3px solid var(--terra);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.tool-block-dates{color:var(--anthracite);font-size:13px;font-weight:500}.tool-block-reason{color:var(--mid);margin-top:2px;font-size:12px}.tool-block-form{border-top:1px solid var(--cream-dark);grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;display:grid}@media (width<=480px){.tool-block-form{grid-template-columns:1fr}.tool-block-form>*{grid-column:1/-1!important}}.error-msg{color:var(--terra-dark);background:var(--terra-light);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px}.success-msg{color:var(--sage-dark);border-radius:var(--radius-sm);background:#e8f2ef;padding:10px 14px;font-size:14px}.empty-msg{color:var(--mid);font-size:14px}.loading-msg{color:var(--mid);padding:32px 24px;font-size:14px}.footer{background:var(--sage-dark);color:var(--cream);margin-top:64px;padding:48px 24px 32px}.footer-inner{grid-template-columns:2fr 1fr 1fr;align-items:start;gap:40px;max-width:960px;margin:0 auto;display:grid}.footer-logo{align-items:center;gap:10px;margin-bottom:12px;display:flex}.footer-logo-icon{width:22px;height:22px;color:var(--cream);opacity:.85;flex-shrink:0}.footer-wordmark{font-family:var(--font-sans);color:var(--cream);font-size:16px;font-weight:600}.footer-ext{color:#a8d4c8;font-weight:300}.footer-tagline{color:#f7f5f0a6;max-width:280px;font-size:13px;line-height:1.6}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-link{color:#f7f5f0a6;font-size:13px;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--cream)}.footer-col-right{text-align:right}.footer-copyright{color:#f7f5f0a6;margin-bottom:6px;font-size:13px}.footer-made{color:#f7f5f066;font-size:12px}.about-section{margin-bottom:40px}.about-section-title{font-family:var(--font-serif);color:var(--sage-dark);margin-bottom:16px;font-size:1.15rem;font-weight:400}.about-card{flex-direction:column;gap:12px;padding:24px 28px;display:flex}.about-text{color:var(--anthracite);font-size:15px;line-height:1.75}.about-steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.about-step{background:var(--white);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:10px;padding:24px 20px;display:flex}.about-step-icon{font-size:28px}.about-step-title{color:var(--sage-dark);font-size:15px;font-weight:700}.about-step-desc{color:var(--mid);font-size:13px;line-height:1.5}.about-rules{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.about-rules li{color:var(--anthracite);padding-left:20px;font-size:14px;line-height:1.6;position:relative}.about-rules li:before{content:"✓";color:var(--sage);font-weight:700;position:absolute;left:0}.about-faq{flex-direction:column;gap:8px;display:flex}.faq-item{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.faq-question{cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--anthracite);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.faq-question:hover{color:var(--sage-dark)}.faq-chevron{color:var(--sage);flex-shrink:0;font-size:18px;font-weight:300}.faq-answer{color:var(--mid);padding:0 20px 16px;font-size:14px;line-height:1.7}.about-discover-link{color:var(--sage);border-bottom:1px solid #0000;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s;display:inline-block}.about-discover-link:hover{color:var(--sage-dark);border-bottom-color:var(--sage-dark)}@media (width<=640px){.about-steps{grid-template-columns:1fr}}.privacy-sections{flex-direction:column;gap:36px;display:flex}.privacy-section h2{font-family:var(--font-serif);color:var(--sage-dark);margin-bottom:12px;font-size:1.1rem;font-weight:400}.privacy-section p,.privacy-section li{color:var(--anthracite);font-size:14px;line-height:1.7}.privacy-section ul{flex-direction:column;gap:6px;margin-top:8px;padding-left:20px;display:flex}.login-page{min-height:calc(100vh - var(--nav-height));background:var(--cream);justify-content:center;align-items:center;padding:40px 16px;display:flex}.login-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;padding:40px 36px;display:flex}.login-logo{height:64px;margin-bottom:4px}.login-title{font-family:var(--font-serif);color:var(--anthracite);text-align:center;margin:0;font-size:22px;font-weight:600}.login-subtitle{color:var(--mid);text-align:center;margin:0;font-size:14px}.login-privacy-block{color:#2f5247;border-radius:var(--radius-sm);background:#e8f2ef;align-items:flex-start;gap:10px;width:100%;padding:12px 16px;font-size:13px;display:flex}.login-privacy-icon{flex-shrink:0;margin-top:1px;font-size:16px}.login-privacy-block p{margin:0;line-height:1.5}.btn-google{background:var(--white);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--anthracite);cursor:pointer;border:1.5px solid #d1d5db;justify-content:center;align-items:center;gap:10px;padding:11px 20px;font-size:15px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.btn-google:hover{background:#f9fafb;border-color:#9ca3af}.btn-google-icon{flex-shrink:0}.login-note{color:var(--light);text-align:center;margin:-8px 0 0;font-size:12px}.login-separator{width:100%;color:var(--light);align-items:center;gap:12px;font-size:13px;display:flex}.login-separator:before,.login-separator:after{content:"";background:var(--cream-dark);flex:1;height:1px}.login-magic-form{flex-direction:column;gap:12px;width:100%;display:flex}.login-magic-form .btn{justify-content:center;width:100%}.login-success{color:var(--sage-dark);border-radius:var(--radius-sm);text-align:center;background:#e8f2ef;width:100%;margin:0;padding:12px 16px;font-size:14px}.login-error{color:var(--terra-dark);text-align:center;margin:0;font-size:13px}.login-section{flex-direction:column;gap:12px;width:100%;padding-top:4px;display:flex}.login-section-title{color:var(--sage-dark);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px;font-weight:600}.login-forgot-link{color:var(--mid);cursor:pointer;text-align:left;font-size:13px;font-family:var(--font-sans);background:0 0;border:none;padding:0;text-decoration:underline}.login-forgot-link:hover{color:var(--sage)}@media (width<=640px){.page{padding:24px 16px}.navbar{padding:0 16px}.navbar-actions{gap:12px}.hero{padding:36px 0 44px}.hero-title{font-size:30px}.search-bar{flex-direction:column}.search-bar .select{width:100%;min-width:unset}.tools-grid,.village-grid{grid-template-columns:1fr}.admin-actions{flex-direction:column}.profile-header{text-align:center;flex-direction:column}.footer-inner{grid-template-columns:1fr;gap:28px}.footer-col-right{text-align:left}}