:root{--primary-color: #FFD700;--footer-link: #FFD700;--secondary-color: #1a1a1a;--background-color: #ffffff;--resetbtn-background-color: #e9e9e9;--background-alt: #f8f9fa;--btn-text-primary: #000000;--btn-text-secondary: #000000;--text-color: #333333;--text-color-muted: #666666;--card-background: #ffffff;--border-color: #e1e1e1;--nav-link-active: #998100;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--hover-shadow: 0 4px 20px rgba(0, 0, 0, .15);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary-color: #FFD700;--footer-link: #073a9f;--secondary-color: #FFD700;--background-color: #1a1a1a;--background-alt: #2d2d2d;--resetbtn-background-color: #4b4b4b;--btn-text-primary: #ffffff;--btn-text-secondary: #000000;--nav-link-active: #FFD700;--text-color: #ffffff;--text-color-muted: #cccccc;--card-background: #393939;--border-color: #444444;--shadow: 0 2px 10px rgba(255, 215, 0, .1);--hover-shadow: 0 4px 20px rgba(255, 215, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color);transition:var(--transition);margin:0;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:#e6c200;text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-weight:600;line-height:1.2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--transition)}.header{background:var(--card-background);box-shadow:var(--shadow);position:fixed;top:0;width:100%;z-index:1000;transition:var(--transition)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.logo-container{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-image{height:80px;width:auto;object-fit:contain}.logo-text{color:var(--primary-color);font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(53,48,48,.6)}.nav-menu{display:flex;list-style:none;align-items:center;margin:0;padding:0}.nav-link{text-decoration:none;font-size:1.1rem;color:var(--text-color);font-weight:600;transition:var(--transition);position:relative;padding:0 10px;display:block}.nav-link.active{color:var(--nav-link-active)!important}.nav-link:hover{color:var(--nav-link-active)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary-color);transition:var(--transition)}.nav-link:hover:after,.nav-link.active:after{width:70%}.theme-toggle{background:var(--card-background);border:2px solid rgba(255,215,0,.5);border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:var(--transition);box-shadow:var(--shadow)}.theme-toggle:hover{transform:scale(1.1)}.language-select{text-align:center;width:fit-content;height:50px;background:var(--card-background);border:2px solid rgba(255,215,0,.5);border-radius:8px;margin-left:16px;color:var(--text-color);font-size:1rem;cursor:pointer;transition:var(--transition);outline:none;padding:0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.language-select:hover{border-color:#ffd700cc;box-shadow:0 0 0 2px #ffd70033}.language-select option{background:var(--card-background);color:var(--text-color);padding:.5rem}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1003;position:relative}.hamburger span{width:25px;height:3px;background:var(--text-color);margin:3px 0;transition:var(--transition)}.hamburger-open span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger-open span:nth-child(2){opacity:0}.hamburger-open span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media(max-width:1024px){.logo-text{display:none}.logo-image{height:40px}.nav{padding:.5rem 1rem}.hamburger{display:flex}.nav-menu{position:fixed;top:0;right:-100%;height:100vh;width:80%;max-width:300px;background:var(--card-background);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:100px;transition:var(--transition);box-shadow:var(--shadow);border-left:1px solid var(--border-color)}.nav-menu-open{right:0}.nav-menu li{width:100%;text-align:center}.nav-link{padding:1rem;width:100%;font-size:1.1rem}.theme-toggle,.language-select{box-shadow:none;width:200px;height:50px;margin:auto;border-radius:8px;border:none}}@media(min-width:1024px){.nav{justify-content:space-between;align-items:center;padding:1rem 2rem}.nav-brand{flex:0 0 auto}.nav-menu{justify-content:flex-end;flex:0 0 auto}}.footer{background:var(--secondary-color);color:#fff;padding:3rem 0 1rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{color:var(--primary-color);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.footer-section h3{font-size:1.5rem;font-weight:700}.footer-section p{color:#fff;line-height:1.6}.footer-section a{color:var(--footer-link);text-decoration:none;transition:var(--transition)}.footer-section a:hover{color:#e6c200;text-decoration:underline}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fff;text-decoration:none;transition:var(--transition)}.footer-section ul li a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:1rem;text-align:center;opacity:.8}.footer-bottom p{margin:0;color:#fff}[data-theme=dark] .footer,[data-theme=dark] .footer-section h3,[data-theme=dark] .footer-section h4,[data-theme=dark] .footer-section p,[data-theme=dark] .footer-section ul li a{color:#000}[data-theme=dark] .footer-bottom{border-top:1px solid rgba(0,0,0,.2)}[data-theme=dark] .footer-bottom p{color:#000}footer .footer-link{color:var(--footer-link);text-decoration:underline}@media(max-width:768px){.footer{padding:2rem 0 1rem;margin-top:2rem}.footer-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-section{padding:0 1rem}.footer-section h3,.footer-section h4{font-size:1.1rem}.footer-section h3{font-size:1.3rem}}.floating-contacts{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:12px}.contact-item{position:relative}.contact-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;text-decoration:none;transition:var(--transition);box-shadow:0 4px 12px #00000026;position:relative;overflow:hidden;padding:0;margin:0}.contact-btn:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px #00000040}.contact-btn:active{transform:translateY(-1px) scale(1.05)}.phone-btn{background:linear-gradient(135deg,#25d366,#128c7e)}.phone-btn:hover{background:linear-gradient(135deg,#128c7e,#075e54)}.zalo-btn{background:linear-gradient(135deg,#0068ff,#0052cc)}.zalo-btn:hover{background:linear-gradient(135deg,#0052cc,#003d99)}.messenger-btn{background:linear-gradient(135deg,#00b2ff4f,#006aff)}.messenger-btn:hover{background:linear-gradient(135deg,#00b3ff81,#004ccc)}.contact-icon{width:42px;height:42px;border-radius:4px;object-fit:contain;flex-shrink:0;position:relative;z-index:2;margin:0!important;padding:0!important;line-height:0}.contact-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:#ffffff4d;opacity:0}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.contact-item:before{content:attr(title);position:absolute;right:70px;top:50%;transform:translateY(-50%);background:var(--card-background);color:var(--text-color);padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition);box-shadow:var(--shadow);border:1px solid var(--border-color);z-index:1001}.contact-item:hover:before{opacity:1;transform:translateY(-50%) translate(-8px)}@media(max-width:768px){.floating-contacts{bottom:15px;right:15px;gap:10px}.contact-btn{width:50px;height:50px}.contact-icon{width:28px;height:28px}.contact-item:before{right:60px;font-size:.8rem;padding:6px 10px}}@media(max-width:480px){.floating-contacts{bottom:10px;right:10px;gap:8px}.contact-btn{width:45px;height:45px}.contact-icon{width:32px;height:32px}.contact-item:before{display:none}}.rent-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease}.rent-modal-content{background:var(--card-background);border-radius:16px;min-height:20rem;height:fit-content;border:2px solid var(--border-color);box-shadow:0 10px 30px #0000004d;max-width:800px;width:100%;max-height:90vh;position:relative;animation:slideUp .3s ease;display:flex;flex-direction:column}.rent-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border-color);background:var(--card-background);border-radius:16px 16px 0 0;position:sticky;top:0;z-index:10}.rent-modal-header h2{margin:0;font-size:1.8rem;color:var(--primary-color)}.rent-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:.5rem;border-radius:8px;transition:all .2s ease}.rent-modal-close:hover{background:#f0f0f0;color:#333}.rent-modal-body{padding:2rem;flex:1;overflow-y:auto}.vehicle-summary{display:flex;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;margin-bottom:2rem}.summary-image{width:100px;height:70px;object-fit:cover;border-radius:8px}.summary-details h3{margin:0 0 .5rem;font-size:1.2rem;color:var(--text-color, #333)}.summary-price{margin:0;font-size:1.1rem;font-weight:600;color:var(--primary-color)}.rent-form{display:flex;flex-direction:column;gap:2rem}.form-section{border:1px solid #eee;border-radius:12px;padding:1.5rem}.form-section h4{margin:0 0 1.5rem;font-size:1.2rem;color:var(--text-color, #333);padding-bottom:.5rem;border-bottom:2px solid var(--primary-color);display:inline-block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color, #333)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.form-group textarea{resize:vertical;min-height:100px}.form-group input[type=date]{cursor:pointer;color:var(--text-color)}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;padding:4px;border-radius:4px}.form-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:#0000001a}.rent-modal-footer{display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 2rem;border-top:2px solid var(--border-color);background:var(--card-background);border-radius:0 0 16px 16px;position:sticky;bottom:0;z-index:10}.form-actions{display:flex;gap:1rem;width:100%}.submit-btn,.reset-btn{flex:1;padding:1rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition, all .2s ease);text-transform:uppercase;letter-spacing:1px}.submit-btn{background:linear-gradient(45deg,var(--primary-color, #FFD700),#FFA500);color:var(--btn-text-secondary, #000);box-shadow:0 4px 15px #ffd7004d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ffd70066}.reset-btn{background:var(--card-background, #fff);color:var(--text-color, #333);border:2px solid var(--border-color, #ddd)}.reset-btn:hover{background:var(--border-color, #ddd);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.rent-modal-content{max-height:95vh;margin:.5rem}.rent-modal-header,.rent-modal-body,.rent-modal-footer{padding:1.5rem}.rent-modal-header h2{font-size:1.5rem}.vehicle-summary{flex-direction:column;text-align:center}.summary-image{width:120px;height:90px;align-self:center}.form-row{grid-template-columns:1fr}.rent-modal-footer{flex-direction:column}.form-actions{flex-direction:column;gap:.75rem}.reset-btn,.submit-btn{width:100%}}@media(max-width:480px){.rent-modal{padding:.5rem}.rent-modal-header,.rent-modal-body,.rent-modal-footer,.form-section{padding:1rem}.rent-modal-header h2{font-size:1.3rem}}.loading-overlay{position:absolute;inset:0;background:var(--card-background);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;border-radius:16px}.loading-spinner{width:60px;height:60px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{font-size:1.1rem;color:var(--text-color);margin:0;font-weight:500}.success-notification{position:absolute;inset:0;background:var(--card-background);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;border-radius:16px;padding:2rem;text-align:center}.success-icon{width:80px;height:80px;background:#28a745;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;margin-bottom:1.5rem;animation:successPulse .6s ease-out}.success-notification h3{color:#28a745;margin:0 0 1rem;font-size:1.5rem}.success-notification p{color:var(--text-color);margin:0 0 1rem;font-size:1.1rem;line-height:1.5;max-width:400px}.success-notification small{color:var(--text-color-muted);font-size:.9rem;font-style:italic}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.rent-modal-body.hidden,.rent-modal-footer.hidden{display:none}.reset-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none}.rent-modal-close:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.success-notification{padding:1.5rem}.success-icon{width:60px;height:60px;font-size:2rem;margin-bottom:1rem}.success-notification h3{font-size:1.3rem}.success-notification p{font-size:1rem}.loading-spinner{width:50px;height:50px}.loading-text{font-size:1rem}}[data-theme=dark] .rent-modal-content{background:var(--card-background);border-color:var(--border-color);box-shadow:0 10px 30px #0009}[data-theme=dark] .rent-modal-header{background:var(--card-background);border-color:var(--border-color)}[data-theme=dark] .rent-modal-header h2{color:var(--primary-color)}[data-theme=dark] .close-btn{color:var(--text-color)}[data-theme=dark] .close-btn:hover{color:var(--primary-color);background:#ffd7001a}[data-theme=dark] .rent-modal-body{background:var(--card-background)}[data-theme=dark] .vehicle-summary{background:var(--background-alt);border:1px solid var(--border-color)}[data-theme=dark] .summary-details h3{color:var(--text-color)}[data-theme=dark] .summary-price{color:var(--primary-color)}[data-theme=dark] .vehicle-info{background:transparent;border-color:var(--border-color)}[data-theme=dark] .vehicle-info h3{color:var(--text-color)}[data-theme=dark] .price{color:var(--primary-color)}[data-theme=dark] .form-section{border-color:var(--border-color);background:var(--background-alt)}[data-theme=dark] .form-section h4{color:var(--text-color);border-color:var(--primary-color)}[data-theme=dark] .form-group label{color:var(--text-color)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--background-color);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ffd7001a}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:var(--text-color-muted)}[data-theme=dark] .rent-modal-footer{background:var(--card-background);border-color:var(--border-color)}[data-theme=dark] .btn-secondary{background:var(--background-alt);color:var(--text-color);border-color:var(--border-color)}[data-theme=dark] .btn-secondary:hover{background:var(--border-color);transform:translateY(-2px)}[data-theme=dark] .btn-primary{background:var(--primary-color);color:var(--btn-text-secondary)}[data-theme=dark] .btn-primary:hover{background:#e6c200;transform:translateY(-2px)}[data-theme=dark] .btn-primary:disabled{background:var(--border-color);color:var(--text-color-muted)}[data-theme=dark] .loading-overlay{background:#1a1a1ae6}[data-theme=dark] .loading-content{background:var(--card-background);border-color:var(--border-color);box-shadow:0 10px 30px #0009}[data-theme=dark] .loading-text{color:var(--text-color)}[data-theme=dark] .success-notification{background:var(--card-background);border-color:var(--border-color);box-shadow:0 10px 30px #0009}[data-theme=dark] .success-notification h3{color:var(--primary-color)}[data-theme=dark] .success-notification p{color:var(--text-color)}[data-theme=dark] .form-group input[type=date]{background:var(--background-color);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}[data-theme=dark] .form-group input[type=date]::-webkit-datetime-edit{color:var(--text-color)}[data-theme=dark] .form-group input[type=date]::-webkit-datetime-edit-fields-wrapper{color:var(--text-color)}[data-theme=dark] .form-group input[type=date]::-webkit-datetime-edit-text{color:var(--text-color)}[data-theme=dark] .form-group input[type=date]::-webkit-datetime-edit-month-field,[data-theme=dark] .form-group input[type=date]::-webkit-datetime-edit-day-field,[data-theme=dark] .form-group input[type=date]::-webkit-datetime-edit-year-field{color:var(--text-color)}[data-theme=dark] .date-format-hint{color:var(--text-color-muted)}[data-theme=dark] .form-control,[data-theme=dark] .date-input{background:var(--background-color)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}[data-theme=dark] .rent-form{background:transparent}[data-theme=dark] .form-row{gap:1rem}[data-theme=dark] .form-row .form-group{background:transparent}[data-theme=dark] .rent-modal-content{background:var(--card-background);max-height:90vh;overflow:hidden}[data-theme=dark] .rent-modal-body{background:var(--card-background);overflow-y:auto;flex:1}.error-notification{position:absolute;inset:0;background:var(--card-background);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;border-radius:16px;padding:2rem;text-align:center;margin:0}.error-icon{width:80px;height:80px;background:#dc3545;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;margin-bottom:1.5rem;animation:errorShake .6s ease-out}.error-notification h3{color:#dc3545;margin:0 0 1rem;font-size:1.5rem}.error-notification p{color:var(--text-color, #333);margin:0 0 1rem;font-size:1.1rem;line-height:1.5;max-width:400px}.error-notification .error-contact-info{background:var(--background-alt);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin:1.5rem 0;text-align:left;max-width:350px;box-shadow:0 2px 8px #0000001a}.error-notification .error-contact-info p{margin:.8rem 0;font-size:1rem;color:var(--text-color, #333);line-height:1.5}.error-notification .error-contact-info p:first-child{margin-top:0;font-weight:600}.error-notification .error-contact-info strong{color:#dc3545;font-weight:700}.error-notification small{color:var(--text-color-muted);font-size:.9rem;font-style:italic}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}[data-theme=dark] .error-notification{background:var(--card-background)}[data-theme=dark] .error-notification .error-contact-info{background:var(--background-alt);border-color:var(--border-color)}[data-theme=dark] .error-notification .error-contact-info p{color:var(--text-color)}@media(max-width:768px){.error-notification{padding:1.5rem}.error-icon{width:60px;height:60px;font-size:2rem;margin-bottom:1rem}.error-notification h3{font-size:1.3rem}.error-notification p{font-size:1rem}.error-notification .error-contact-info{max-width:280px;padding:1.2rem;margin:1rem 0}.error-notification .error-contact-info p{font-size:.9rem}}[data-theme=dark] .rent-modal-close:hover{background-color:var(--resetbtn-background-color);color:var(--text-color)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.loading-spinner{width:50px;height:50px;border:4px solid var(--background-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:1rem;color:var(--text-color);font-size:1.1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;margin-top:70px}@media(max-width:768px){.main-content{margin-top:60px}}a:hover{text-decoration:none}