body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background:#fff;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 10px #0000001a;color:#333;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-brand{color:#333;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease}.brand-logo{align-items:center;display:flex;gap:.5rem}.brand-logo.small .logo-image{height:48px}.brand-text{color:#333;font-size:1rem;font-weight:500}.brand-highlight{color:#2d7dd2;font-size:1.2rem;font-weight:700}.logo-image{height:70px;transition:opacity .3s ease;width:auto}.logo-image:hover{opacity:.8}.navbar-brand:hover{color:#2d7dd2}.desktop-menu{gap:2rem}.desktop-menu,.navbar-item{align-items:center;display:flex}.navbar-item{background:none;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:.95rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.navbar-item:hover{color:#2d7dd2}.navbar-item.active{color:#123fae}.navbar-item.active:after,.navbar-item:hover:after{background:#2d7dd2;border-radius:2px;bottom:-6px;content:"";height:3px;left:16px;position:absolute;right:16px}.book-now-button{background:linear-gradient(135deg,#2d7dd2,#1a5fa0);border:none;border-radius:25px;box-shadow:0 2px 8px #2d7dd24d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.book-now-button:hover{background:linear-gradient(135deg,#1a5fa0,#2d7dd2);box-shadow:0 4px 12px #2d7dd266;transform:translateY(-1px)}.book-now-text{white-space:nowrap}.navbar-actions{align-items:center;display:flex;gap:.75rem}.admin-login-button,.admin-logout-button{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.admin-login-button{background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.admin-login-button:hover{background:#e5e7eb;color:#1f2937}.admin-logout-button{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.admin-logout-button:hover{background:#dc2626;color:#fff}.admin-button-text{white-space:nowrap}.admin-login-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.admin-login-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-login-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.admin-login-modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.admin-login-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.admin-login-modal-close:hover{background:#f3f4f6;color:#1f2937}.admin-login-form{padding:1.5rem}.admin-login-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.admin-login-form-group{margin-bottom:1.5rem}.admin-login-form-group label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.admin-login-form-group input{border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.admin-login-form-group input:focus{border-color:#2d7dd2;box-shadow:0 0 0 3px #2d7dd21a;outline:none}.admin-login-form-actions{display:flex;gap:.75rem;justify-content:flex-end}.admin-login-cancel,.admin-login-submit{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.admin-login-cancel{background:#f3f4f6;color:#4b5563}.admin-login-cancel:hover{background:#e5e7eb}.admin-login-submit{background:linear-gradient(135deg,#2d7dd2,#1a5fa0);color:#fff}.admin-login-submit:hover{background:linear-gradient(135deg,#1a5fa0,#2d7dd2);box-shadow:0 4px 12px #2d7dd266;transform:translateY(-1px)}.mobile-menu{background:#fff;box-shadow:-8px 0 24px #0000002e;display:flex;flex-direction:column;height:100vh;max-width:360px;position:fixed;right:-100%;top:0;transition:right .34s cubic-bezier(.22,.61,.36,1);width:82%;z-index:1100}.mobile-menu.open{right:0}.mobile-menu-header{align-items:center;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;padding:14px 16px}.close-btn{background:none;border:none;cursor:pointer;font-size:22px;line-height:1}.mobile-menu-body{overflow-y:auto;padding:8px 8px 12px}.mobile-menu-body,.mobile-nav{display:flex;flex-direction:column}.mobile-nav{gap:4px;list-style:none;margin:0;padding:8px}.mobile-nav-item{align-items:center;background:#f7f9fc;border:1px solid #eef2f7;border-radius:10px;color:#1d2433;display:flex;font-weight:600;gap:12px;padding:14px 12px;position:relative;text-decoration:none;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.mobile-nav-item:active{transform:translateY(1px)}.mobile-nav-item:hover{background:#eef4ff}.mobile-nav-item .item-icon{color:#2d7dd2;display:inline-flex}.mobile-nav-item .item-text{font-size:1rem}.mobile-nav-item.active{background:#eef4ff;box-shadow:inset 0 0 0 1px #d6e8ff}.mobile-nav-item.active:before{background:#2d7dd2;border-radius:2px;bottom:12px;content:"";left:-8px;position:absolute;top:12px;width:3px}.menu-overlay{animation:fadeIn .2s ease forwards;background:#00000073;inset:0;position:fixed;z-index:1090}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-footer{background:#fff;border-top:1px solid #ececec;margin-top:auto;padding:10px}.quick-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.quick-action{align-items:center;background:#f7f9fc;border:1px solid #e9eef5;border-radius:10px;color:#1d2433;display:flex;font-weight:700;gap:8px;justify-content:center;padding:12px 10px;text-decoration:none}.quick-action img{height:18px;width:18px}.quick-action.call{background:#e8fff3;border-color:#ccf2df;color:#0a7a3d}.quick-action.zalo{background:#e6f2ff;border-color:#d6e8ff;color:#0b64d4}.navbar,.navbar-container{padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right))}@media (max-width:1024px){.navbar-container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}@media (max-width:768px){.navbar-container{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}}@media (max-width:420px){.navbar-container{padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}.mobile-menu{width:88%}}@media (max-width:1024px){.navbar-container{padding:0 1rem}.logo-image{height:60px}}@media (max-width:768px){.navbar-container{height:64px;padding:0 .75rem}.desktop-menu{display:none}.navbar-actions{gap:.5rem}.admin-login-button,.admin-logout-button{font-size:.85rem;padding:8px 12px}.admin-button-text{display:none}.book-now-button{display:inline-flex;font-size:.9rem;padding:10px 16px}.logo-image{height:55px}.admin-login-modal{margin:1rem;width:95%}}@media (max-width:420px){.navbar-container{height:60px;padding:0 .5rem}.logo-image{height:55px}.navbar-actions{gap:.4rem}.admin-login-button,.admin-logout-button{font-size:.8rem;padding:8px 10px}.book-now-button{display:inline-flex;font-size:.8rem;padding:8px 14px}.admin-login-form,.admin-login-modal-header{padding:1.25rem}}.bottom-navbar{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -4px 12px #0000001a;display:none;left:0;padding:0 0 env(safe-area-inset-bottom);position:fixed;right:0;z-index:1000}.bottom-navbar-container{align-items:center;display:flex;justify-content:space-around;margin:0 auto;max-width:100%;padding:8px 0}.bottom-nav-item{align-items:center;border-radius:12px;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:8px 12px;position:relative;text-decoration:none;transition:all .2s ease}.bottom-nav-item:focus,.bottom-nav-item:hover{background-color:#2d7dd214;color:#2d7dd2;outline:none}.bottom-nav-item.active{background-color:#2d7dd21a;color:#2d7dd2}.bottom-nav-item.active:before{background-color:#2d7dd2;border-radius:0 0 4px 4px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:24px}.bottom-nav-icon{align-items:center;display:flex;height:24px;justify-content:center;margin-bottom:4px;width:24px}.bottom-nav-icon svg{height:100%;transition:transform .2s ease;width:100%}.bottom-nav-item.active .bottom-nav-icon svg{transform:scale(1.1)}.bottom-nav-label{font-size:11px;font-weight:500;line-height:1.2;max-width:70px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.bottom-navbar{display:block}.App .main-content{padding-bottom:80px}}@media (min-width:769px){.bottom-navbar{display:none!important}}@media (max-width:480px){.bottom-nav-item{min-width:55px;padding:6px 8px}.bottom-nav-label{font-size:10px;max-width:60px}.bottom-nav-icon{height:22px;width:22px}}@media (max-width:768px) and (min-width:600px){.bottom-navbar-container{margin:0 auto;max-width:500px}.bottom-nav-item{min-width:70px;padding:10px 16px}.bottom-nav-label{font-size:12px;max-width:80px}}@keyframes bottomNavItemActive{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.bottom-nav-item.active{animation:bottomNavItemActive .3s ease}.footer{background:#2c3e50;color:#fff;margin-top:auto}.footer-container{margin:0 auto;max-width:1400px;padding:0}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1.5fr;padding:4rem 2rem 2rem}.footer-section h3,.footer-section h4,.footer-section h5{color:#fff;margin-bottom:1.5rem}.footer-section h3{color:#2d7dd2;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.footer-section h4{border-bottom:2px solid #2d7dd2;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.footer-section h5{font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-brand p{color:#2d7dd2;font-size:1rem;font-weight:500;margin-bottom:1rem}.footer-description{color:#bdc3c7;font-size:.95rem;line-height:1.6;margin-bottom:2rem}.social-links{display:flex;gap:1rem}.social-link{align-items:center;background:#34495e;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#2d7dd2;color:#fff;transform:translateY(-2px)}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#bdc3c7;display:block;font-size:.95rem;padding:.25rem 0;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#2d7dd2;padding-left:.5rem}.contact-info{margin-bottom:2rem}.contact-item{align-items:flex-start;color:#bdc3c7;display:flex;font-size:.95rem;gap:.75rem;line-height:1.5;margin-bottom:1rem}.contact-item svg{color:#2d7dd2;flex-shrink:0;margin-top:.1rem}.newsletter-form{display:flex;gap:.5rem;margin-top:1rem}.newsletter-input{background:#34495e;border:1px solid #34495e;border-radius:6px;color:#fff;flex:1 1;font-size:.9rem;padding:.75rem}.newsletter-input::placeholder{color:#95a5a6}.newsletter-input:focus{background:#2c3e50;border-color:#2d7dd2;outline:none}.newsletter-button{background:#2d7dd2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.newsletter-button:hover{background:#1a5fa0;transform:translateY(-1px)}.footer-bottom{border-top:1px solid #34495e;padding:1.5rem 2rem}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between;width:100%}.visit-counter{align-items:center;color:#666;display:flex;font-size:.9em;gap:8px}.visit-counter svg{color:#888;margin-right:4px}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-links a{color:#95a5a6;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#2d7dd2}@media (max-width:1200px){.footer-content{gap:2rem;grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer-content{gap:2rem;grid-template-columns:1fr;padding:2rem 1rem}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}.footer-bottom-links{gap:1rem}.newsletter-form{flex-direction:column}.newsletter-button{width:100%}}@media (max-width:480px){.footer-content{padding:1.5rem 1rem}.footer-bottom{padding:1rem}.footer-bottom-links{flex-direction:column;gap:.5rem}}.footer-bottom{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}.footer-content{padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right))}@media (max-width:768px){.footer-content{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}@media (max-width:480px){.footer-bottom,.footer-content{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}.back-to-top{align-items:center;background:linear-gradient(135deg,#2d7dd2,#1d6fc0);border:none;border-radius:50%;bottom:90px;box-shadow:0 4px 12px #2d7dd266;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;position:fixed;right:20px;transform:translateY(20px);transition:all .3s ease;visibility:hidden;width:48px;z-index:999}.back-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.back-to-top:hover{background:linear-gradient(135deg,#1d6fc0,#1560a8);box-shadow:0 6px 16px #2d7dd280;transform:translateY(-3px)}.back-to-top:active{transform:translateY(-1px)}.back-to-top svg{transition:transform .2s ease}.back-to-top:hover svg{transform:translateY(-2px)}@media (max-width:768px){.back-to-top{bottom:160px;height:44px;right:16px;width:44px}}@media (max-width:480px){.back-to-top{bottom:150px;height:42px;right:12px;width:42px}.back-to-top svg{height:20px;width:20px}}.messenger-chat-widget{bottom:90px;left:20px;position:fixed;z-index:998}.chat-tooltip{align-items:center;animation:tooltipBounce .5s ease;background:#fff;border-radius:8px;bottom:60px;box-shadow:0 4px 12px #00000026;display:flex;gap:10px;left:0;padding:10px 14px;position:absolute;white-space:nowrap}@keyframes tooltipBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.chat-tooltip span{color:#1f2937;font-size:.9rem;font-weight:500}.chat-tooltip button{background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:2px}.chat-tooltip button:hover{color:#6b7280}.chat-tooltip:after{border-color:#fff #0000 #0000;border-style:solid;border-width:8px 8px 0;bottom:-8px;content:"";left:24px;position:absolute}.chat-toggle-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 16px #2d7dd266;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:all .3s ease;width:56px}.chat-toggle-btn:hover{box-shadow:0 6px 20px #2d7dd280;transform:scale(1.05)}.chat-toggle-btn.open{transform:rotate(90deg)}.chat-toggle-btn.open:hover{transform:rotate(90deg) scale(1.05)}.chat-pulse{animation:pulse 2s infinite;background:inherit;border-radius:50%;height:100%;position:absolute;width:100%;z-index:-1}@keyframes pulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(1.3)}to{opacity:0;transform:scale(1.3)}}.chat-options-panel{background:#fff;border-radius:16px;bottom:70px;box-shadow:0 8px 30px #00000026;left:0;opacity:0;overflow:hidden;position:absolute;transform:translateY(20px) scale(.95);transform-origin:bottom left;transition:all .3s ease;visibility:hidden;width:300px}.chat-options-panel.open{opacity:1;transform:translateY(0) scale(1);visibility:visible}.chat-options-header{background:linear-gradient(135deg,#2d7dd2,#1d6fc0);color:#fff;padding:20px}.chat-options-header h3{font-size:1.1rem;font-weight:600;margin:0 0 4px}.chat-options-header p{font-size:.85rem;margin:0;opacity:.9}.chat-options-list{padding:12px}.chat-option-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:14px;margin-bottom:10px;padding:12px;transition:all .2s ease;width:100%}.chat-option-item:last-child{margin-bottom:0}.chat-option-item:hover{background:#eff6ff;border-color:#2d7dd2;border-color:var(--option-color,#2d7dd2);transform:translateX(4px)}.option-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.option-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.option-name{color:#1f2937;font-size:.95rem;font-weight:600}.option-desc{color:#6b7280;font-size:.8rem;margin-top:2px}.chat-options-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 20px}.chat-options-footer p{color:#9ca3af;font-size:.75rem;margin:0;text-align:center}@media (max-width:768px){.messenger-chat-widget{bottom:160px;left:16px}.chat-toggle-btn{height:52px;width:52px}.chat-options-panel{width:280px}.chat-tooltip{display:none}}@media (max-width:480px){.messenger-chat-widget{bottom:150px;left:12px}.chat-toggle-btn{height:48px;width:48px}.chat-toggle-btn svg{height:24px;width:24px}.chat-options-panel{bottom:60px;left:0;width:calc(100vw - 24px)}.chat-options-header{padding:16px}.chat-options-header h3{font-size:1rem}.option-icon{height:40px;width:40px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin-top:0;padding-top:0}.access-denied-container{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:2rem}.access-denied{background:#fee2e2;border:1px solid #fecaca;border-radius:12px;max-width:500px;padding:2rem;text-align:center;width:100%}.access-denied h2{color:#dc2626;font-size:1.5rem;margin-bottom:1rem}.access-denied p{color:#7f1d1d;line-height:1.5;margin-bottom:.5rem}.access-denied .current-role{font-weight:500}.access-denied .current-role span{background:#fef3c7;border-radius:4px;color:#92400e;font-weight:600;padding:2px 8px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:.5rem}p{margin-bottom:1rem}a{color:#2d7dd2;text-decoration:none;transition:color .3s ease}a:hover{color:#1a5fa0}button{border:none;cursor:pointer;font-family:inherit;font-size:inherit;transition:all .3s ease}button:focus{outline:2px solid #2d7dd2;outline-offset:2px}input,select,textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:inherit;padding:.5rem;transition:border-color .3s ease}input:focus,select:focus,textarea:focus{border-color:#2d7dd2;outline:none}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{color:#2d7dd2;font-size:1.1rem}.error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#d32f2f;margin:1rem 0;padding:1rem}.success-message{background:#e8f5e8;border:1px solid #c8e6c9;border-radius:8px;color:#2e7d32;margin:1rem 0;padding:1rem}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:box-shadow .3s ease}.card:hover{box-shadow:0 4px 12px #00000026}@media (max-width:768px){.container{padding:0 .5rem}.main-content{padding:0 0 80px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
/*# sourceMappingURL=main.e1b0bf96.css.map*/