@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:#f5f5f5;overflow-x:hidden}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 60px;background:#1e3a8af2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);z-index:1000;box-shadow:0 4px 30px #0003;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center}.logo-container{display:flex;align-items:center;gap:6px;background:#fff;padding:4px 12px;border-radius:50px;box-shadow:0 4px 20px #00000026;transition:all .3s ease}.logo-container:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0003}.logo-icon{height:60px;width:auto;object-fit:contain}.logo-text{font-size:18px;font-weight:700;color:#1e3a8a}.nav{display:flex;align-items:center;gap:36px}.nav a{color:#ffffffe6;text-decoration:none;font-size:15px;transition:all .3s ease;font-weight:600;position:relative;padding:8px 0}.nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width .3s ease}.nav a:hover{color:#fbbf24}.nav a:hover:after{width:100%}.register-btn{background-color:(135deg,#1783e7 0%,#2c5282 100%);border:none;padding:12px 32px;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 20px #fbbf2466}.register-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #fbbf2499;filter:brightness(1.1)}@media(max-width:1024px){.header{padding:15px 30px}.nav{gap:20px}.nav a{font-size:14px}}@media(max-width:768px){.header{padding:15px 20px}.nav{display:none}}@media(max-width:600px){.logo-container{width:60px!important;height:60px!important;min-width:60px!important;max-width:60px!important;border-radius:50%!important;overflow:hidden!important;padding:0!important;margin:0!important;gap:0!important;display:flex!important;justify-content:center!important;align-items:center!important;background:#fff!important;box-shadow:0 4px 15px #0000001a!important}.logo-icon{height:65%!important;width:65%!important;object-fit:contain!important}.logo-text{display:none!important}.header{padding:10px 15px!important}}.auth-form{animation:fadeInUp .6s ease-out;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-mode .auth-card{width:450px;padding:55px 50px}.register-mode .auth-card{padding:55px 50px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-header{margin-bottom:40px;text-align:left}.auth-form h2{margin:0 0 8px;font-size:32px;font-weight:800;color:#1e3a8a;letter-spacing:-1px}.form-subtitle{color:#64748b;font-size:15px;margin:0;font-weight:500}.error-message{background:#ef4444;border:none;color:#fff;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;text-align:left;font-weight:600;box-shadow:0 4px 15px #ef444440;animation:slideDown .4s ease-out;display:flex;align-items:center;gap:10px}.feature-item{display:flex;align-items:center;gap:12px;margin-bottom:16px}.message-icon{width:20px;height:20px;flex-shrink:0}.success-message{background:#10b981;border:none;color:#fff;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;text-align:left;font-weight:600;box-shadow:0 4px 15px #10b98140;animation:slideDown .4s ease-out;display:flex;align-items:center;gap:10px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;font-size:14px;font-weight:600;color:#1e293b;letter-spacing:.2px}.form-group input{width:100%;padding:16px 18px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;font-family:inherit;background:#fff;color:#1e293b;font-weight:500}.form-group input::placeholder{color:#94a3b8;font-weight:400}.form-group input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-1px)}.form-group input:disabled{background-color:#f8fafc;cursor:not-allowed;opacity:.6}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:50px}.toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#94a3b8;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:8px}.toggle-password svg{width:22px;height:22px;transition:all .3s ease}.toggle-password:hover:not(:disabled){color:#3b82f6;background:#3b82f614;transform:scale(1.1)}.toggle-password:hover:not(:disabled) svg{animation:wiggle .5s ease}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.toggle-password:disabled{cursor:not-allowed;opacity:.4}.submit-btn{width:100%;padding:18px 24px;background:linear-gradient(135deg,#0c12a0e6,#080a70e6,#1018b8d9)!important;color:#1e293b;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);margin-top:10px;letter-spacing:.3px;box-shadow:0 8px 25px #f59e0b59;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-btn:hover:before{width:350px;height:350px}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #f59e0b73}.submit-btn:active:not(:disabled){transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.btn-content{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.spinner{width:16px;height:16px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin-top:20px!important;flex-shrink:0;animation:spin .8s linear infinite}.auth-links{margin-top:32px}.auth-link-primary{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#64748b;margin-bottom:0}.link-btn{background:none;border:none;color:#f59e0b;font-weight:700;cursor:pointer;padding:0;font-size:14px;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:4px}.link-btn:hover{color:#d97706;text-decoration:underline}.signup-link,.forgot-link{color:#f59e0b}.forgot-password-link{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#1e293b;margin-top:12px;font-weight:600}.helpline-info{margin-top:20px;display:flex;flex-direction:column;gap:8px;align-items:center}.helpline-item{display:flex;align-items:center;gap:8px;font-size:14px}.helpline-label{color:#1e293b;font-weight:600}.helpline-number{color:#3b82f6;font-weight:700;text-decoration:none;transition:all .3s ease}.helpline-number:hover{color:#1e40af;text-decoration:underline}@media(max-width:480px){.auth-container.full-width .auth-section .register-mode{padding:14px 10px 60px!important}.auth-container .login-mode .auth-card{padding:30px!important}.auth-form{padding:20px 10px}.auth-form h2{font-size:24px}.register-mode .auth-card{padding:30px 20px}.form-subtitle{font-size:13px}.form-group input{font-size:16px;padding:15px 16px}.helpline-info{margin-top:16px;gap:4px}.helpline-item{font-size:12px;gap:5px}.helpline-label{font-weight:500;color:#64748b}.helpline-number{font-size:13px}}.phone-flex-container{display:flex;gap:.5rem}.country-code-container{position:relative;width:110px}@media(max-width:640px){.country-code-container{width:70px}}@media(max-width:768px){.country-code-container{width:80px}}.auth-container{min-height:100vh;display:flex;align-items:stretch;background:linear-gradient(135deg,#0c12a0e6,#080a70e6,#1018b8d9),url(/assets/hero-bg-CJkDwD1H.jpg) center/cover no-repeat;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.15) 0%,transparent 50%);pointer-events:none}.hero-section{flex:0 0 60%;display:flex;align-items:center;justify-content:center;padding:100px 80px 60px;position:relative;z-index:1}.hero-content{max-width:580px;color:#fff;animation:fadeInLeft .8s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.hero-title{font-family:Manrope,Inter,sans-serif;font-size:56px;font-weight:800;line-height:1.1;margin:0 0 24px;color:#fff;letter-spacing:-1.5px}.gradient-text{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-description{font-size:19px;line-height:1.6;margin:0 0 40px;color:#ffffffd9;font-weight:400;max-width:520px}.hero-features{display:flex;flex-direction:column;gap:14px;margin-bottom:48px}.feature-item{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:500;color:#fff;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-item:hover{transform:translate(8px)}.feature-item:hover .feature-icon{transform:scale(1.1);color:#fbbf24}.feature-icon{width:24px;height:24px;color:#fbbf24;flex-shrink:0;transition:all .3s ease}.trust-signals{margin-top:56px;padding-top:32px;border-top:1px solid rgba(255,255,255,.15)}.trust-text{font-size:14px;font-weight:600;color:#ffffffb3;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.partner-logos{display:flex;gap:24px;align-items:center}.partner-logo{font-size:18px;font-weight:700;color:#fff6;font-family:Manrope,sans-serif;letter-spacing:1px;transition:all .3s ease}.partner-logo:hover{color:#ffffffb3;transform:scale(1.05)}.auth-section{flex:0 0 40%;display:flex;align-items:center;justify-content:center;padding:100px 60px 60px;position:relative;z-index:1}.auth-card{background:#fffffffa;border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 1px #ffffff80 inset;width:100%;max-width:1060px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);animation:fadeInUp .8s ease-out .2s both;transition:all .4s cubic-bezier(.4,0,.2,1)}.auth-card:hover{transform:translateY(-4px);box-shadow:0 30px 80px #00000059,0 0 1px #ffffff80 inset}.auth-container.full-width{justify-content:center}.auth-container.full-width .auth-section{flex:1;max-width:100%;padding:100px 150px 60px}@media(max-width:1200px){.hero-section{padding:100px 60px 60px}.hero-title{font-size:48px}.hero-description{font-size:17px}.auth-section{padding:100px 40px 60px}}@media(max-width:968px){.auth-container{flex-direction:column}.auth-container.full-width .auth-section{padding:20px 30px 60px}.hero-section,.auth-section{flex:1 1 auto;padding:40px 30px}.hero-section{padding-bottom:30px}.auth-section{display:flex;align-items:center;justify-content:center;padding:10px 30px 40px}.hero-content{text-align:center}.hero-title{font-size:40px}.hero-description{font-size:16px;margin-left:auto;margin-right:auto}.hero-features{align-items:center}.feature-item{justify-content:center}.trust-signals{margin-top:40px}.partner-logos{justify-content:center}}@media(max-width:640px){.hero-title{font-size:32px}.hero-description{font-size:15px}.auth-section{padding:0 20px 40px;display:flex;align-items:center;justify-content:center}.auth-card{max-width:100%;margin:0 auto}}.footer{width:100%;font-family:Arial,sans-serif}.footer-contact-section{background-color:#f8f9fa;padding:60px 20px}.footer-contact-container{max-width:1200px;margin:0 auto}.contact-heading{text-align:center;margin-bottom:50px}.contact-label{display:block;color:#6c757d;font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:10px}.contact-title{display:block;color:#1e2a78;font-size:32px;font-weight:700;letter-spacing:1px}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:30px}.contact-item{display:flex;gap:20px;align-items:flex-start}.contact-icon{width:50px;height:50px;min-width:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon svg{width:24px;height:24px}.location-icon{background-color:#e8eaf6;color:#5e35b1}.email-icon{background-color:#fce4ec;color:#c2185b}.phone-icon{background-color:#e8f5e9;color:#388e3c}.contact-details h3{color:#1e2a78;font-size:18px;font-weight:700;margin:0 0 8px}.contact-details p{color:#495057;font-size:15px;line-height:1.6;margin:0}.contact-details a{color:#495057;text-decoration:none;transition:color .3s ease}.contact-details a:hover{color:#1e2a78;text-decoration:underline}.contact-map{height:300px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.footer-main-section{background-color:#1e2a78;color:#fff;padding:60px 20px 40px}.footer-main-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:40px}.footer-column{display:flex;flex-direction:column}.footer-brand .brand-logo{background:#fff;border-radius:8px;display:inline-block;width:fit-content}.footer-brand .logo-icon{height:250px;width:auto;object-fit:contain;display:block}.brand-tagline{font-size:12px;letter-spacing:2px;font-weight:400;margin-bottom:5px;text-transform:uppercase;opacity:.9}.brand-description{font-size:14px;line-height:1.8;margin-bottom:25px;opacity:.85}.nexagen-solution{color:#ffa726;font-weight:600}.partner-logos{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.partner-logos img{height:40px;width:auto;object-fit:contain;background:#fff;padding:8px;border-radius:4px}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#fff;text-decoration:none;font-size:15px;transition:all .3s ease;display:inline-block}.footer-links a:hover{color:#ffa726;transform:translate(5px)}.footer-cta h3{color:#ffa726;font-size:24px;font-weight:700;margin:0 0 15px}.footer-cta p{font-size:14px;line-height:1.7;margin-bottom:25px;opacity:.9}.cta-buttons{display:flex;flex-direction:column;gap:12px}.cta-buttons button{padding:12px 24px;border:none;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-login{background-color:#ffa726;color:#1e2a78}.btn-login:hover{background-color:#ff9800;transform:translateY(-2px);box-shadow:0 4px 12px #ffa72666}.btn-register{background-color:transparent;color:#ffa726;border:2px solid #ffa726}.btn-register:hover{background-color:#ffa726;color:#1e2a78;transform:translateY(-2px)}.footer-bottom-section{background-color:#151d54;color:#fff;padding:25px 20px;font-size:13px}.footer-bottom-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-copyright p,.footer-developer p{margin:0;opacity:.85}.footer-copyright a,.footer-developer a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-copyright a:hover{color:#ffa726}.footer-social{display:flex;align-items:center;gap:15px}.footer-social span{opacity:.85}.footer-social a{color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#ffffff1a;transition:all .3s ease}.footer-social a:hover{background-color:#ffa726;transform:translateY(-2px)}.footer-social svg{width:18px;height:18px}@media(max-width:768px){.contact-content{grid-template-columns:1fr;gap:30px}.contact-title{font-size:22px;line-height:1.3;padding:0 10px}.contact-label{font-size:12px;letter-spacing:1.5px}.contact-map{height:220px}.footer-main-container{grid-template-columns:1fr;justify-items:center;gap:32px;text-align:center}.footer-brand .brand-logo,.partner-logos{margin:0 auto;justify-content:center;width:fit-content}.footer-brand .logo-icon{height:60px;max-width:100%;object-fit:contain;display:block}.footer-cta h3{font-size:20px;margin-bottom:10px}.footer-cta p{font-size:13.5px;max-width:400px;margin:0 auto 20px}.footer-bottom-container{flex-direction:column;text-align:center;gap:12px;padding:0 10px}}@media(max-width:480px){.footer-contact-section{padding:40px 15px}.contact-heading{margin-bottom:30px}.contact-title{font-size:19px}.contact-item{gap:12px;text-align:left}.contact-icon{width:38px;height:38px;min-width:38px}.contact-icon svg{width:18px;height:18px}.contact-details h3{font-size:15px;margin-bottom:4px}.contact-details p,.contact-details a{font-size:13px;line-height:1.5}.footer-main-section{padding:40px 15px 30px}.footer-brand .logo-icon{height:50px}.footer-bottom-section{padding:20px 15px;font-size:12px}.footer-developer p{line-height:1.4}}@media(max-width:600px){.footer-main-container{grid-template-columns:1fr!important;display:grid!important;justify-items:center!important;text-align:center!important}.footer-brand .brand-logo{display:flex!important;margin:0 auto 15px!important;justify-content:center!important;width:fit-content!important}.footer-brand .brand-logo .logo-icon{height:60px!important;width:auto!important;max-width:100%!important;display:block!important;object-fit:contain!important}.footer-cta h3{font-size:20px!important}.footer-cta p{font-size:13.5px!important;margin:0 auto 20px!important}.partner-logos{justify-content:center!important;margin:0 auto!important;display:flex!important}}.layout{display:flex;min-height:100vh;background:#f5f7fa;position:relative;overflow-x:hidden;width:100%}.sidebar{width:260px;background:linear-gradient(180deg,#1a202c,#2d3748);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;height:100vh;overflow:hidden;transition:width .3s ease;z-index:1000;box-shadow:2px 0 10px #00000026}.collapse-btn{position:absolute;right:-13px;top:22px;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#4a5568;z-index:10;transition:background .2s ease,transform .2s ease}.collapse-btn:hover{background:#edf2f7;transform:scale(1.12)}.drawer-close-btn{display:none;position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:6px;background:#ffffff1a;border:none;color:#fff;font-size:1.3rem;cursor:pointer;align-items:center;justify-content:center;transition:background .2s ease}.drawer-close-btn:hover{background:#fff3}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;min-height:72px}.logo-image{max-width:140px;width:100%;height:auto;transition:max-width .3s ease,opacity .3s ease;object-fit:contain}.sidebar.collapsed .logo-image{max-width:58px;margin-top:40px}.sidebar.collapsed .sidebar-header{padding:1rem .25rem}.sidebar-nav{flex:1;padding:1.25rem 0;overflow:visible}.nav-section-title{font-size:.7rem;font-weight:700;color:#718096;padding:0 1.5rem;margin-bottom:.5rem;display:block;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:opacity .2s ease}.sidebar.collapsed .nav-section-title{opacity:0;pointer-events:none}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.8rem 1.5rem;color:#cbd5e0;text-decoration:none;transition:background .2s ease,color .2s ease,padding .3s ease;white-space:nowrap}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#667eea40;color:#fff;border-left:3px solid #667eea}.nav-icon{font-size:1.3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:1.5rem}.nav-text{font-size:.9rem;font-weight:500;overflow:hidden;max-width:160px;transition:max-width .3s ease,opacity .3s ease}.sidebar.collapsed .nav-text{max-width:0;opacity:0}.sidebar.collapsed .nav-item{padding:.8rem 0;justify-content:center}.nav-item-wrapper{position:relative}.nav-item.dropdown-toggle{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit}.dropdown-arrow{margin-left:auto;display:flex;align-items:center;font-size:1.2rem;transition:opacity .3s ease}.sidebar.collapsed .dropdown-arrow{opacity:0;display:none}.dropdown-menu{background:#fff;padding:.25rem 0;margin:0;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.dropdown-item{display:block;padding:.7rem 1.5rem;color:#666;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s ease,color .2s ease;white-space:nowrap;margin-left:2.5rem}.dropdown-item:before{content:"⤷";padding-right:.5rem;font-size:20px;color:#667eea}.dropdown-item:hover{background:#f5f7ff;color:#667eea;font-weight:500}.dropdown-item.active{background:#667eea26;color:#667eea;border-left:3px solid #667eea}.sidebar.collapsed .dropdown-menu{display:none}.layout-content{flex:1;display:flex;flex-direction:column;min-height:100vh;margin-left:0;transition:margin-left .3s ease;width:100%}.layout-header{background:#fff;box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:500;width:100%;margin:0;padding:0}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;height:72px;box-sizing:border-box}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;color:#4a5568;font-size:1.6rem;padding:4px;margin-right:.75rem;line-height:1;align-items:center;justify-content:center;border-radius:6px;transition:background .2s ease}.hamburger-btn:hover{background:#f7fafc}.user-info{display:flex;align-items:center;gap:.875rem;flex:1;justify-content:flex-start;margin-left:1rem}.user-avatar{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.user-details h3{margin:0;font-size:.95rem;font-weight:600;color:#1a202c}.user-details p{margin:.2rem 0 0;font-size:.8rem;color:#718096}.logout-btn{padding:.5rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.sidebar-overlay{position:fixed;inset:0;background:#00000073;z-index:999}.layout-main{flex:1;padding:2rem;background:#f5f7fa;min-height:calc(100vh - 72px)}@media(max-width:1024px){.collapse-btn{display:none}.hamburger-btn,.drawer-close-btn{display:flex}.layout-content{margin-left:0!important}.sidebar{width:260px!important;transform:translate(-100%);transition:transform .3s ease;z-index:1000}.sidebar.drawer-open{transform:translate(0)}.sidebar .nav-text{max-width:160px!important;opacity:1!important}.sidebar .nav-item{padding:.8rem 1.5rem!important;justify-content:flex-start!important}.sidebar .nav-section-title{display:none!important}.sidebar .logo-image{max-width:140px!important}.header-content{padding:1rem;height:auto;min-height:64px}.layout-main{padding:1.5rem}}@media(max-width:480px){.user-details h3{font-size:.75rem!important}.user-details p{font-size:.65rem!important}.layout-main{padding:1rem}.logout-btn{padding:.45rem .9rem;font-size:.8rem}.user-info{margin-left:.5rem}}*{box-sizing:border-box}.dashboard{display:flex;min-height:100vh;background:#f5f7fa}.sidebar{width:260px;background:linear-gradient(180deg,#1a202c,#2d3748);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow:hidden;transition:width .3s ease;z-index:1000;box-shadow:2px 0 10px #00000026}.sidebar.collapsed .nav-text,.sidebar.collapsed .nav-arrow,.sidebar.collapsed .nav-section-title{display:none}.logo-image{max-width:100%;height:auto;max-height:180px;object-fit:contain}.sidebar-nav{flex:1;padding:1.25rem 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.nav-section-title{display:block;padding:8px 24px;font-size:11px;font-weight:600;color:#8898aa;letter-spacing:.5px;text-transform:uppercase}.nav-item{display:flex;align-items:center;padding:12px 24px;color:#525f7f;text-decoration:none;transition:all .2s ease;position:relative;gap:12px}.nav-item.active{background:linear-gradient(90deg,rgba(94,114,228,.1) 0%,transparent 100%);color:#5e72e4;border-left:3px solid #5e72e4}.nav-item.active .nav-icon{filter:brightness(1.2)}.nav-icon{font-size:18px;width:20px;text-align:center}.nav-text{flex:1;font-size:14px;font-weight:500}.nav-arrow{color:#8898aa;font-size:18px}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;transition:all .3s ease}.dashboard-header{background:#fff;border-bottom:1px solid #e8ecef;padding:20px 40px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000a}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center}.user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:600}.user-details h3{margin:0;font-size:16px;font-weight:600;color:#2c3e50}.user-details p{margin:4px 0 0;font-size:13px;color:#8898aa}.logout-btn{background:#fff;color:#5e72e4;border:2px solid #5e72e4;padding:10px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#5e72e4;color:#fff;transform:translateY(-2px);box-shadow:0 7px 14px #5e72e44d}.dashboard-content{width:100%;padding:30px 40px}.hero-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:40px 50px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #667eea4d;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.hero-text{position:relative;z-index:1}.hero-text h1{color:#fff;font-size:32px;margin:0 0 10px;font-weight:700}.hero-text p{color:#ffffffe6;font-size:16px;margin:0}.hero-icon{font-size:80px;position:relative;z-index:1;animation:float 3s ease-in-out infinite;color:#ffffffe6;display:flex;align-items:center;justify-content:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;border:1px solid #e8ecef}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a}.stat-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-card.blue .stat-icon{background:#5e72e41a}.stat-card.orange .stat-icon{background:#fb63401a}.stat-card.green .stat-icon{background:#2dce891a}.stat-card.red .stat-icon{background:#f5365c1a}.stat-label{font-size:13px;color:#8898aa;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:16px}.stat-chart{display:flex;justify-content:space-between;align-items:center}.mini-bars{display:flex;align-items:flex-end;gap:4px;height:40px;flex:1}.mini-bars div{flex:1;border-radius:3px 3px 0 0;transition:all .3s ease}.stat-card.blue .mini-bars div{background:#5e72e4}.stat-card.orange .mini-bars div{background:#fb6340}.stat-card.green .mini-bars div{background:#2dce89}.stat-card.red .mini-bars div{background:#f5365c}.stat-change{font-size:13px;font-weight:600;padding:4px 10px;border-radius:6px;margin-left:12px}.stat-change.positive{color:#2dce89;background:#2dce891a}.stat-change.new{color:#5e72e4;background:#5e72e41a}.bottom-section{display:grid;grid-template-columns:1fr 1fr;gap:24px}.repeat-rate-card,.project-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #e8ecef}.card-header h3{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 20px}.rate-content{display:flex;align-items:center;gap:16px}.rate-value{font-size:36px;font-weight:700;color:#2c3e50}.rate-badge{background:#2dce891a;color:#2dce89;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600}.project-info{padding-top:10px}.project-title{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:16px}.progress-info{display:flex;justify-content:flex-end;margin-bottom:8px}.progress-info span{font-size:14px;font-weight:600;color:#5e72e4}.progress-bar{height:8px;background:#e8ecef;border-radius:10px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;background:linear-gradient(90deg,#5e72e4,#825ee4);border-radius:10px;transition:width .3s ease}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.project-tag,.project-commits{font-size:13px;color:#8898aa;display:flex;align-items:center;gap:6px}@media(max-width:1024px){.bottom-section{grid-template-columns:1fr}.sidebar{width:220px}.main-content{margin-left:220px}}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.main-content{margin-left:0}.dashboard-content{padding:20px}.hero-banner{flex-direction:column;text-align:center;gap:20px}.hero-text h1{font-size:24px}.stats-grid{grid-template-columns:1fr}.header-content{padding:10px}.user-details h3{font-size:14px}}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:15px}.dashboard-header h1{font-size:1.5rem}.dashboard-cards{grid-template-columns:1fr}}.hotel-page{display:flex;min-height:100vh;background:#f5f7fa}.sidebar{width:260px;background:#fff;border-right:1px solid #e8ecef;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;overflow-y:auto;z-index:1000;transition:all .3s ease}.sidebar.collapsed{width:70px}.sidebar.collapsed .nav-text,.sidebar.collapsed .nav-section-title{display:none}.sidebar.collapsed .logo-image{max-height:40px}.collapse-btn{position:absolute;right:10px;top:15px;width:36px;height:36px;border-radius:50%;background:#5e72e4;border:3px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;font-weight:700;color:#fff;transition:all .3s ease;z-index:10001;box-shadow:0 4px 12px #5e72e480}.collapse-btn:hover{background:#4c5fd6;border-color:#fff;box-shadow:0 6px 16px #5e72e4b3;transform:scale(1.15)}.sidebar-header{padding:0 24px;border-bottom:1px solid #e8ecef}.logo{display:flex;align-items:center;justify-content:center;gap:12px;font-size:24px;font-weight:700}.logo-image{max-width:100%;height:auto;max-height:180px;object-fit:contain;transition:all .3s ease}.nav-section{margin-bottom:24px}.nav-section-title{display:block;padding:0 20px;margin-bottom:8px;font-size:11px;font-weight:600;color:#8898aa;text-transform:uppercase;letter-spacing:.5px}.nav-item{display:flex;align-items:center;padding:12px 20px;margin:0 12px;border-radius:8px;color:#525f7f;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:none;width:calc(100% - 24px);text-align:left}.nav-item:hover{background:#f6f9fc;color:#5e72e4}.nav-item.active{background:linear-gradient(87deg,#5e72e4 0,#825ee4);color:#fff;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014}.nav-icon{font-size:18px;margin-right:12px;min-width:20px}.main-content{flex:1;margin-left:260px;transition:margin-left .3s ease;min-height:100vh;display:flex;flex-direction:column}.main-content.expanded{margin-left:70px}.hotel-header{background:#fff;padding:20px 40px;box-shadow:0 1px 3px #32325d1c,0 1px #00000014;position:sticky;top:0;z-index:100}.user-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(87deg,#5e72e4 0,#825ee4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014}.user-details h3{margin:0;font-size:16px;color:#32325d;font-weight:600}.user-details p{margin:5px 0 0;font-size:13px;color:#8898aa}.logout-btn{background:linear-gradient(87deg,#5e72e4 0,#825ee4);color:#fff;border:none;padding:10px 24px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014}.logout-btn:hover{transform:translateY(-1px);box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}.hotel-content{flex:1;padding:40px}.hero-banner{background:#fff;border-radius:16px;padding:40px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 15px 35px #32325d1a,0 5px 15px #00000012;color:#fff}.hero-text h1{font-size:32px;margin:0 0 10px;font-weight:600}.hero-text p{font-size:16px;margin:0;opacity:.9}.hero-icon{font-size:80px;opacity:.9}.loading-state,.error-state,.empty-state{background:#fff;padding:60px 40px;border-radius:16px;text-align:center;box-shadow:0 15px 35px #32325d1a,0 5px 15px #00000012}.spinner{width:50px;height:50px;border:4px solid rgba(94,114,228,.2);border-top-color:#5e72e4;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.error-icon,.empty-icon{font-size:48px;display:block;margin-bottom:20px}.error-state p,.empty-state p{color:#8898aa;margin-top:10px}.empty-state h3{color:#32325d;margin:10px 0;font-weight:600}.hotels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px;margin-top:20px}.hotel-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #00000026;transition:all .3s ease;display:flex;flex-direction:column}.hotel-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0003}.hotel-image-container{position:relative;width:100%;height:220px;overflow:hidden}.hotel-image{width:100%;height:100%;object-fit:cover}.hotel-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);gap:12px}.placeholder-icon{font-size:64px;opacity:.9}.placeholder-text{font-size:14px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px;opacity:.95}.carousel-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;transition:all .3s ease}.dot.active{background:#fff;width:10px;height:10px}.hotel-card-content{padding:20px 24px 24px}.hotel-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.hotel-name{font-size:20px;font-weight:600;color:#1a1a1a;margin:0;flex:1}.hotel-price{display:flex;align-items:baseline;gap:2px}.price-amount{font-size:22px;font-weight:700;color:#1a1a1a}.price-currency{font-size:16px;font-weight:600;color:#1a1a1a}.price-period{font-size:13px;color:#666;font-weight:400}.hotel-rating{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stars{display:flex;gap:2px}.star{font-size:14px}.rating-text{font-size:12px;color:#666;font-weight:400}.hotel-description{font-size:13px;line-height:1.6;color:#666;margin:0 0 20px}.hotel-info{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.info-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;background:#f6f9fc;padding:6px 12px;border-radius:6px}.info-icon{font-size:14px}.info-text{font-weight:500}.reserve-btn{width:100%;background:#000;color:#fff;border:none;padding:14px 20px;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease}.reserve-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.reserve-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px}.reserve-modal{background:#fff;border-radius:20px;width:100%;max-width:640px;height:90vh;max-height:90vh;overflow:hidden;box-shadow:0 25px 60px #00000040;display:flex;flex-direction:column}.reserve-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px 16px;border-bottom:1px solid #e8ecef;flex-shrink:0}.reserve-modal-header h2{margin:0 0 4px;font-size:22px;font-weight:700;color:#32325d}.reserve-hotel-name{margin:0;font-size:14px;color:#5e72e4;font-weight:600;display:flex;align-items:center}.reserve-city{color:#8898aa;font-weight:400}.reserve-close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#8898aa;padding:4px 8px;border-radius:4px;line-height:1;transition:all .2s}.reserve-close-btn:hover{background:#f6f9fc;color:#32325d}.reserve-modal-body{padding:24px 28px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.reserve-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reserve-field{display:flex;flex-direction:column;gap:6px}.reserve-field--sm{max-width:120px}.reserve-field--full{grid-column:1 / -1}.reserve-field label{font-size:13px;font-weight:600;color:#525f7f}.reserve-field .req{color:#f5365c}.reserve-field input,.reserve-field select,.reserve-field textarea{border:1px solid #e8ecef;border-radius:4px;padding:10px 14px;font-size:14px;color:#32325d;outline:none;transition:border-color .2s;background:#fff;font-family:inherit;width:100%;box-sizing:border-box}.reserve-field input:focus,.reserve-field select:focus,.reserve-field textarea:focus{border-color:#5e72e4;box-shadow:0 0 0 3px #5e72e41f}.reserve-field textarea{resize:vertical}.reserve-add-row-btn{align-self:flex-start;background:none;border:1.5px dashed #5e72e4;color:#5e72e4;padding:7px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.reserve-add-row-btn:hover{background:#f0f3ff}.reserve-room-row{background:#f8f9fc;border-radius:8px;padding:12px 14px}.reserve-avail-btn{background:linear-gradient(87deg,#5e72e4 0,#825ee4);color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start}.reserve-avail-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #5e72e466}.reserve-avail-btn:disabled{opacity:.6;cursor:not-allowed}.reserve-avail-error{color:#f5365c;font-size:13px;margin:0;padding:10px 14px;background:#fff5f5;border-radius:8px;border:1px solid #ffd0d0}.reserve-avail-result{border-radius:12px;padding:16px 20px;border:1px solid}.avail--yes{background:#f0fff4;border-color:#38a169;color:#276749}.avail--no{background:#fff5f5;border-color:#fc8181;color:#c53030}.avail-heading{font-weight:700;font-size:15px;margin:0 0 12px}.avail-cards{display:flex;flex-direction:column;gap:10px}.avail-card{background:#fff;border:1px solid #c6f6d5;border-radius:10px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.avail-card-info{display:flex;flex-direction:column;gap:3px}.avail-rt-name{font-weight:700;font-size:15px;color:#22543d}.avail-rooms{font-size:13px;color:#276749}.avail-price{font-size:13px;color:#5e72e4;font-weight:600}.avail-select-btn{background:#38a169;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.avail-select-btn:hover{background:#276749}.avail-single{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.avail-single-info{display:flex;flex-direction:column;gap:4px;font-size:14px}.reserve-book-btn{background:#000;color:#fff;border:none;padding:11px 22px;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.reserve-book-btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.reserve-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 28px 24px;border-top:1px solid #e8ecef;flex-shrink:0}.reserve-cancel-btn{background:none;border:1px solid #e8ecef;color:#525f7f;padding:10px 22px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.reserve-cancel-btn:hover{background:#f6f9fc}@media(max-width:600px){.reserve-modal{border-radius:16px}.reserve-modal-header,.reserve-modal-body,.reserve-modal-footer{padding-left:18px;padding-right:18px}.reserve-row{grid-template-columns:1fr}.reserve-field--sm{max-width:100%}.avail-single{flex-direction:column;align-items:flex-start}.section-title{font-size:16px!important}.section-subtitle{font-size:14px!important}.hotel-name{font-size:16px!important}.reserve-button{font-size:12px!important}}.hotel-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:#32325d;background:#f5f7fa}@media(max-width:1024px){.hotel-content{padding:30px}.hotels-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.hero-banner{padding:30px}.hero-text h1{font-size:28px}}@media(max-width:768px){.hotel-content{padding:20px}.hero-banner{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px;text-align:left}.hero-text h1{font-size:24px}.hero-icon{font-size:60px}.hotels-grid{grid-template-columns:1fr;gap:20px}.hotel-title-row{flex-wrap:wrap;gap:6px}.hotel-image-container{height:200px}}@media(max-width:480px){.hotel-content{padding:15px}.hero-banner{padding:20px 16px;border-radius:12px;margin-bottom:20px}.hero-text h1{font-size:20px}.hero-text p{font-size:14px}.hero-icon{font-size:44px}.hotel-image-container{height:180px}.hotel-card-content{padding:16px 16px 18px}.hotel-name{font-size:17px}.price-amount{font-size:18px}.hotel-info{gap:8px}}.search-page{display:flex;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sidebar{width:280px;background:#fff;box-shadow:4px 0 15px #0000001a;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.sidebar.collapsed{width:80px}.collapse-btn{position:absolute;top:20px;right:10px;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #667eea;color:#667eea;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;z-index:10;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.collapse-btn:hover{background:#667eea;color:#fff;transform:scale(1.1)}.sidebar-header{padding:30px 20px;border-bottom:1px solid #e0e0e0}.logo{display:flex;align-items:center;justify-content:center}.logo-image{max-width:100%;height:auto;transition:all .3s ease}.sidebar.collapsed .logo-image{max-width:40px}.sidebar-nav{flex:1;padding:20px 0}.nav-section{margin-bottom:30px}.nav-section-title{font-size:12px;font-weight:600;color:#999;padding:0 20px;margin-bottom:10px;display:block;transition:opacity .3s ease}.sidebar.collapsed .nav-section-title{opacity:0;display:none}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#666;text-decoration:none;transition:all .3s ease;position:relative}.nav-item:hover{background:#f5f7ff;color:#667eea}.nav-item.active{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#fff}.nav-icon{font-size:20px;margin-right:12px;min-width:20px}.sidebar.collapsed .nav-icon{margin-right:0}.nav-text{transition:opacity .3s ease}.sidebar.collapsed .nav-text{opacity:0;width:0;overflow:hidden}.main-content{flex:1;margin-left:0;transition:all .3s ease;display:flex;flex-direction:column}.main-content.expanded{margin-left:0}.search-header{background:#fff;padding:20px 40px;box-shadow:0 2px 10px #0000000d}.header-content{display:flex;justify-content:space-between;align-items:center}.user-info{display:flex;align-items:center;gap:15px}.user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.user-details h3{margin:0;font-size:16px;color:#333}.user-details p{margin:5px 0 0;font-size:14px;color:#666}.logout-btn{padding:10px 25px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.search-content{flex:1;padding:40px;overflow-y:auto}.hero-banner{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #0000001a}.hero-text h1{font-size:36px;margin:0 0 10px;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:18px;color:#666;margin:0}.hero-icon{font-size:80px}.search-form-container{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0000001a}.search-form{display:flex;flex-direction:column;gap:25px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:16px}.form-group label{font-size:14px;font-weight:600;color:#333}.form-group select,.form-group input{padding:8px 16px;border:2px solid #e0e0e0;border-radius:4px;font-size:14px;transition:all .3s ease;font-family:inherit}.form-group select:focus,.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group select:disabled,.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.search-btn{padding:15px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;display:flex;align-items:center;justify-content:center;gap:10px;align-self:flex-start}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.search-btn:disabled{opacity:.7;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.results-container{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a;animation:fadeIn .5s ease}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.results-header h2{font-size:28px;margin:0;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.status-badge{display:flex;align-items:center;gap:10px;padding:4px 24px!important;border-radius:4px!important;font-weight:600;font-size:14px;animation:slideInRight .5s ease;margin-left:0}.status-badge.success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 4px 15px #48bb784d}.status-badge.unavailable{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;box-shadow:0 4px 15px #f565654d}.badge-icon{font-size:18px}.minimum-available-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;padding:25px 30px;margin-bottom:30px;box-shadow:0 8px 25px #667eea4d;animation:scaleIn .5s ease}.min-available-content{display:flex;align-items:center;gap:20px}.min-icon{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.min-available-content h4{color:#fff;margin:0 0 8px;font-size:16px;font-weight:500;opacity:.9}.min-count{color:#fff;margin:0;font-size:32px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.datewise-section{margin-top:30px}.section-title{font-size:22px;color:#333;margin:0 0 20px;font-weight:600}.date-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;animation:fadeInUp .6s ease}.date-availability-card{background:#fff;border:2px solid #e8eaf6;border-radius:15px;padding:20px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.date-availability-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.date-availability-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #667eea33;border-color:#667eea}.date-availability-card:hover:before{transform:scaleX(1)}.date-card-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.calendar-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.date-info{flex:1}.date-label{margin:0;font-size:12px;color:#999;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.date-value{margin:4px 0 0;font-size:16px;color:#333;font-weight:600}.date-card-body{display:flex;flex-direction:column;gap:15px}.rooms-indicator{display:flex;align-items:center;gap:15px}.room-icon{font-size:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.rooms-info{flex:1}.rooms-count{margin:0;font-size:36px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.rooms-label{margin:4px 0 0;font-size:14px;color:#666;font-weight:500}.availability-meter{height:8px;background:#f0f0f0;border-radius:10px;overflow:hidden;position:relative}.meter-fill{height:100%;border-radius:10px;transition:width .5s ease,background .3s ease;position:relative;overflow:hidden}.meter-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.no-availability-card{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#fff5f5,#fed7d7);border-radius:15px;border:2px solid #feb2b2;animation:fadeIn .5s ease}.no-icon-large{font-size:80px;display:block;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.no-availability-card h3{font-size:28px;color:#c53030;margin:0 0 15px}.no-availability-card p{font-size:16px;color:#742a2a;margin:0 0 20px}.min-available-info{display:inline-block;padding:12px 24px;background:#fff;border-radius:30px;color:#742a2a;font-size:14px;box-shadow:0 4px 15px #0000001a}.min-available-info strong{color:#c53030}.results-card{border:2px solid #e0e0e0;border-radius:15px;padding:30px}.success-result,.no-result{display:flex;align-items:flex-start;gap:20px}.success-icon,.no-icon{font-size:20px;flex-shrink:0}.result-details h3{font-size:24px;margin:0 0 15px;color:#333}.result-details p{font-size:16px;color:#666;margin:8px 0}.availability-details{margin-top:15px;padding:20px;background:#f5f7ff;border-radius:10px;border-left:4px solid #667eea}.availability-details p{margin:8px 0}.error-message{background:#fff5f5;border:2px solid #feb2b2;border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;margin-bottom:20px;animation:fadeIn .5s ease}.error-icon{font-size:32px}.error-message p{color:#c53030;font-weight:500;margin:0}.empty-results{background:#fff;border-radius:20px;padding:60px 40px;text-align:center;box-shadow:0 10px 30px #0000001a;animation:fadeIn .5s ease}.empty-icon{font-size:80px;display:block;margin-bottom:20px}.empty-results h3{font-size:24px;color:#333;margin:0 0 10px}.empty-results p{font-size:16px;color:#666;margin:0}.search-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:24px;color:#fff;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.multiple-results-section{display:flex;flex-direction:column;gap:25px;margin-top:20px}.results-header-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.expand-collapse-buttons{display:flex;gap:10px}.expand-btn,.collapse-btn-all{padding:8px 16px;border-radius:4px;border:2px solid #667eea;background:#fff;color:#667eea;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px}.expand-btn:hover,.collapse-btn-all:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.hotel-roomtype-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 15px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.hotel-roomtype-card:hover{box-shadow:0 8px 25px #0000001f;border-color:#667eea}.card-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:15px;border-bottom:2px solid #f0f0f0;gap:15px;flex-wrap:wrap;cursor:pointer;-webkit-user-select:none;user-select:none}.card-header-section:hover{background:#667eea05;margin:-10px;padding:10px 10px 25px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-actions{display:flex;align-items:center;gap:15px}.toggle-expand-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;width:36px;height:36px}.toggle-expand-btn:hover{background:#667eea1a;transform:scale(1.1)}.toggle-expand-btn .arrow{font-size:16px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:inline-block}.toggle-expand-btn .arrow.expanded{transform:rotate(180deg)}.date-cards-grid{margin-top:20px;overflow:hidden;max-height:10000px;opacity:1;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),margin-top .4s cubic-bezier(.4,0,.2,1)}.date-cards-grid.collapsing{max-height:0;opacity:0;margin-top:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),margin-top .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-20px)}to{opacity:1;max-height:10000px;transform:translateY(0)}}.hotel-roomtype-info h3{margin:0 0 8px;color:#2d3748;font-size:22px;font-weight:600}.room-type-title{margin:0;color:#667eea;font-size:16px;font-weight:500}.availability-badge{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:25px;font-weight:600;font-size:14px;white-space:nowrap}.availability-badge.available{background:linear-gradient(135deg,#d4fc79,#96e6a1);color:#22543d}.availability-badge.unavailable{background:linear-gradient(135deg,#fbc2eb,#f9c4d2);color:#742a2a}.date-availability-card.compact{padding:15px}.date-availability-card.compact .date-card-header{margin-bottom:12px}.date-availability-card.compact .date-value{font-size:13px}.date-availability-card.compact .rooms-count{font-size:28px}.date-availability-card.compact .rooms-label{font-size:12px}.date-availability-card.compact .total-rooms{font-size:11px}.selling-price-compact{margin:8px 0 0;font-size:13px;font-weight:600;color:#667eea;text-align:center}.book-now-btn{width:100%;padding:12px 20px;margin-top:15px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d;display:flex;align-items:center;justify-content:center;gap:8px}.book-now-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;background:linear-gradient(135deg,#5568d3,#6a3f8f)}.book-now-btn:not(:disabled):active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.book-now-btn:disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0);color:#718096;cursor:not-allowed;box-shadow:none}.book-now-btn.compact{padding:8px 12px;margin-top:10px;font-size:20px;min-width:44px;border-radius:8px}.book-now-btn.compact:not(:disabled):hover{transform:scale(1.1)}@media(max-width:600px){.sidebar .nav-text,.sidebar .nav-section-title{display:none}.search-form-container,.search-content{padding:20px}.hero-banner{flex-direction:column;text-align:center;gap:20px}.hero-text h1{font-size:28px}.form-row{grid-template-columns:1fr}.form-row:nth-child(3),.form-row:nth-child(4){width:50%}.form-group{margin-bottom:12px}.search-btn{width:100%}.results-header{flex-direction:column;align-items:flex-start;gap:15px}.date-cards-grid{grid-template-columns:1fr}.results-container{padding:25px}.minimum-available-card{padding:20px}.min-icon{font-size:36px}.min-count{font-size:24px}.rooms-count{font-size:28px}.section-title{font-size:18px}.card-header-section{flex-direction:column;align-items:flex-start}.card-actions{width:100%;justify-content:space-between}.hotel-roomtype-card{padding:20px}.hotel-roomtype-info h3{font-size:18px}.availability-badge{width:auto}}.form-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}@media(min-width:576px){.form-group.dropdown{width:200px;flex:0 0 200px}.form-group.date-picker{width:160px;flex:0 0 160px}}@media(max-width:575px){.form-row{display:flex;flex-direction:row;gap:0px 10px}.form-group.dropdown{width:100%;flex:0 0 100%}.form-group.date-picker{width:calc(50% - 5px);flex:0 0 calc(50% - 5px)}.search-btn{width:100%;font-size:.75rem;padding:14px;margin-top:10px}}@media(max-width:768px){.results-container{padding:20px}.results-header h2{font-size:1.5rem;margin-bottom:5px}.hotel-roomtype-info h3{font-size:1.1rem;margin-bottom:4px}.room-type-title{font-size:.85rem}.rooms-count{font-size:24px}.date-value{font-size:.9rem}}@media(max-width:768px){.hero-banner{flex-direction:column-reverse;text-align:center;padding:30px 20px;gap:20px;border-radius:15px}.hero-text h1{font-size:24px;margin-bottom:8px}.hero-text p{font-size:14px;line-height:1.4}.hero-icon{font-size:50px;order:-1}}@media(max-width:575px){.search-btn{width:100%;font-size:.75rem;padding:14px}.expand-btn,.collapse-btn-all{font-size:.75rem!important;padding:8px 10px}}@media(min-width:576px){.search-btn{width:fit-content;font-size:.875rem;padding:12px 25px}}@media(max-width:768px){.results-header{flex-direction:column;align-items:flex-start;gap:15px}.results-header-actions{flex-direction:row;width:100%;gap:12px;flex-wrap:wrap}.results-header-actions .status-badge{flex:1 1 100%;justify-content:center;margin-left:0}.results-header-actions .expand-collapse-buttons{display:flex;width:100%;flex:1 1 100%;gap:10px}.expand-btn,.collapse-btn-all{flex:1;justify-content:center;padding:10px;font-size:13px}}@media(max-width:1024px){.date-cards-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media(max-width:575px){.date-cards-grid{grid-template-columns:1fr;gap:12px}.results-container,.minimum-available-card{padding:15px}}@media(max-width:768px){.card-header-section{flex-direction:column;align-items:flex-start;gap:12px;padding:15px}.card-actions{width:100%;justify-content:space-between;border-top:1px solid #eee;padding-top:10px}.hotel-roomtype-info h3{font-size:16px}}@media(max-width:480px){.date-availability-card{padding:15px}.rooms-count{font-size:20px}.date-value{font-size:14px}.book-now-btn{width:100%;margin-top:10px}}.date-availability-card.compact{min-width:0}.selling-price,.selling-price-compact{font-weight:600;white-space:nowrap}@media(max-width:575px){.hero-text h1{font-size:1.5rem}.results-header h2{font-size:1.3rem}.hotel-roomtype-info h3{font-size:1.1rem}.room-type-title{font-size:.85rem}.date-value{font-size:.8rem!important}.rooms-count{font-size:1.5rem!important}.rooms-label{font-size:.75rem}.total-rooms{font-size:.7rem}.selling-price-compact{font-size:.8rem}.status-badge{padding:8px 16px;font-size:.75rem}.availability-badge{padding:6px 12px;font-size:.75rem}}@media(max-width:575px){.book-now-btn,.book-now-btn.compact{font-size:.75rem!important;padding:10px;height:auto;min-width:unset}}@media(min-width:576px){.book-now-btn,.book-now-btn.compact{font-size:.875rem!important;padding:12px 20px}}@media(max-width:400px){.date-availability-card.compact{padding:10px}.calendar-icon,.room-icon{font-size:24px}}.voucher-content{max-width:1400px;margin:0 auto;padding:20px}.voucher-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.2rem;color:#666}.voucher-header-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.voucher-header-banner h1{font-size:2rem;color:#1a365d;margin:0}.alert-icon{font-size:1.5rem}.voucher-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.form-banner{background:linear-gradient(135deg,#2c5282,#2b6cb0);padding:20px 30px;text-align:center}.form-section:last-of-type{border-bottom:none}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-grid-4{grid-template-columns:repeat(4,1fr)}.form-field.full-width{grid-column:1 / -1}.form-field input,.form-field select,.form-field textarea{padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:.95rem;transition:all .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-field textarea{resize:vertical;font-family:inherit}.readonly-field{background:#f7fafc;color:#4a5568;cursor:not-allowed}.summary-value{font-weight:600;font-size:1rem}.summary-value.profit{color:#38a169}.summary-value.loss{color:#e53e3e}.rooms-table-container{overflow-x:auto;margin-bottom:15px;border:1px solid #e2e8f0;border-radius:8px}.rooms-table{width:100%;border-collapse:collapse;font-size:.9rem}.rooms-table thead{background:#f7fafc}.rooms-table th{padding:12px 10px;text-align:left;font-weight:600;color:#2d3748;border-bottom:2px solid #e2e8f0;font-size:.85rem;white-space:nowrap}.rooms-table td{padding:10px;border-bottom:1px solid #e2e8f0}.rooms-table tbody tr:last-child td{border-bottom:none}.rooms-table select,.rooms-table input{width:100%;padding:6px 8px;border:1px solid #cbd5e0;border-radius:4px;font-size:.85rem}.rooms-table select:focus,.rooms-table input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 2px #3182ce1a}.total-cell{font-weight:600;color:#2d3748;background:#f7fafc}.remove-room-btn{background:#fc8181;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease}.remove-room-btn:hover:not(:disabled){background:#f56565;transform:scale(1.05)}.remove-room-btn:disabled{opacity:.5;cursor:not-allowed}.add-room-btn{background:#48bb78;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px}.add-room-btn:hover{background:#38a169;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.add-room-btn span{font-size:1.2rem}.summary-section{background:#f7fafc}.reset-btn,.submit-btn{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.submit-btn{background:linear-gradient(135deg,#3182ce,#2c5282);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #3182ce4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.req{color:#e53e3e}.cv-info-row{display:flex;flex-wrap:wrap;gap:12px}.cv-info-chip{display:flex;flex-direction:column;gap:3px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 18px;min-width:140px}.cv-info-chip--blue{background:#ebf8ff;border-color:#bee3f8}.cv-info-chip--green{background:#f0fff4;border-color:#9ae6b4}.cv-info-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8898aa}.cv-info-value{font-size:15px;font-weight:700;color:#2d3748}.cv-simple-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:640px){.cv-simple-grid{grid-template-columns:1fr}.cv-info-row{flex-direction:column}}@media(max-width:1200px){.form-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.voucher-content{padding:15px}.voucher-header-banner h1{font-size:1.5rem}.form-grid,.form-grid-3,.form-grid-4{grid-template-columns:1fr}.form-section{padding:20px}.rooms-table-container{font-size:.8rem}.rooms-table th,.rooms-table td{padding:8px 6px}.form-actions{flex-direction:column;padding:15px}.reset-btn,.submit-btn{width:100%;justify-content:center}}@media(max-width:480px){.voucher-header-banner{flex-direction:column;gap:15px}.close-btn{align-self:flex-end}}.transport-booking-content{max-width:1400px;margin:0 auto;padding:20px}.transport-booking-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.2rem;color:#666}.transport-booking-header-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.transport-booking-header-banner h1{font-size:2rem;color:#1a365d;margin:0}.close-btn{background:#e53e3e;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#c53030;transform:rotate(90deg)}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;animation:slideDown .3s ease-out}.alert-error{background:#fff5f5;border:1px solid #feb2b2;color:#c53030}.alert-success{background:#f0fff4;border:1px solid #9ae6b4;color:#22543d}.transport-booking-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.form-banner{background:linear-gradient(135deg,#ed8936,#dd6b20);padding:20px 30px;text-align:center}.form-banner h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.form-section{padding:30px;border-bottom:1px solid #e2e8f0}.section-title{font-size:1.1rem;color:#2d3748;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0;font-weight:600}.transport-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:.9rem;color:#4a5568;font-weight:500}.form-field input,.form-field select,.form-field textarea{padding:10px 12px;border:1px solid #cbd5e0;border-radius:4px;font-size:.95rem;transition:all .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#ed8936;box-shadow:0 0 0 3px #ed89361a}.transport-info-row{display:flex;flex-wrap:wrap;gap:12px}.transport-info-chip{display:flex;flex-direction:column;gap:3px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 18px;min-width:140px}.transport-info-chip--blue{background:#ebf8ff;border-color:#bee3f8}.transport-info-chip--green{background:#f0fff4;border-color:#9ae6b4}.transport-info-label{font-size:11px;font-weight:600;text-transform:uppercase;color:#8898aa}.transport-info-value{font-size:15px;font-weight:700;color:#2d3748}.form-actions{display:flex;justify-content:flex-end;gap:15px;padding:20px 30px;background:#f7fafc}.reset-btn,.submit-btn{width:250px;height:50px;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;margin-top:0}.reset-btn{background:#fff;color:#4a5568;border:2px solid #cbd5e0}.reset-btn:hover{background:#f7fafc;border-color:#a0aec0}.submit-btn{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #ed89364d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vd-table-header{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1.2fr;background:linear-gradient(90deg,#1a365d,#2d9da8);border-radius:6px 6px 0 0;padding:12px 16px;gap:8px}.vd-col{color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.vd-entry{border:1.5px dashed #cbd5e0;border-radius:8px;padding:14px 16px;margin-top:12px}.vd-entry-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.vd-badge{background:#1a365d;color:#fff;font-size:.78rem;font-weight:700;padding:4px 14px;border-radius:4px}.vd-remove-btn{background:#e53e3e;color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .2s}.vd-remove-btn:hover{background:#c53030}.vd-row-1{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1.2fr;gap:8px;margin-bottom:10px}.vd-input-cell input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #cbd5e0;border-radius:4px;font-size:.85rem;background:#fff;transition:border-color .2s,box-shadow .2s}.vd-input-cell select{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #cbd5e0;border-radius:4px;font-size:.85rem;background:#fff;transition:border-color .2s,box-shadow .2s;cursor:pointer;appearance:auto}.vd-input-cell input:focus{outline:none;border-color:#ed8936;box-shadow:0 0 0 2px #ed89361f}.vd-input-cell select:focus{outline:none;border-color:#ed8936;box-shadow:0 0 0 2px #ed89361f}.vd-calc input{background:#ebf8ff!important;color:#2b6cb0;cursor:not-allowed}.vd-profit input{background:#f0fff4!important;color:#276749}.vd-row-2{display:flex;gap:10px;align-items:center}.vd-location-input{flex:1;padding:8px 12px;border:1px solid #cbd5e0;border-radius:4px;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.vd-location-input:focus{outline:none;border-color:#ed8936;box-shadow:0 0 0 2px #ed89361f}.vd-datetime-input{padding:8px 10px;border:1px solid #cbd5e0;border-radius:4px;font-size:.85rem;min-width:190px;transition:border-color .2s,box-shadow .2s}.vd-datetime-input:focus{outline:none;border-color:#ed8936;box-shadow:0 0 0 2px #ed89361f}.vd-add-btn{width:38px;height:38px;border-radius:50%;background:#38b2ac;color:#fff;border:none;font-size:1.5rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .15s}.vd-add-btn:hover{background:#2c7a7b;transform:scale(1.1)}.vd-totals-row{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1.2fr;gap:8px;align-items:center;background:#f0fff4;border:2px solid #9ae6b4;border-radius:8px;padding:12px 16px;margin-top:14px}.vd-totals-label{font-weight:800;font-size:.9rem;color:#276749;letter-spacing:.5px}.vd-totals-pax span,.vd-totals-items span{display:inline-block;padding:5px 10px;border:1px solid #cbd5e0;border-radius:4px;font-size:.82rem;background:#fff;font-weight:700}.vd-totals-items span{color:#e53e3e}.vd-totals-dash{text-align:center;color:#a0aec0;font-size:1rem}.vd-totals-amount{padding:5px 8px;border:1px solid #cbd5e0;border-radius:4px;font-size:.82rem;font-weight:700;background:#fff;text-align:center}.vd-totals-vendor,.vd-totals-customer{color:#2b6cb0}.vd-totals-profit{color:#276749}@media(max-width:1200px){.transport-form-grid{grid-template-columns:repeat(2,1fr)}.vd-table-header,.vd-row-1,.vd-totals-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}@media(max-width:900px){.vd-table-header{display:none}.vd-row-1,.vd-totals-row{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.transport-booking-content{padding:15px}.transport-booking-header-banner h1{font-size:1.5rem}.transport-form-grid{grid-template-columns:1fr}.transport-info-row{flex-direction:column}.vd-row-1{grid-template-columns:repeat(2,1fr)}.vd-row-2{flex-wrap:wrap}.vd-location-input,.vd-datetime-input{min-width:calc(50% - 5px)}.vd-totals-row{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:row;justify-content:center;padding:15px;gap:10px}.reset-btn,.submit-btn{flex:1;width:auto;height:48px;font-size:.85rem}}@media(max-width:480px){.transport-booking-header-banner{flex-direction:column;gap:15px}.close-btn{align-self:flex-end}.vd-row-1{grid-template-columns:1fr 1fr}.vd-row-2{flex-direction:column;align-items:stretch}.vd-add-btn{align-self:flex-end}.form-actions{flex-direction:column}.reset-btn,.submit-btn{width:100%!important;height:50px;font-size:.8rem}}.ledger-container{background:#f5f7fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1480px;margin:0 auto}.ledger-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 4px 20px #667eea4d;margin-bottom:24px;flex-wrap:wrap}.ledger-header-icon{font-size:24px}.ledger-header-title{font-size:20px;font-weight:700;letter-spacing:.5px}.ledger-header-balance{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;border-radius:8px;text-align:right}.ledger-header-balance-label{font-size:11px;opacity:.9;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.ledger-header-balance-amount{font-size:24px;font-weight:700;display:block}.ledger-info-card{background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;padding:48px;margin-bottom:24px}.ledger-info-card h4{font-size:18px;font-weight:600;color:#667eea;margin:0 0 20px}.ledger-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px}.info-group{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.info-group:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.info-label{display:block;font-size:14px;font-weight:600;color:#4a5568;letter-spacing:.5px;margin-bottom:6px}.info-value{display:block;font-size:14px;color:#343b4f;font-weight:400;word-break:break-word}.info-value.receivable{color:#ef4444;font-weight:700;font-size:14px}.ledger-tabs-bar{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;display:flex;overflow-x:auto;margin-bottom:24px;border-bottom:2px solid #e5e7eb;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.ledger-tabs-bar::-webkit-scrollbar{height:4px}.ledger-tabs-bar::-webkit-scrollbar-track{background:#f1f5f9}.ledger-tabs-bar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ledger-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 24px;border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:#64748b;white-space:nowrap;border-bottom:3px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px;text-transform:none}.ledger-tab:hover{background:#667eea0a;color:#667eea}.ledger-tab.active{color:#667eea;border-bottom-color:#667eea;font-weight:600;background:#667eea0f}.tab-icon{font-size:22px;transition:transform .3s}.ledger-tab:hover .tab-icon{transform:scale(1.1)}.tab-label{font-size:13px;letter-spacing:.3px}.tab-panel{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000f;padding:24px;min-height:400px}.ledger-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;background:#f9fafb;border-radius:8px;margin-bottom:16px;border:1px solid #e5e7eb}.filter-date-group{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;transition:all .3s}.filter-date-group:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-date-group input[type=date]{border:none;outline:none;font-size:13px;color:#1f2937;background:transparent;cursor:pointer;font-family:inherit}.filter-date-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.filter-date-sep{color:#9ca3af;font-size:13px;font-weight:500}.filter-select{border:1px solid #d1d5db;border-radius:6px;padding:9px 12px;font-size:13px;color:#1f2937;background:#fff;min-width:200px;cursor:pointer;outline:none;transition:all .3s;font-family:inherit}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-search{border:1px solid #d1d5db;border-radius:6px;padding:9px 14px;font-size:13px;min-width:220px;outline:none;transition:all .3s;font-family:inherit;color:#1f2937}.filter-search::placeholder{color:#9ca3af}.filter-search:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-spacer{flex:1;min-width:20px}.ledger-actions-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.btn-group{display:flex;gap:8px;flex-wrap:wrap;width:auto}.btn{padding:10px 20px;border-radius:6px;font-size:13px;font-weight:500;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;box-shadow:0 1px 3px #0000001a;text-transform:none;letter-spacing:.3px}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-green{background:#10b981;color:#fff}.btn-green:hover{background:#059669}.btn-slate{background:#64748b;color:#fff}.btn-slate:hover{background:#475569}.btn-blue{background:#3b82f6;color:#fff}.btn-blue:hover{background:#2563eb}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.btn-sm{padding:8px 16px;font-size:12px}.ledger-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-top:16px;border:1px solid #e5e7eb}.ledger-table{width:100%;border-collapse:collapse;white-space:nowrap}.ledger-table th{background:#f9fafb;font-weight:700;color:#374151;padding:14px 16px;border:1px solid #e5e7eb;text-align:left!important;white-space:nowrap;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.ledger-table td{padding:12px 16px;border:1px solid #e5e7eb;color:#1f2937;vertical-align:middle;font-size:13px}.ledger-table tbody tr{transition:background-color .2s}.ledger-table tbody tr:hover{background:#f9fafb}.ledger-table .total-row{background:#f3f4f6!important;border-top:2px solid #667eea}.ledger-table .total-row td{font-weight:700;color:#1f2937;padding:14px 16px}.ledger-table th.right,.ledger-table td.td-right,.ledger-table td.td-debit,.ledger-table td.td-credit,.ledger-table td.td-balance{text-align:right}.td-debit{color:#ef4444;font-weight:600}.td-credit{color:#10b981;font-weight:600}.td-balance{font-weight:700;color:#1f2937}.td-desc{max-width:400px;word-break:break-word;white-space:normal;line-height:1.5}.ref-link{background:none;border:none;color:#3b82f6;font-weight:600;text-decoration:underline;cursor:pointer;padding:0;font-size:13px;transition:color .2s}.ref-link:hover{color:#2563eb}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;color:#fff;margin-left:8px;text-transform:capitalize;letter-spacing:.3px}.payments-filter-shell{background:#dfe3e8;border-radius:12px;padding:16px;margin-bottom:18px;box-shadow:0 1px #ffffffe6,0 2px 10px #0f172a14}.payments-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.payments-date-picker{position:relative}.payments-control{height:38px;border:1px solid #c9cfd8;border-radius:4px;background:#fff;color:#1f2937;font-size:13px;font-family:inherit}.payments-control:focus{outline:none;border-color:#2f7fcf;box-shadow:0 0 0 3px #2f7fcf1f}.payments-date-btn{min-width:250px;padding:0 10px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-weight:500}.payments-date-icon{display:inline-flex;align-items:center;color:#d84b46;font-size:18px}.payments-select{min-width:108px;padding:0 30px 0 10px;cursor:pointer}.payments-search{min-width:200px;padding:0 12px}.payments-btn{height:38px;padding:0 16px;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.2px;background:linear-gradient(90deg,#202b75,#2dacb8);box-shadow:0 1px 3px #0f172a33}.payments-btn:hover{filter:brightness(1.03)}.payments-date-popover{position:absolute;top:44px;left:0;z-index:1000;background:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 20px #00000026}.payments-date-close-row{display:flex;justify-content:flex-end;margin-top:10px}.payments-table th{text-transform:none;letter-spacing:0;font-size:13px}.table-action-btn{border:1px solid #cdd5df;background:#f8fafc;color:#1e3a8a;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer}.table-action-btn:hover{background:#eef4ff}.hotel-dashboard-shell{display:flex;flex-direction:column;gap:18px}.hotel-filter-shell{background:#f5f5f5;border-radius:8px;padding:16px;box-shadow:0 1px #ffffffe6,0 2px 12px #0f172a14}.hotel-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:center}.hotel-control{height:36px;border:1px solid #c9cfd8;border-radius:4px;background:#fff;color:#1f2937;font-size:13px;font-family:inherit}.hotel-control:focus{outline:none;border-color:#202b75;box-shadow:0 0 0 3px #202b751f}.hotel-date-picker{position:relative}.hotel-date-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 0 12px;cursor:pointer;font-weight:500}.hotel-date-icon{display:inline-flex;align-items:center;color:#d84b46;font-size:18px}.hotel-date-popover{position:absolute;top:44px;left:0;z-index:1000;background:#fff;border-radius:8px;padding:16px;box-shadow:0 8px 24px #0f172a2e}.hotel-date-close-row{display:flex;justify-content:flex-end;margin-top:10px}.hotel-select{padding:0 30px 0 10px;cursor:pointer}.hotel-search-wrap{position:relative;display:flex;align-items:center}.hotel-search{width:100%;padding:0 34px 0 12px}.hotel-search-icon{position:absolute;right:12px;color:#2980b9;font-size:16px}.hotel-btn{height:36px;padding:0 16px;border:none;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.2px;cursor:pointer;box-shadow:0 1px 3px #0f172a33;transition:transform .15s ease,filter .15s ease}.hotel-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.hotel-btn:active{transform:translateY(0)}.hotel-btn-primary{color:#fff;background:linear-gradient(90deg,#202b75,#2dacb8)}.hotel-btn-primary:hover{background:linear-gradient(90deg,#1a2360,#25929c)}.hotel-btn-excel{color:#fff;background:#4caf50}.hotel-btn-excel:hover{background:#45a049}.hotel-btn-pdf{color:#fff;background:#f44336}.hotel-btn-pdf:hover{background:#d32f2f}.hotel-btn-outline{background:#fff;color:#202b75;border:1px solid #202b75;box-shadow:none}.hotel-btn-outline:hover{background:#202b750a;border-color:#1a2360}.hotel-status-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hotel-status-tabs{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.hotel-status-tab{min-width:110px;padding:10px 14px;border:1px solid #d7dbe2;border-radius:12px 12px 0 0;background:#fff;color:#334155;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.hotel-status-tab:hover{border-color:#2dacb8;color:#202b75}.hotel-status-tab.active{background:linear-gradient(90deg,#202b75,#2dacb8);color:#fff;border-color:transparent;box-shadow:0 6px 16px #202b7533}.hotel-status-tab-icon{font-size:18px}.hotel-legend-pills{display:flex;gap:8px;flex-wrap:wrap}.hotel-legend-pill{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:700;color:#fff}.hotel-legend-pill.tentative{background:#e65100}.hotel-legend-pill.confirmed{background:#1b5e20}.hotel-legend-pill.cancelled{background:#b71c1c}.hotel-dashboard-table-wrap{margin-top:0}.hotel-dashboard-table th{text-transform:none;letter-spacing:.2px}.hotel-action-cell{position:relative;width:48px}.hotel-action-btn{width:28px;height:28px;border:1px solid #d7dbe2;border-radius:4px;background:#f8fafc;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.hotel-action-btn:hover{background:#eef2f7}.hotel-action-menu-portal{position:fixed;z-index:2000}.hotel-action-menu{background:#fff;border-radius:10px;box-shadow:0 12px 28px #0f172a2e;border:1px solid #e2e8f0;min-width:150px;padding:6px}.hotel-action-item{width:100%;text-align:left;padding:8px 10px;border:none;background:transparent;font-size:13px;color:#1f2937;cursor:pointer;border-radius:6px}.hotel-action-item:hover{background:#f1f5f9}.hotel-action-item.warning{color:#f39c12}.hotel-action-item.danger{color:#e74c3c}.hotel-row-status{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:700;color:#757575;background:#f5f5f5}.hotel-row-status.status-confirmed{background:#e8f5e9;color:#388e3c}.hotel-row-status.status-tentative{background:#fff3e0;color:#f57c00}.hotel-row-status.status-cancelled{background:#ffebee;color:#d32f2f}.hotel-row-status.status-waitlisted{background:#f3e5f5;color:#9c27b0}.hotel-dashboard-table tr.status-confirmed,.hotel-dashboard-table tr.status-confirmed:hover{background-color:#e8f5e9}.hotel-dashboard-table tr.status-confirmed td{color:#1b5e20}.hotel-dashboard-table tr.status-tentative,.hotel-dashboard-table tr.status-tentative:hover{background-color:#fff3e0}.hotel-dashboard-table tr.status-tentative td{color:#e65100}.hotel-dashboard-table tr.status-cancelled,.hotel-dashboard-table tr.status-cancelled:hover{background-color:#ffebee}.hotel-dashboard-table tr.status-cancelled td{color:#b71c1c}.hotel-dashboard-table tr.status-waitlisted,.hotel-dashboard-table tr.status-waitlisted:hover{background-color:#f3e5f5}.hotel-dashboard-table tr.status-waitlisted td{color:#4a148c}.hotel-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:8px 4px;color:#475569;font-size:13px;gap:10px;flex-wrap:wrap}.hotel-pagination-left,.hotel-pagination-right{display:flex;align-items:center;gap:10px}.hotel-pagination select{height:30px;border-radius:6px;border:1px solid #c9cfd8;padding:0 10px;background:#fff}.hotel-pagination button{height:28px;width:28px;border:1px solid #c9cfd8;border-radius:6px;background:#fff;cursor:pointer}.hotel-pagination button:disabled{opacity:.5;cursor:not-allowed}.transport-dashboard-shell{display:flex;flex-direction:column;gap:18px}.transport-filter-shell{background:#f5f5f5;border-radius:8px;padding:16px;box-shadow:0 1px #ffffffe6,0 2px 12px #0f172a14}.transport-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:center}.transport-control{height:36px;border:1px solid #c9cfd8;border-radius:4px;background:#fff;color:#1f2937;font-size:13px;font-family:inherit}.transport-control:focus{outline:none;border-color:#202b75;box-shadow:0 0 0 3px #202b751f}.transport-date-picker{position:relative}.transport-date-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 0 12px;cursor:pointer;font-weight:500}.transport-date-icon{display:inline-flex;align-items:center;color:#d84b46;font-size:18px}.transport-date-popover{position:absolute;top:44px;left:0;z-index:1000;background:#fff;border-radius:8px;padding:16px;box-shadow:0 8px 24px #0f172a2e}.transport-date-close-row{display:flex;justify-content:flex-end;margin-top:10px}.transport-select{padding:0 30px 0 10px;cursor:pointer}.transport-search-wrap{position:relative;display:flex;align-items:center}.transport-search{width:100%;padding:0 34px 0 12px}.transport-search-icon{position:absolute;right:12px;color:#2980b9;font-size:16px}.transport-btn{height:36px;padding:0 16px;border:none;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.2px;cursor:pointer;box-shadow:0 1px 3px #0f172a33;transition:transform .15s ease,filter .15s ease}.transport-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.transport-btn:active{transform:translateY(0)}.transport-btn-primary{color:#fff;background:linear-gradient(90deg,#202b75,#2dacb8)}.transport-btn-primary:hover{background:linear-gradient(90deg,#1a2360,#25929c)}.transport-btn-excel{color:#fff;background:#4caf50}.transport-btn-excel:hover{background:#45a049}.transport-btn-pdf{color:#fff;background:#f44336}.transport-btn-pdf:hover{background:#d32f2f}.transport-btn-outline{background:#fff;color:#202b75;border:1px solid #202b75;box-shadow:none}.transport-btn-outline:hover{background:#202b750a;border-color:#1a2360}.transport-status-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.transport-status-tabs{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.transport-status-tab{min-width:110px;padding:10px 14px;border:1px solid #d7dbe2;border-radius:12px 12px 0 0;background:#fff;color:#334155;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.transport-status-tab:hover{border-color:#2dacb8;color:#202b75}.transport-status-tab.active{background:linear-gradient(90deg,#202b75,#2dacb8);color:#fff;border-color:transparent;box-shadow:0 6px 16px #202b7533}.transport-status-tab-icon{font-size:18px}.transport-legend-pills{display:flex;gap:8px;flex-wrap:wrap}.transport-legend-pill{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:700;color:#fff}.transport-legend-pill.tentative{background:#e65100}.transport-legend-pill.confirmed{background:#1b5e20}.transport-legend-pill.cancelled{background:#b71c1c}.ticket-dashboard-shell{display:flex;flex-direction:column;gap:18px}.ticket-filter-shell{background:#f5f5f5;border-radius:8px;padding:16px;box-shadow:0 1px #ffffffe6,0 2px 12px #0f172a14}.ticket-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:center}.ticket-control{height:36px;border:1px solid #c9cfd8;border-radius:4px;background:#fff;color:#1f2937;font-size:13px;font-family:inherit}.ticket-control:focus{outline:none;border-color:#202b75;box-shadow:0 0 0 3px #202b751f}.ticket-date-picker{position:relative}.ticket-date-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 0 12px;cursor:pointer;font-weight:500}.ticket-date-icon{display:inline-flex;align-items:center;color:#d84b46;font-size:18px}.ticket-date-popover{position:absolute;top:44px;left:0;z-index:1000;background:#fff;border-radius:8px;padding:16px;box-shadow:0 8px 24px #0f172a2e}.ticket-date-close-row{display:flex;justify-content:flex-end;margin-top:10px}.ticket-select{padding:0 30px 0 10px;cursor:pointer}.ticket-search-wrap{position:relative;display:flex;align-items:center}.ticket-search{width:100%;padding:0 34px 0 12px}.ticket-search-icon{position:absolute;right:12px;color:#2980b9;font-size:16px}.ticket-btn{height:36px;padding:0 16px;border:none;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.2px;cursor:pointer;box-shadow:0 1px 3px #0f172a33;transition:transform .15s ease,filter .15s ease}.ticket-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.ticket-btn:active{transform:translateY(0)}.ticket-btn-primary{color:#fff;background:linear-gradient(90deg,#202b75,#2dacb8)}.ticket-btn-primary:hover{background:linear-gradient(90deg,#1a2360,#25929c)}.ticket-btn-outline{background:#fff;color:#202b75;border:1px solid #202b75;box-shadow:none}.ticket-btn-outline:hover{background:#202b750a;border-color:#1a2360}.ticket-status-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ticket-status-tabs{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.ticket-status-tab{min-width:110px;padding:10px 14px;border:1px solid #d7dbe2;border-radius:12px 12px 0 0;background:#fff;color:#334155;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.ticket-status-tab:hover{border-color:#2dacb8;color:#202b75}.ticket-status-tab.active{background:linear-gradient(90deg,#202b75,#2dacb8);color:#fff;border-color:transparent;box-shadow:0 6px 16px #202b7533}.ticket-status-tab-icon{font-size:18px}.ticket-dashboard-table-wrap{margin-top:0;border-radius:12px;border:1px solid #dfe5ef;overflow:hidden;box-shadow:0 2px 10px #0f172a14}.ticket-dashboard-table th{text-transform:none;letter-spacing:0;background:#fff;border-color:#e5eaf3;color:#334155;font-size:12px;font-weight:700}.ticket-dashboard-table td{border-color:#edf1f7;font-size:12px;color:#334155}.ticket-table-empty{height:150px;text-align:center;background:#cfd8ee;color:#3f4d67;font-size:18px;font-weight:500}.ticket-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:8px 4px;color:#475569;font-size:13px;gap:10px;flex-wrap:wrap}.ticket-pagination-left,.ticket-pagination-right{display:flex;align-items:center;gap:10px}.ticket-pagination select{height:30px;border-radius:6px;border:1px solid #c9cfd8;padding:0 10px;background:#fff}.ticket-pagination button{height:28px;width:28px;border:1px solid #c9cfd8;border-radius:6px;background:#fff;cursor:pointer}.ticket-pagination button:disabled{opacity:.5;cursor:not-allowed}.aging-dashboard-shell{display:flex;flex-direction:column;gap:18px}.aging-hero{background:linear-gradient(90deg,#202b75,#2dacb8);border-radius:10px;padding:18px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 6px 20px #202b753d}.aging-hero-title{margin:0;font-size:30px;font-weight:700;color:#e2f2ff}.aging-hero-subtitle{margin:6px 0 0;font-size:13px;color:#fffffff2}.aging-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.aging-btn{height:36px;padding:0 16px;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;box-shadow:0 1px 3px #0f172a47}.aging-btn-excel,.aging-btn-pdf{background:linear-gradient(90deg,#202b75,#2dacb8)}.aging-btn:hover{filter:brightness(1.03)}.aging-search-wrap{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #c7ced9;border-radius:4px;height:42px;padding-left:40px}.aging-search-icon{position:absolute;left:12px;color:#5c6470;font-size:19px}.aging-search-input{width:100%;height:100%;border:none;outline:none;font-size:13px;color:#334155;background:transparent}.aging-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}.aging-summary-card{min-height:98px;border-radius:12px;border:1px solid #d6dbe3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px;box-shadow:0 2px 8px #0f172a14}.aging-summary-card.pending{background:#e7decb}.aging-summary-card.partial{background:#ece7d2}.aging-summary-card.outstanding{background:#ecdee3}.aging-summary-card.settled{background:#d6e5d9}.aging-summary-label{font-size:13px;color:#374151;font-weight:600;text-align:center}.aging-summary-value{margin-top:8px;font-size:33px;font-weight:700;line-height:1}.aging-summary-card.pending .aging-summary-value,.aging-summary-card.partial .aging-summary-value{color:#e58c00}.aging-summary-card.settled .aging-summary-value{color:#2db15e}.aging-summary-money{margin-top:8px;font-size:33px;font-weight:700;color:#ef4f57;line-height:1}.aging-table-wrap{margin-top:2px}.aging-table th{background:#f1f3f6;text-transform:none;letter-spacing:0;font-size:13px}.aging-type-link{color:#2e7ecb;font-weight:700}.aging-amount,.aging-settled,.aging-outstanding{text-align:right;font-weight:700}.aging-amount{color:#1f2937}.aging-settled{color:#21b45b}.aging-outstanding{color:#ef4f57}.aging-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700;color:#fff}.aging-status-pending{background:#f4b400}.aging-status-partial{background:#f57c00}.aging-status-settled{background:#2db15e}.aging-total-row td{background:#e8dfcf!important}.edit-form{width:100%;max-width:900px;margin:0 auto}.edit-form h3{font-size:20px;color:#667eea;margin-bottom:24px;font-weight:700;letter-spacing:.3px}.edit-grid{display:flex;flex-wrap:wrap;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:#374151;letter-spacing:.3px}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;padding:10px 14px;font-size:14px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;color:#1f2937}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}.edit-actions{display:flex;justify-content:flex-end;margin-top:24px;gap:12px}.update-account-btn{padding:12px 32px!important;font-size:14px!important}.coming-soon{text-align:center;color:#888;font-size:16px;padding:48px 0}.table-empty{text-align:center;padding:40px 0;color:#aaa;font-size:15px}.ledger-loading,.ledger-error{text-align:center;padding:60px;font-size:16px;color:#666}.ledger-error{color:#e53935}@media(max-width:768px){.ledger-container{padding:16px}.ledger-header{flex-direction:column;text-align:center;padding:20px 16px;gap:16px}.ledger-header>div:first-child{flex-direction:column}.ledger-header-balance{width:100%;text-align:center}.ledger-actions-row{gap:8px;flex-direction:column;align-items:stretch}.ledger-info-card{padding:20px}.ledger-info-grid{grid-template-columns:1fr;gap:12px}.info-group{padding:12px}.ledger-filter-bar{flex-direction:column;align-items:stretch;gap:12px}.payments-filter-shell{padding:12px}.payments-filter-bar{align-items:stretch}.payments-control,.payments-date-btn,.payments-select,.payments-search,.payments-btn{width:100%;min-width:unset}.payments-date-popover{width:calc(100vw - 60px);max-width:390px}.hotel-filter-grid,.aging-summary-grid{grid-template-columns:1fr}.aging-hero{flex-direction:column;align-items:flex-start}.aging-hero-actions{width:100%}.aging-btn{flex:1 1 120px}.aging-search-wrap{height:40px}.ticket-filter-grid{grid-template-columns:1fr}.hotel-date-popover,.ticket-date-popover{width:calc(100vw - 60px);max-width:390px}.hotel-status-tabs,.ticket-status-tabs{width:100%}.hotel-status-tab,.ticket-status-tab{flex:1 1 calc(50% - 6px);justify-content:center}.ticket-control,.ticket-date-btn,.ticket-select,.ticket-search,.ticket-btn{width:100%;min-width:unset}.ticket-pagination{flex-direction:column;align-items:flex-start}.ledger-tabs-bar{padding:0 5px;gap:5px;-ms-overflow-style:none}.ledger-tab{flex:0 0 auto;padding:14px 16px;min-width:100px}.tab-icon{font-size:20px}.tab-label{font-size:12px;white-space:nowrap}.ledger-tab.active{background:#667eea14}.filter-date-group{justify-content:space-between;width:100%}.filter-select,.filter-search{width:100%;min-width:unset}.btn-group{width:100%;margin-bottom:10px}.btn{flex:1 1 0;min-width:0;padding:10px 8px;font-size:12px!important;white-space:nowrap}.filter-spacer{display:none}}@media(max-width:740px){.btn-group{margin-bottom:8px;gap:6px}.btn{flex:0 0 calc(50% - 3px);width:auto!important;font-size:12px!important;padding:10px 8px;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;justify-content:center}.ledger-header-title,.ledger-header-balance-amount{font-size:20px}}@media(min-width:576px){.full-width-xs,.phone-group{flex:0 0 calc(50% - 8px)}.form-group.full-width{flex:0 0 100%}.update-account-btn{width:fit-content;font-size:.875rem;padding:10px 20px}.btn{width:auto;min-width:100px;padding:10px 16px;font-size:13px!important}.ledger-table th{font-size:14px;padding:12px}.ledger-table td{font-size:13px;padding:10px 12px}}@media(max-width:575px){.ledger-container{padding:12px}.ledger-header{padding:16px 12px}.ledger-header-icon{font-size:32px}.ledger-header-title{font-size:20px}.ledger-info-card{padding:16px}.ledger-info-card h4{font-size:16px}.edit-grid{gap:12px}.full-width-xs{flex:0 0 100%}.phone-group{flex:0 0 calc(50% - 6px)}.form-group.full-width{flex:0 0 100%}.update-account-btn{width:100%;font-size:13px;padding:12px;display:flex;justify-content:center}.ledger-table th,.ledger-table td{font-size:11px;padding:8px 6px}.td-desc{max-width:180px;white-space:normal;font-size:10px}.total-row td{background-color:#f8f9fa;font-weight:700}.status-badge{font-size:9px;padding:2px 6px}.tab-panel{padding:16px}}@media(max-width:480px){.ledger-header-icon{font-size:28px}.ledger-header-title,.ledger-header-balance-amount{font-size:18px}.ledger-tab{padding:12px;min-width:85px}.tab-icon{font-size:18px}.tab-label{font-size:11px}.btn{flex:0 0 calc(50% - 3px);white-space:nowrap!important;line-height:1.3;display:flex;align-items:center;justify-content:center;height:auto;padding:8px 4px;font-size:11px!important}}@media print{.no-print{display:none!important}.ledger-container{padding:0;background:#fff}.tab-panel{box-shadow:none}.ledger-tabs-bar,.ledger-filter-bar{display:none!important}}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;inset:5px 0;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;inset:5px 0}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;inset:3px 0;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;inset:-2px 0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}#root{width:100%;margin:0;padding:0}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.customer-payment-container{padding:24px;background-color:#f5f5f5;min-height:calc(100vh - 140px)}.payment-form-card{background:#fff;border-radius:8px;padding:32px;margin:0 auto;box-shadow:0 1px 3px #0000001a}.form-title{font-size:20px;font-weight:600;color:#374151;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-group{display:flex;flex-direction:column}.form-group select{border-radius:4px}.form-group.full-width{width:100%;margin-bottom:16px}.section-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.section-label:has(+.file-upload-area){display:block}.section-label.required-field{color:#dc2626}.date-label{font-size:12px;color:#6b7280;margin-bottom:4px}.form-select,.form-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#374151;background-color:#fff;transition:border-color .2s}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}.form-select:focus,.form-input:focus{outline:none;border-color:#3b82f6}.form-input::placeholder,.form-select option:first-child{color:#9ca3af}.date-input{color:#374151}.form-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#374151;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s;box-sizing:border-box}.form-textarea:focus{outline:none;border-color:#3b82f6}.form-textarea::placeholder{color:#9ca3af}.checkbox-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content}.checkbox-input{width:20px;height:20px;margin-right:12px;cursor:pointer;order:-1}.checkbox-label{font-size:14px;color:#6b7280}.file-upload-area{position:relative;border:2px dashed #d1d5db;border-radius:4px;padding:32px;background-color:#f9fafb;transition:all .3s ease}.file-upload-area:hover{border-color:#3b82f6;background-color:#eff6ff}.file-upload-area.drag-over{border-color:#3b82f6;background-color:#dbeafe;transform:scale(1.01)}.file-input{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center;gap:8px}.upload-icon{width:48px;height:48px;color:#3b82f6;margin-bottom:8px}.upload-text{font-size:15px;font-weight:500;color:#374151}.upload-hint{font-size:13px;color:#6b7280}.file-preview-container{display:flex;flex-direction:column;gap:16px}.image-preview-wrapper{display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;overflow:hidden}.image-preview{max-width:100%;max-height:300px;width:auto;height:auto;object-fit:contain;border-radius:4px}.file-preview{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px}.file-info{display:flex;align-items:center;gap:12px;flex:1}.file-icon{width:40px;height:40px;color:#3b82f6;flex-shrink:0}.file-details{display:flex;flex-direction:column;gap:4px}.file-name{font-size:14px;font-weight:500;color:#374151;word-break:break-all}.file-size{font-size:12px;color:#6b7280}.remove-file-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#fee2e2;border:none;border-radius:4px;cursor:pointer;transition:all .2s;flex-shrink:0}.remove-file-btn:hover{background-color:#fecaca;transform:scale(1.1)}.remove-file-btn svg{width:18px;height:18px;color:#dc2626}.button-group{display:flex;gap:12px;margin-top:32px}.btn{padding:12px 32px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-back{background-color:#1e40af;color:#fff}.btn-back:hover{background-color:#1e3a8a}.btn-save{background-color:#0e7490;color:#fff}.btn-save:hover{background-color:#0c6478}@media(max-width:1024px){.form-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.customer-payment-container{padding:16px}.payment-form-card{padding:20px}.form-grid{grid-template-columns:1fr;gap:2px}.button-group{flex-direction:column}.btn{width:100%}}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker__input-container .form-input{width:100%;cursor:pointer}.react-datepicker{font-family:inherit;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.react-datepicker__header{background-color:#fff;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:12px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;font-weight:600;font-size:14px}.react-datepicker__day-name{color:#000;font-weight:500;font-size:13px;margin:.3rem}.react-datepicker__day{color:#374151;font-size:13px;margin:.3rem;border-radius:4px}.react-datepicker__day:hover{background-color:#dbeafe;color:#1e40af}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:#3b82f6;color:#fff;font-weight:600}.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected:hover{background-color:#2563eb}.react-datepicker__day--today{font-weight:600;color:#ccc;font-weight:800;border:1px solid #3b82f6}.react-datepicker__day--disabled{color:#d1d5db;cursor:not-allowed}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__navigation{top:12px}.react-datepicker__navigation-icon:before{border-color:#fff}.react-datepicker__navigation:hover *:before{border-color:#dbeafe}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 2px 4px #0000001a}.react-datepicker__month-option,.react-datepicker__year-option{padding:4px 8px;font-size:13px}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background-color:#dbeafe;color:#1e40af}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{background-color:#3b82f6;color:#fff}.payment-history-page{width:100%}.ph-tabs{display:flex;gap:4px;border-bottom:2px solid #e6eaf2;margin-bottom:20px}.ph-tab{background:none;border:none;padding:10px 20px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.ph-tab:hover{color:#1e40af}.ph-tab--active{color:#1e40af;border-bottom-color:#1e40af;font-weight:600}.payment-history-card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 8px 24px #10182814;border:1px solid #e6eaf2}.payment-history-header h1{margin:0;color:#12335b;font-size:clamp(1.35rem,2vw,1.75rem)}.payment-history-header p{margin:6px 0 0;color:#5a6b80}.payment-history-controls{margin-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.date-range-group{display:flex;flex-wrap:wrap;gap:10px}.date-range-group label{display:flex;flex-direction:column}.date-range-group input,.search-group input{min-height:38px;border:1px solid #cfd7e6;border-radius:4px;padding:0 10px;font-size:.95rem;width:100%}.search-group{margin-top:24px;display:flex;align-items:center;min-width:280px;max-width:500px}.search-group input{width:100%}.btn-primary{margin-top:24px;height:38px;border:none;border-radius:4px;background:linear-gradient(90deg,#1a3f75,#1f7fa5);color:#fff;font-weight:600;padding:0 16px;cursor:pointer}.btn-primary:hover{filter:brightness(1.06)}.status-text{margin-top:16px;color:#2b3f57}.status-text.error{color:#c62828}.table-wrap{margin-top:16px;overflow-x:auto;border:1px solid #dbe3ef;border-radius:8px}.payment-history-table{width:100%;border-collapse:collapse}.payment-history-table thead th{background:#1f4f86;color:#fff;text-align:left;padding:12px;font-size:.9rem}.payment-history-table tbody td{border-top:1px solid #ebf0f7;padding:12px;color:#25364a;font-size:.93rem;border-radius:8px}.payment-history-table tbody tr:hover{background:#f8fbff}.empty-state{text-align:center;color:#6c7d93}@media(max-width:768px){.payment-history-card{padding:16px}.payment-history-controls{align-items:stretch}.search-group{max-width:none;min-width:100%}}.action-cell{display:flex;gap:8px}.btn-action{padding:6px 12px;border:none;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-edit{background:#2196f3;color:#fff}.btn-edit:hover{background:#1976d2;transform:translateY(-2px);box-shadow:0 4px 8px #2196f34d}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#da190b;transform:translateY(-2px);box-shadow:0 4px 8px #f443364d}.btn-action:disabled,.btn-action.btn-disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.2)}.status-badge{display:inline-block;padding:2px 10px;border-radius:4px;font-size:12px;font-weight:600}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.type-badge{display:inline-block;padding:2px 10px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.type-payment{background:#dbeafe;color:#1e40af}.type-receiving{background:#ede9fe;color:#5b21b6}@media(min-width:576px){.date-range-group input[type=date]{width:160px}.date-range-group .btn-primary{width:80px;font-size:1rem}.search-group input{width:300px}.payment-history-table thead th{font-size:1rem}.payment-history-table tbody td{font-size:.875rem}.action-cell{flex-direction:row;justify-content:flex-start}.btn-action{width:70px;font-size:.75rem;padding:6px 0;text-align:center}}@media(max-width:575px){.action-cell{flex-direction:column;align-items:stretch;gap:6px}.btn-action{width:100%;font-size:.65rem;padding:8px 0}.payment-history-controls{display:flex;flex-direction:column;gap:15px}.date-range-group{display:flex;flex-direction:row;justify-content:space-between}.date-range-group label{width:calc(50% - 5px)}.date-range-group input[type=date]{width:100%}.date-range-group .btn-primary{margin-top:0;width:100%;font-size:.75rem;order:3}.search-group{margin-top:0}.search-group input{width:100%}.payment-history-table thead th{font-size:.75rem}.payment-history-table tbody td{font-size:.7rem}.status-badge,.type-badge,.btn-action{font-size:.65rem;padding:4px 8px}}.rv-page{padding:16px;background:#fff0;min-height:calc(100vh - 80px)}.rv-header{background:linear-gradient(90deg,#202b75,#2dacb8);color:#fff;text-align:center;padding:16px 24px;border-radius:4px;border:2px solid black;margin-bottom:24px}.rv-header h1{margin:0;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:700}.rv-toast{position:fixed;top:20px;right:20px;z-index:10000;padding:12px 20px;border-radius:4px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;max-width:360px;animation:rv-slide-in .3s ease}.rv-toast--success{background:#d1fae5;color:#065f46;border-left:4px solid #10b981}.rv-toast--error{background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.rv-toast--warning{background:#fef3c7;color:#92400e;border-left:4px solid #f59e0b}@keyframes rv-slide-in{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.rv-date-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.rv-date-row label{font-weight:600;color:#374151;font-size:14px}.rv-date-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:#fff;box-sizing:border-box}.rv-date-input:focus{outline:none;border-color:#2dacb8;box-shadow:0 0 0 3px #2dacb826}.rv-table-wrapper{width:100%;overflow-x:auto;border:2px solid black;border-radius:6px;background:#fff;margin-bottom:16px}.rv-account-info{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:8px 16px;margin-bottom:14px;font-size:14px;box-sizing:border-box}.rv-account-label{font-weight:600;color:#1e40af}.rv-account-value{color:#1e3a8a;font-weight:500}.rv-table{width:100%;border-collapse:collapse;min-width:1100px}.rv-table thead tr{background:linear-gradient(90deg,#202b75,#2dacb8)}.rv-table thead th{color:#fff;padding:10px 8px;font-weight:600;text-align:left;white-space:nowrap}.rv-table tbody tr{border-bottom:1px solid #e5e7eb}.rv-table tbody tr:last-child{border-bottom:none}.rv-table tbody td{padding:6px;vertical-align:middle}.rv-input{width:100%;min-width:110px;padding:7px 10px;border:1px solid #d1d5db;border-radius:4px;background:#fff;box-sizing:border-box}.rv-input:focus{outline:none;border-color:#2dacb8;box-shadow:0 0 0 2px #2dacb826}.rv-input--readonly{background:#f9fafb;color:#6b7280;cursor:default}.rv-input--error{border-color:#ef4444;background:#fff5f5}.rv-select__control{min-height:36px!important;min-width:150px;border-color:#d1d5db!important;border-radius:4px!important;font-size:13px;box-shadow:none!important;background:#fff}.rv-select__control--is-focused{border-color:#2dacb8!important;box-shadow:0 0 0 2px #2dacb826!important}.rv-select__menu{font-size:13px;z-index:9999}.rv-select__option--is-selected{background:#202b75!important}.rv-select__option--is-focused{background:#e0f2fe!important;color:#0c4a6e!important}.rv-select__value-container{padding:0 8px!important}.rv-select__indicator{padding:4px!important}.rv-row-error{background:#ffe6e6;color:#b91c1c;padding:8px 14px;border-radius:4px;font-size:13px}.rv-file-cell{text-align:center}.rv-upload-btn{display:inline-block;padding:6px 12px;background:#6b7280;color:#fff;border-radius:4px;font-size:12px;cursor:pointer;white-space:nowrap;transition:background .2s}.rv-upload-btn:hover{background:#4b5563}.rv-preview-img{width:60px;height:60px;object-fit:cover;border-radius:4px;margin-top:6px;box-shadow:0 1px 3px #0003;display:block;margin-left:auto;margin-right:auto}.rv-delete-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .2s}.rv-delete-btn:hover{background:#dc2626}.rv-center{display:flex;justify-content:center;margin-top:12px}.rv-total-row{flex-direction:column;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.rv-total-row label{font-weight:600;color:#374151}.rv-total-input{padding:8px 14px;border:1px solid #d1d5db;border-radius:4px;font-weight:600;background:#f9fafb;text-align:right;cursor:default;box-sizing:border-box}.rv-btn{padding:10px 32px;border:2px solid black;border-radius:4px;font-weight:600;cursor:pointer;margin-top:16px;transition:opacity .2s,transform .1s;box-sizing:border-box}.rv-btn:active{transform:scale(.98)}.rv-btn:disabled{opacity:.6;cursor:not-allowed}.rv-btn--warning{background:#f59e0b;color:#fff}.rv-btn--warning:hover:not(:disabled){background:#d97706}.rv-btn--success{background:#10b981;color:#fff}.rv-btn--success:hover:not(:disabled){background:#059669}@media(min-width:576px){.rv-date-input{width:160px}.rv-account-info{width:auto}.rv-table thead th{font-size:1rem}.rv-table tbody td,.rv-input,.rv-select__control{font-size:.875rem!important}.rv-btn{width:300px;font-size:.875rem}.rv-total-input{width:300px;font-size:15px}}@media(max-width:575px){.rv-date-row{flex-direction:column;align-items:stretch}.rv-date-input{width:100%}.rv-account-info{display:flex;width:100%;justify-content:space-between}.rv-table thead th{font-size:.75rem}.rv-table tbody td,.rv-input,.rv-select__control{font-size:.7rem!important}.rv-btn{width:100%;font-size:.75rem}.rv-total-row{flex-direction:column;align-items:stretch}.rv-total-input{width:100%;font-size:14px}}.mb-page{width:100%;padding:40px}.mb-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 8px 24px #10182814;border:1px solid #e6eaf2}.mb-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e6eaf2}.mb-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 4px}.mb-header p{font-size:13px;color:#6b7280;margin:0}.mb-total-badge{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:20px;padding:4px 14px;font-size:13px;font-weight:600;white-space:nowrap}.mb-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:16px;padding:10px 0}.mb-date-group{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.mb-date-group input{border-radius:4px!important}.mb-date-group label{display:flex;flex-direction:column;font-size:12px;font-weight:500;color:#374151;gap:4px}.mb-date-group input[type=date]{border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;font-size:13px;outline:none;transition:border-color .2s}.mb-date-group input[type=date]:focus{border-color:#3b82f6}.mb-btn-apply{background:#1d4ed8;color:#fff;border:none;border-radius:4px;padding:7px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.mb-btn-apply:hover{background:#1e40af}.mb-search-group{flex:1;min-width:200px}.mb-search-group input{width:100%;border:1px solid #d1d5db;border-radius:4px;padding:8px 12px;font-size:13px;outline:none;box-sizing:border-box}.mb-search-group input:focus{border-color:#3b82f6}.mb-filter-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:10px 0}.mb-filter-tab{display:flex;align-items:center;gap:6px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:5px 14px;font-size:13px;color:#374151;cursor:pointer;transition:background .15s,border-color .15s}.mb-filter-tab:hover{background:#eff6ff;border-color:#bfdbfe}.mb-filter-tab--active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.mb-filter-count{background:#0000001a;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.mb-filter-tab--active .mb-filter-count{background:#ffffff40}.mb-status{text-align:center;padding:20px;color:#6b7280;font-size:14px}.mb-status--error{color:#dc2626}.mb-table-wrap{overflow-x:auto}.mb-table{width:100%;border-collapse:collapse;font-size:13px}.mb-table thead th{background:#f8fafc;color:#374151;font-weight:600;padding:11px 14px;text-align:left;border-bottom:2px solid #e6eaf2;white-space:nowrap}.mb-table tbody td{padding:11px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.mb-table tbody tr:hover{background:#f8fafc}.mb-td-num{color:#9ca3af;width:36px}.mb-td-id{font-family:monospace;font-size:12px;color:#1d4ed8}.mb-td-ref{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-type-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;white-space:nowrap}.mb-type--ticket{background:#dbeafe;color:#1e40af}.mb-type--hotel{background:#fef3c7;color:#92400e}.mb-type--visa{background:#d1fae5;color:#065f46}.mb-type--transport{background:#ede9fe;color:#5b21b6}.mb-status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.mb-status--pending{background:#fef3c7;color:#92400e}.mb-status--approved{background:#d1fae5;color:#065f46}.mb-empty{text-align:center;padding:40px;color:#9ca3af;font-size:14px}.mb-td-actions{white-space:nowrap}.mb-btn-view{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;margin-right:6px;transition:background .15s}.mb-btn-view:hover{background:#dbeafe}.mb-btn-download{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.mb-btn-download:hover{background:#dcfce7}.mb-btn-cancel{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:4px;padding:8px 20px;font-size:13px;font-weight:600;cursor:pointer}.mb-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.mb-modal{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column}.mb-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e6eaf2}.mb-modal-header h2{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 2px}.mb-modal-vid{font-size:12px;color:#6b7280;font-family:monospace;margin:0}.mb-modal-close{background:none;border:none;font-size:18px;color:#9ca3af;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1}.mb-modal-close:hover{color:#1e293b;background:#f3f4f6}.mb-modal-body{padding:16px 24px;flex:1}.mb-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:13px;gap:12px}.mb-detail-row:last-child{border-bottom:none}.mb-detail-label{color:#6b7280;font-weight:500;flex-shrink:0;min-width:130px}.mb-detail-divider{height:1px;background:#e6eaf2;margin:8px 0}.mb-detail-row--total{font-weight:700;font-size:14px;color:#1e293b}.mb-detail-attachment{margin-top:4px}.mb-attachment-link{color:#1d4ed8;text-decoration:none;font-weight:500}.mb-attachment-link:hover{text-decoration:underline}.mb-modal-footer{padding:16px 24px;border-top:1px solid #e6eaf2;display:flex;justify-content:flex-end;gap:10px}.mb-print-invoice{display:none}@media print{body>*{display:none!important}.mb-print-invoice{display:block!important;position:fixed;top:0;left:0;width:100%;padding:32px;font-family:Arial,sans-serif;font-size:13px;color:#111;box-sizing:border-box}.mb-inv-header{text-align:center;margin-bottom:24px;border-bottom:2px solid #333;padding-bottom:12px}.mb-inv-header h1{font-size:20px;margin:0 0 4px}.mb-inv-subtitle{font-size:13px;color:#555;margin:0}.mb-inv-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin-bottom:24px;font-size:13px}.mb-inv-table{width:100%;border-collapse:collapse;margin-bottom:24px}.mb-inv-table th,.mb-inv-table td{border:1px solid #ccc;padding:7px 10px;text-align:left}.mb-inv-table th{background:#eee;font-weight:700}.mb-inv-total td{background:#f5f5f5}.mb-inv-footer{text-align:center;font-size:12px;color:#666;border-top:1px solid #ccc;padding-top:12px}}@media(max-width:599px){.mb-page{padding:20px}.mb-table thead th{font-size:.75rem}.mb-table tbody td{font-size:.7rem}.mb-controls{flex-direction:column;align-items:stretch}.mb-date-group{display:flex;width:100%}.mb-date-group label{flex:1;width:50%}.mb-date-group input[type=date]{width:100%}.mb-btn-apply{width:100%;font-size:.75rem;padding:10px}.mb-search-group{width:100%;flex:none}}@media(min-width:600px){.mb-table thead th{font-size:1rem}.mb-table tbody td{font-size:.875rem}.mb-date-group input[type=date]{width:160px}.mb-btn-apply{width:80px;font-size:.875rem;padding:7px 0;text-align:center}.mb-search-group{flex:none;width:250px}}.sectors-page-container{padding:20px}.sectors-page-container h1{font-size:28px;margin-bottom:10px}.total-count-text{color:#666;margin-bottom:20px}.filters-wrapper{background:#f8f9fa;padding:20px;border-radius:4px;margin-bottom:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.filter-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.filter-select{width:100%;padding:10px;border-radius:4px;border:1px solid #ddd;font-size:14px;cursor:pointer}.clear-filters-container{display:flex;align-items:flex-end}.btn-clear-filters{width:100%;padding:10px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background .3s;margin-bottom:4px}.btn-clear-filters:hover{background:#c82333}.sectors-list{display:flex;flex-direction:column;gap:12px}.sector-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000000f;transition:all .2s ease;cursor:pointer}.sector-card:hover{box-shadow:0 4px 16px #0000001f;background-color:#f9f9f9}.sector-main-info{display:flex;align-items:center;flex:1;gap:16px}.transport-icon-wrapper{font-size:28px;min-width:40px;text-align:center}.sector-title-group h3{margin:0 0 4px;color:#333;font-size:15px;font-weight:600}.sector-type-subtitle{margin:0;color:#999;font-size:12px;text-transform:capitalize}.sector-actions{display:flex;align-items:center;gap:20px;margin-left:20px}.price-display{text-align:right;min-width:120px}.price-amount{font-size:18px;font-weight:700;color:#667eea}.badge-container{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-width:100px}.featured-badge{background:#fff3cd;color:#856404;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:700;white-space:nowrap}.btn-book{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;white-space:nowrap}.btn-book:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea4d}@media(max-width:768px){.sectors-page-container h1{font-size:20px}.filters-wrapper{padding:15px 0;gap:10px;background:transparent}.sector-card{flex-direction:column;align-items:flex-start;gap:15px}.sector-actions{margin-left:0;width:100%;justify-content:space-between;border-top:1px solid #eee;padding-top:15px}.price-display{text-align:left}}@media(max-width:480px){.filters-wrapper{grid-template-columns:1fr}.sector-actions{flex-wrap:wrap;gap:10px}.btn-book{width:100%;text-align:center}.btn-clear-filters{margin-bottom:0}}
