.form-group{margin-bottom:1rem}.form-body{margin-top:20px}.form-label{font-size:12px;display:block;font-weight:600;margin-bottom:.25rem;color:#749599}.form-input{width:100%;padding:10px 8px;border:1px solid #DAE7E9;background:#e9f2f3;border-radius:6px;font-size:16px;color:#264d52}.form-input:focus{outline:none;border-color:#749599;box-shadow:0 0 0 1px #749599}.form-nav{display:flex;justify-content:space-between;margin-top:1.5rem}.btn-primary{background:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:6px;border:none}.btn-secondary{background:#6b7280;color:#fff;padding:.5rem 1rem;border-radius:6px;border:none}.btn-cancel{position:absolute;bottom:3rem;background:#dae7e9;color:#d21515;padding:.5rem 2rem;border-radius:200px;font-weight:600;font-size:14px;border:none}.form-page{position:fixed;top:0;left:0;width:100%;height:100vh;padding:1.2rem;display:flex;flex-direction:column;margin:0 auto;overflow-y:auto;z-index:9999}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.form-header h2{font-size:18px;font-weight:600;color:#264d52}input::placeholder{font-size:12px;color:#749599}textarea::placeholder{font-size:12px;color:#749599}.checkbox{font-size:12px;font-weight:500;color:#749599}.form-nav-icons{display:flex;gap:16px}.nav-icon{width:30px;height:30px;cursor:pointer}.form-body{flex-grow:1;display:flex;flex-direction:column;gap:1rem}.form-footer{margin-top:auto;padding-top:1rem}.btn-success{background:#16a34a;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer}.authContainer{min-height:100vh;width:100%;padding:2rem 1rem;margin-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#1d3a3a;box-sizing:border-box}.authTitle{font-size:24px;font-weight:700;color:#264d52;margin-bottom:.5rem}.authSubtitle{font-size:13px;color:#749599;margin-bottom:1.5rem;text-align:center;padding:0 30px;max-width:300px;margin-top:-15px}.authContainer .form-group{width:100%;max-width:320px;margin-bottom:1rem}.form-label{display:block;font-size:.85rem;color:#374151;margin-bottom:.3rem}.form-input{width:100%;padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.95rem;outline:none;transition:border-color .2s ease}.form-input:focus{border-color:#264d52}.btnPrimary{width:100%;max-width:320px;padding:.75rem;background-color:#264d52;color:#e9f2f3;font-weight:600;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;margin-top:20px;transition:background-color .2s ease}.authDivider{display:flex;align-items:center;width:100%;max-width:320px;color:#9ca3af;font-size:.85rem;margin:1.5rem 0;text-align:center;position:relative}.authDivider:before,.authDivider:after{content:"";flex:1;height:1px;background:#e5e7eb;margin:0 .75rem}.authAltButtons{display:flex;gap:.75rem;width:100%;max-width:320px;margin-bottom:1.5rem}.btnSecondary{flex:1;padding:.6rem;border:1px solid #C3D5D7;border-radius:.5rem;background:#e9f2f3;color:#264d52;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.authRedirect{font-size:12px;color:#749599;text-align:center}.authLink{color:#1d3a3a;font-weight:600;cursor:pointer}.authLink:hover{text-decoration:underline}.authContainer{scrollbar-width:none;-ms-overflow-style:none}.authContainer::-webkit-scrollbar{display:none}.token-inputs{display:flex;justify-content:center;gap:10px;margin:20px 0}.token-inputs input{width:45px;height:55px;text-align:center;font-weight:600;padding:10px 8px;border:1px solid #DAE7E9;background:#e9f2f3;border-radius:6px;font-size:16px;color:#264d52}.token-inputs input:focus{outline:none;border-color:#749599;box-shadow:0 0 0 1px #749599}.error{color:#dc2626;font-size:.9rem;margin-bottom:10px;text-align:center}.success{color:#16a34a;font-size:.9rem;margin-bottom:10px;text-align:center}.register-link{display:flex;justify-content:center;gap:6px;margin-top:24px;font-size:12px}.register-link button{background:0;border:0;font-weight:700;color:#1d3a3a}.layoutContainer{height:100vh;background-color:#f4f9f8}.contentArea{flex:1;overflow-y:auto;padding:80px 0;overscroll-behavior:none;scrollbar-width:none;-ms-overflow-style:none}.contentArea::-webkit-scrollbar{width:0;height:0;background:transparent;display:none}.NavContainer{position:fixed;bottom:0;left:0;right:0;height:60px;background:#f4f9f8;z-index:1;padding:0}.tabNav{position:fixed;bottom:6px;left:16px;right:16px;height:60px;background-color:#0d2b2f;border-radius:6px;display:flex;justify-content:space-around;align-items:center;padding:8px 0}.tabButton{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.tabIcon{width:26px;height:26px}.headerContainer{position:fixed;top:0;right:0;left:0;width:100%;max-width:100%;background-color:#f4f9f8;padding:20px;z-index:1000;display:flex;justify-content:space-between;align-items:center}.titleStyle{font-size:24px;font-weight:700;color:#264d52;margin:0}.searchIconStyle{width:26px;height:26px;cursor:pointer}.rental-card{display:flex;border:1px solid #DAE7E9;border-radius:8px;padding:12px;margin-bottom:18px;background-color:#ebf4f5;max-width:600px;cursor:pointer}.rental-card-left{flex:0 0 80px;margin-right:12px}.rental-card-image{width:100%;height:auto;min-height:100px;max-height:100px;border-radius:4px;object-fit:cover}.rental-card-right{flex:1;display:flex;flex-direction:column;justify-content:space-between}.rental-card-machine-name{font-weight:700;font-size:15px;color:#264d52}.rental-card-description{margin-top:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:11px;line-height:13px;font-weight:400;color:#6b8c8f}.rental-card-bottom-row{margin-top:10px;display:flex;justify-content:space-between;font-weight:600;font-size:16px;color:#264d52}.rental-card-price{font-size:13px;font-weight:800}.rental-card-location{background:#264d52;font-size:10px;font-weight:700;border-radius:900px;padding:4px 12px;color:#dae7e9;text-align:center;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:flex-end;z-index:9999!important;transition:opacity .3s ease}.modal-content{background:#f5fdfd;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;padding:8px;overflow-y:auto;transform:translateY(100%);animation:slideUp .35s ease forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.modal-image-container{position:relative}.modal-image{width:100%;height:200px;object-fit:cover;border-radius:14px}.modal-location{position:absolute;top:12px;right:12px;background:#264d52;color:#c3d5d7;font-weight:600;padding:4px 10px;border-radius:12px;font-size:.85rem}.modal-machine-name{font-size:20px;font-weight:600;margin-top:20px;color:#264d52;padding:0 8px}.modal-description{font-size:14px;margin-top:16px;color:#6b8c8f;padding:0 8px;display:-webkit-box;-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.modal-details{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;font-size:12px;color:#749599;margin-top:16px}.modal-details img{width:22px;height:auto}.modal-price{font-size:18px;font-weight:600;color:#264d52}.modal-price span{font-size:12px;font-weight:400}.modal-price,.modal-available,.modal-poster,.modal-info{display:flex;flex-direction:column;align-items:center}.modal-actions{display:flex;justify-content:space-between;gap:40px;padding:14px 8px}.modal-btn{flex:1;text-align:center;padding:12px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.modal-btn.call{background:#dae7e9;border:#C3D5D7 1px solid;color:#004d40;margin-right:10px}.modal-btn.whatsapp{background:#264d52;color:#c3d5d7}.modal-content.slide-down{animation:slideDown .35s ease forwards}.Onboard{display:flex;flex-direction:column;gap:25px;position:fixed;top:200px;padding-right:20px}.Onboard h1{font-size:36px;color:#0d2b2f}.Onboard p{font-size:14px;color:#6b8c8f}.Onboard button{background:#dae7e9;border:0;width:40%;padding:12px 0;font-size:14px;font-weight:500;color:#0d2b2f;border-radius:4px}.settings-page{position:fixed;top:0;right:0;left:0;width:100%;max-width:100%;padding:20px;z-index:1000;color:#1d3a3a}.settings-header{font-size:24px;font-weight:700;margin-bottom:24px}.user-capsule{display:flex;align-items:center;justify-content:space-between;background-color:#dae7e9;padding:16px;border-radius:12px;cursor:pointer;margin:48px 0}.user-left{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#264d52;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#c3d5d7}.user-info p{margin:0}.user-name{font-weight:600;font-size:15px}.user-phone{font-size:13px;color:#6a7a7a}.settings-group{background-color:#e3eded;border-radius:12px;overflow:hidden;margin:20px 0}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;font-size:14px;font-weight:600;color:#2b3d3d;border-bottom:1px solid #d5e0e0}.settings-item:last-child{border-bottom:none}.settings-item img,.user-capsule img{width:14px;height:14px}.settings-item.logout{color:#e53935;font-weight:600;justify-content:flex-start}.machine-detail{max-width:720px;margin:auto -6px;padding:6px 0;font-family:Inter,sans-serif;color:#264d52}.back-btn{position:fixed;top:0;left:0;width:100%;padding:16px;font-size:15px;font-weight:600;background:#f4fafb;border:none;color:#264d52;cursor:pointer;z-index:99;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #0000000a}.detail-image-container{margin-top:50px;position:relative}.detail-image-container img{width:100%;border-radius:12px;object-fit:cover}.detail-location{position:absolute;top:14px;right:14px;font-size:13px;background:#264d52d9;color:#c3d5d7;padding:4px 12px;border-radius:10px;font-weight:500}h1{margin:20px 0 8px;font-size:22px;font-weight:700;color:#264d52}p{color:#6b8c8f;line-height:1.4;font-size:15px}.detail-section{margin-top:24px;padding:16px;background:#f9fdfd;border-radius:12px;box-shadow:0 1px 3px #0000000d}.detail-section h3{margin:10px 0;font-size:17px;font-weight:600;color:#264d52}.detail-section ul{list-style:none;padding:0;margin:0}.detail-section li{margin:6px 0;font-size:14px;color:#444}.detail-section li strong{color:#264d52}.contact-actions{display:flex;gap:12px;margin-top:12px}.btn{flex:1;text-align:center;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease}.btn.call{background:#dae7e9;color:#264d52}.btn.whatsapp{background:#25d366;color:#fff}.btn:hover{opacity:.9;transform:translateY(-1px)}.custom-select-wrapper{position:relative}.custom-select{appearance:none;background:#e9f2f3 url("data:image/svg+xml;utf8,<svg fill='gray' height='16' viewBox='0 0 24 24' width='16'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 10px center;background-size:16px;cursor:pointer}.upload-box{border:1px dashed #749599;background:#e9f2f3;border-radius:6px;padding:20px;text-align:center;cursor:pointer;color:#264d52;display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon{width:28px;height:28px}.preview-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.preview-card{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;background:#e9f2f3;object-fit:cover}.preview-img{width:100%;height:100%;object-fit:cover}.cancel-btn{position:absolute;top:6px;right:6px;border:none;border-radius:50%;cursor:pointer;padding:2px;width:35px;height:35px;display:flex;justify-content:center;align-items:center}.form-group input[type=checkbox]{appearance:none;width:18px;height:18px;border:1px solid #DAE7E9;background:#e9f2f3;border-radius:4px;cursor:pointer;vertical-align:middle}.form-group input[type=checkbox]:checked{background-color:#16a34a;border-color:#16a34a;background-image:url("data:image/svg+xml;utf8,<svg fill='white' viewBox='0 0 20 20'><path d='M16.7 5.3a1 1 0 00-1.4-1.4L8 11.2 4.7 8a1 1 0 00-1.4 1.4l4 4a1 1 0 001.4 0l8-8z'/></svg>");background-repeat:no-repeat;background-position:center}.edit-profile-page{position:fixed;top:0;right:0;left:0;width:100%;max-width:100%;padding:20px;z-index:1000;color:#1d3a3a}.edit-profile-header{display:flex;align-items:center;gap:8px;margin-bottom:48px}.edit-profile-header h1{font-size:22px;font-weight:700;margin:0}.edit-profile-body{display:flex;flex-direction:column;gap:18px;margin-bottom:28px}.btn-save{width:100%;padding:14px;background-color:#1d3a3a;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out}.btn-save:hover{background-color:#162e2e}.account-security-page{position:fixed;top:0;right:0;left:0;width:100%;max-width:100%;padding:20px;z-index:1000;color:#1d3a3a}.account-security-header{display:flex;align-items:center;gap:8px;margin-bottom:48px}.account-security-header h1{font-size:22px;font-weight:700;margin:0}.btn-reset{width:100%;padding:14px;background-color:#1d3a3a;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out}.btn-reset:hover{background-color:#162e2e}.my-listings-page{padding:6px;min-height:100vh;margin-top:60px;color:#1d3a3a}.my-listings-header{position:fixed;top:0;right:0;left:0;width:100%;max-width:100%;background-color:#f4f9f8;padding:20px;z-index:1000;display:flex;gap:6px;align-items:center}.my-listings-header h1{font-size:22px;font-weight:700;margin:0}.back-icon{width:20px;height:20px;transform:rotate(180deg);cursor:pointer}.my-listings-list{display:flex;flex-direction:column;gap:20px}.my-listing-item{display:flex;align-items:center;justify-content:space-between;background-color:#e8f1f1;border-radius:6px;border:#DAE7E9 1px solid;padding:14px 16px;cursor:pointer;transition:background-color .2s ease-in-out;width:100%}.my-listing-text{width:80%}.my-listing-text h2{margin:0;font-size:16px;font-weight:600;color:#1d3a3a}.my-listing-text p{margin:4px 0 0;font-size:12px;width:auto;color:#607d7d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hamburger-icon{width:20px;height:20px;cursor:pointer}.menu-wrapper{position:relative}.menu-popup{position:absolute;top:20px;right:6px;background:#fff;border:1px solid #dae7e9;border-radius:6px;box-shadow:0 2px 6px #0000001f;padding:8px;display:flex;flex-direction:column;gap:8px;z-index:20;width:160px;min-width:140px}.menu-item{text-align:left;padding:6px 10px;font-size:14px;font-weight:500;border:none;background:none;cursor:pointer;border-radius:4px;color:#1d3a3a}.menu-item:hover{background-color:#f0f6f6}.menu-item.delete{color:#e63946;font-weight:500}.menu-item.toggle{display:flex;align-items:center;justify-content:space-between}.switch{position:relative;display:inline-block;width:34px;height:18px;margin-right:6px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:18px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#2ecc71}input:checked+.slider:before{transform:translate(16px)}.info-card{background:#ebf4f5;border:1px solid #dae7e9;border-radius:8px;padding:16px;margin-bottom:20px}.info-card-title{font-size:18px;font-weight:700;margin-bottom:12px;color:#1d3a3a}.info-section{margin-bottom:12px}.info-section-heading{font-size:14px;font-weight:600;margin-bottom:4px;color:#1d3a3a}.info-text{font-size:13px;color:#607d7d;white-space:pre-wrap}.info-list{padding-left:20px;margin:6px 0}.info-list li{font-size:13px;color:#607d7d;margin-bottom:4px}.info-numbered-heading{font-size:14px;font-weight:600;color:#1d3a3a;margin-bottom:4px}.support-page{padding:12px;min-height:100vh;margin-top:0;color:#1d3a3a}.support-header{position:fixed;top:0;left:0;right:0;background:#f4f9f8;padding:20px;z-index:1000;display:flex;align-items:center;gap:8px}.support-header h1{font-size:20px;font-weight:700;margin:0}.support-content{margin-top:60px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#0d2b2f;background-color:#f4fafb}.app-container{width:100%;max-width:600px;padding:1rem;background-color:inherit}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}a{color:#646cff}button{cursor:pointer}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}