@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary-color:#1e40af;--primary-dark:#1e3a8a;--primary-light:#3b82f6;--secondary-color:#64748b;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--text-primary:#1f2937;--text-secondary:#64748b;--text-muted:#9ca3af;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{margin:0;padding:0}body{background:#fff;background:var(--bg-primary);color:#1f2937;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.login-container,.login-section,body,html{max-width:100vw!important;overflow-x:hidden!important;position:relative;width:100vw!important}.login-container{background:linear-gradient(135deg,#1e40af,#1e3a8a 50%,#7c3aed);font-family:Inter,sans-serif;max-height:100vh;min-height:100vh;overflow:hidden}.slider-section{overflow:hidden}.slider-section,.slider-wrapper{height:100vh;position:relative}.slide-item{height:100vh!important}.slide-background{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;height:100vh;position:relative}.slide-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:flex-start;left:0;padding:0 5%;position:absolute;right:0;top:0}.slide-background[data-image-failed=true]{background:linear-gradient(135deg,#1e40afe6,#1e3a8ae6 50%,#7c3aede6)!important}.slide-content{color:#fff;max-width:580px;position:relative;text-align:left;z-index:2}.slide-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:20px;display:inline-flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:20px;padding:6px 16px}.badge-text{color:#fff;font-weight:600}.badge-subtitle{color:#fffc;font-weight:400}.slide-number{color:#ffffff14;font-family:Inter,sans-serif;font-size:4.5rem;font-weight:800;line-height:1;margin-bottom:-20px}.slide-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:2.75rem;font-weight:700;line-height:1.1;margin-bottom:12px}.slide-subtitle{color:#ffffffe6;font-size:1.35rem;font-weight:500;margin-bottom:16px}.slide-description{color:#ffffffd1;font-size:1rem;line-height:1.6;margin-bottom:24px}.slide-features{display:flex;flex-wrap:wrap;gap:14px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;gap:6px;padding:8px 14px}.brand-section{align-items:flex-start;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;left:5%;position:absolute;right:5%;top:32px;z-index:10}.logo-container{align-items:center;display:flex;gap:12px;margin-bottom:8px}.logo-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:2.25rem}.logo-text-container{display:flex;flex-direction:column}.logo-text{font-size:1.75rem;font-weight:700;line-height:1}.logo-subtitle{color:#fffc;font-size:.8rem;font-weight:400;margin-top:2px}.brand-tagline{color:#ffffffd9;font-size:.9rem;line-height:1.5;margin:0;max-width:380px}.brand-right{flex-shrink:0;margin-left:20px}.brand-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;min-width:20px;padding:8px 12px;transition:all .3s ease}.stat-item:hover{background:#ffffff1f;box-shadow:0 4px 16px #fff3;transform:translateY(-2px)}.stat-number{color:#fff;font-size:1.25rem;font-weight:700;line-height:1}.stat-text{color:#fffc;font-size:.7rem;margin-top:2px;text-align:center}.custom-dots{bottom:40px;display:flex;gap:12px;left:25%;padding:16px;position:absolute;transform:translateX(-50%);z-index:10}.dot{background:#fff6;border:2px solid #fff9;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:12px;width:12px}.dot:hover{background:#fff9;box-shadow:0 4px 12px #ffffff4d;transform:scale(1.2)}.dot.active{background:#fff;border:2px solid #fff;box-shadow:0 4px 16px #ffffff80;transform:scale(1.3)}.dot-loaded,.dot-number,.dot-preview,.dot.linkable:after,.dot.locked,.transition-lock{display:none!important}.progress-text{color:#ffffffe6;font-size:14px;font-weight:500;right:5%;top:-30px}.progress-counter{display:none!important}.progress-current{color:#fff}@media (max-width:1200px){.custom-dots{gap:10px;left:20%}.dot{height:10px;width:10px}}@media (max-width:992px){.custom-dots{display:none}}.custom-dots-enhanced .dot{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;border:2px solid #ffffff4d}.custom-dots-enhanced .dot:hover{background:#ffffff59;border-color:#ffffff80}.custom-dots-enhanced .dot.active{background:#fff;border-color:#fff;box-shadow:0 6px 20px #ffffff80}.slide-progress{background:#ffffff26;bottom:0;height:3px;left:0;position:absolute;right:0;z-index:10}.progress-bar{background:linear-gradient(90deg,#fff,#e0e7ff);box-shadow:0 0 8px #fff9;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.login-section{align-items:flex-start;background:#fff;background:var(--bg-primary);display:flex;height:100vh;justify-content:center;overflow-y:auto;padding:20px;scrollbar-color:#e2e8f0 #0000;scrollbar-color:var(--border-color) #0000}.login-section::-webkit-scrollbar{width:5px}.login-section::-webkit-scrollbar-track{background:#0000}.login-section::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:3px}.login-wrapper{max-width:420px;padding-top:30px;width:100%}.mobile-header{display:none;margin-bottom:28px;text-align:center}.mobile-brand{align-items:center;display:flex;gap:12px;justify-content:center}.mobile-brand .logo-icon{color:#1e40af;color:var(--primary-color);font-size:2rem}.mobile-brand .logo-text{color:#1e40af;color:var(--primary-color);font-size:1.5rem;font-weight:700}.mobile-tagline{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin:6px 0 0}.login-card{background:#fff;background:var(--bg-primary);border:none;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);overflow:hidden}.login-card .ant-card-body{padding:32px 28px}.login-header{margin-bottom:28px;text-align:center}.header-icon{align-items:center;background:linear-gradient(135deg,#1e40af,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:18px;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.login-title{color:#1f2937;color:var(--text-primary);font-size:1.5rem!important;font-weight:700;margin-bottom:6px!important}.login-subtitle{color:#64748b;color:var(--text-secondary);font-size:.9rem}.login-alert{border-radius:8px;border-radius:var(--radius-md);margin-bottom:20px}.login-form .ant-form-item-label>label{color:#1f2937;color:var(--text-primary);font-size:.9rem;font-weight:500}.login-form .ant-form-item{margin-bottom:20px}.login-input{border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);font-size:.9rem;height:44px;transition:all .2s ease}.login-input:hover{border-color:#3b82f6;border-color:var(--primary-light)}.login-input.ant-input-focused,.login-input:focus{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e40af14}.input-icon{color:#9ca3af;color:var(--text-muted);font-size:14px}.login-options{margin-bottom:20px}.options-row{align-items:center;display:flex;justify-content:space-between}.remember-checkbox{color:#64748b;color:var(--text-secondary);font-size:.9rem}.forgot-password{color:#1e40af;color:var(--primary-color);font-size:.9rem;font-weight:500;height:auto;padding:0}.forgot-password:hover{color:#1e3a8a;color:var(--primary-dark)}.login-button-wrapper{margin-bottom:24px}.login-button{background:linear-gradient(135deg,#1e40af,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);font-size:.95rem;font-weight:600;height:48px;transition:all .2s ease}.login-button:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.button-text{align-items:center;display:flex;gap:6px;justify-content:center}.contact-section{background:#f8fafc;background:var(--bg-secondary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:20px;padding:8px 16px}.contact-header{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:8px}.contact-header-icon{font-size:14px}.contact-header-icon,.contact-title{color:#1e40af;color:var(--primary-color)}.contact-title{font-size:1rem!important;font-weight:600;margin:0!important}.contact-grid{grid-gap:6px;display:grid;gap:6px}.contact-item{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:8px;padding:8px;transition:all .2s ease}.contact-item:hover{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.contact-icon-wrapper{align-items:center;background:linear-gradient(135deg,#1e40af,#1e3a8a);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:6px;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.contact-icon{color:#fff;font-size:13px}.contact-content{display:flex;flex-direction:column;gap:2px}.contact-label{color:#9ca3af;color:var(--text-muted);font-size:.75rem;font-weight:500}.contact-text{color:#1f2937;color:var(--text-primary);font-size:.85rem;font-weight:600}.support-time{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:6px;padding-top:8px;text-align:center}.support-time .ant-typography{color:#9ca3af;color:var(--text-muted);font-size:.8rem}.login-footer{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:0 0 16px 16px;border-top:1px solid #0000000f;margin-top:24px;padding:20px 0}.footer-content{align-items:center;display:flex;flex-direction:column;gap:16px}.footer-company-info{display:flex;flex-direction:column;gap:6px}.footer-text.company-name{color:#1890ff!important;font-size:13px!important;font-weight:700!important;line-height:1.4}.footer-text.company-address{color:#595959!important;font-size:12px!important;font-weight:500!important;line-height:1.3;margin:0 auto;max-width:400px}.footer-text.system-name{color:#722ed1!important;font-size:12px!important;font-style:italic;font-weight:600!important}.footer-links{align-items:center;display:flex;gap:8px;margin-top:8px}.footer-links .ant-btn{color:#8c8c8c!important;font-size:11px!important;height:auto!important;padding:0 8px!important}.footer-links .ant-btn:hover{color:#1890ff!important}.footer-links span{color:#1890ff;font-size:10px}@media (max-width:768px){.footer-company-info{padding:0 16px}.footer-text.company-name{font-size:12px!important}.footer-text.company-address,.footer-text.system-name{font-size:11px!important}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.footer-text.company-name{font-size:11px!important;line-height:1.3}.footer-text.company-address{font-size:10px!important}}@media (min-width:1400px){.slide-content{max-width:620px}.slide-title{font-size:3rem}.slide-subtitle{font-size:1.5rem}.login-wrapper{max-width:450px}}@media (max-width:1200px){.slide-title{font-size:2.5rem}.slide-subtitle{font-size:1.2rem}.slide-content{padding:0 3%}.brand-section,.custom-dots{left:3%}}@media (max-width:992px){.slider-section{display:none!important}.login-container{background:#fff;background:var(--bg-primary)}.mobile-header{display:block}.login-section{align-items:center;max-width:none;padding:20px;width:100%}.login-wrapper{max-width:450px;padding-top:40px}.login-card{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl)}.login-card .ant-card-body{padding:36px 32px}}@media (max-width:768px){.login-wrapper{max-width:400px;padding-top:30px}.login-card .ant-card-body{padding:32px 24px}.contact-grid{gap:10px}.mobile-brand .logo-text{font-size:1.3rem}.mobile-brand .logo-icon{font-size:1.8rem}}@media (max-width:576px){.login-section{align-items:flex-start;height:100vh;padding:16px}.login-wrapper{max-width:100%;padding-top:20px}.login-card .ant-card-body{padding:24px 20px}.login-input{font-size:.9rem;height:42px}.login-button{font-size:.9rem;height:46px}.header-icon{font-size:16px;height:44px;width:44px}.login-title{font-size:1.3rem!important}.login-subtitle{font-size:.85rem}.contact-section{padding:16px}.contact-item{padding:10px}.contact-icon-wrapper{height:28px;width:28px}.contact-icon{font-size:12px}.contact-label{font-size:.7rem}.contact-text{font-size:.8rem}}@media (max-width:375px){.login-card .ant-card-body{padding:20px 16px}.contact-section{padding:14px}.footer-links .ant-btn-link,.footer-text{font-size:.75rem}}@media (max-width:576px){.login-form .ant-form-item{margin-bottom:18px}.login-form .ant-form-item-label>label{font-size:.85rem}.login-options{margin-bottom:18px}.login-button-wrapper{margin-bottom:20px}.contact-header{margin-bottom:14px}.support-time{margin-top:10px;padding-top:10px}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.login-card{animation:fadeInUp .6s ease-out}.slide-content{animation:slideInLeft .6s ease-out}.slide-badge{animation:fadeInUp .5s ease-out .1s both}.slide-features{animation:fadeInUp .6s ease-out .2s both}.ant-carousel .slick-dots{display:none!important}.ant-carousel .slick-slide{height:100vh;text-align:left}.ant-carousel .slick-list,.ant-carousel .slick-track{height:100vh;overflow:hidden}.login-button.ant-btn-loading{background:linear-gradient(135deg,#64748b,#9ca3af);background:linear-gradient(135deg,var(--text-secondary) 0,var(--text-muted) 100%)}.login-input:focus-within{box-shadow:0 0 0 3px #1e40af14}.login-section{scrollbar-color:#0000001a #0000;scrollbar-width:thin}.login-section::-webkit-scrollbar{width:4px}.login-section::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.login-section::-webkit-scrollbar-thumb:hover{background:#0003}.zalo-chat-widget{z-index:1100}.slide-background.loading{background-color:#f0f2f5;background-image:linear-gradient(135deg,#667eea,#764ba2)}.slide-loading{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.loading-spinner{animation:pulse 1.5s infinite;font-size:2em}.loading-text{font-size:14px;margin-top:10px;opacity:.8}.dot.locked{opacity:.6;pointer-events:none}.dot-loaded{color:#52c41a;font-size:10px;position:absolute;right:-5px;top:-5px}.transition-lock{background:#000c;border-radius:4px;color:#fff;font-size:12px;padding:5px 8px;position:absolute;right:-40px;top:50%;transform:translateY(-50%)}.slide-progress{position:relative}.progress-text{color:#fffc;font-size:12px;position:absolute;right:0;top:-25px}.slide-background{will-change:background-image,opacity}.dot{transition:all .3s ease;will-change:transform,opacity}.progress-bar{will-change:width}.slide-background.clickable{transition:all .3s ease}.slide-background.clickable:hover{filter:brightness(1.1);transform:scale(1.02)}.slide-background.clickable:hover .slide-overlay{background:#0000004d}.slide-cta{margin-top:20px;opacity:0;transform:translateY(20px);transition:all .4s ease}.slide-background.active .slide-cta,.slide-background:hover .slide-cta{opacity:1;transform:translateY(0)}.cta-button{transform:scale(1);transition:all .3s ease!important}.cta-button:hover{box-shadow:0 6px 20px #1890ff99!important;transform:scale(1.05)!important}.slide-hover-indicator{bottom:30px;opacity:0;pointer-events:none;position:absolute;right:30px;transform:translateY(10px);transition:all .3s ease}.slide-background.clickable:hover .slide-hover-indicator{opacity:1;transform:translateY(0)}.hover-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;color:#333;font-size:12px;font-weight:600;padding:8px 12px}.dot{position:relative}.dot.linkable:after{content:"🔗";font-size:10px;opacity:.7;position:absolute;right:-5px;top:-5px}.dot-preview{background:#000000e6;border-radius:8px;bottom:100%;color:#fff;font-size:11px;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-10px);transition:all .3s ease;white-space:nowrap;z-index:1000}.dot-preview:after{border:5px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.dot:hover .dot-preview{opacity:1;transform:translateX(-50%) translateY(-5px)}.preview-title{font-weight:600;margin-bottom:2px}.preview-subtitle{font-size:10px;opacity:.8}.progress-text{align-items:center;display:flex;justify-content:space-between;width:100%}.progress-current{color:#1890ff;font-size:14px;font-weight:600}.progress-counter{font-size:12px;opacity:.8}.footer-company-info{margin-bottom:16px;text-align:center}.company-name{color:#1890ff!important;font-weight:600!important;margin-bottom:4px!important}.company-name-en{font-size:11px!important;font-style:italic!important;margin-bottom:2px!important;opacity:.8!important}.company-short{color:#722ed1!important;font-weight:500!important;margin-bottom:8px!important}.company-address{font-size:11px!important;line-height:1.4!important;margin-bottom:8px!important}.system-name{color:#52c41a!important;font-weight:500!important}@media (max-width:768px){.slide-cta{margin-top:15px}.cta-button{font-size:12px!important;padding:8px 16px!important}.dot-preview,.slide-hover-indicator{display:none}.progress-current{font-size:12px}.brand-tagline{font-size:13px!important;line-height:1.4!important}}.login-section{animation:oceanWave 12s ease-in-out infinite!important;background:linear-gradient(135deg,#2b98f7,#00d2dd 25%,#2f97f1 50%,#00d2dd 75%,#2f97f1)!important;background-size:400% 400%!important;position:relative!important}@keyframes oceanWave{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:100% 50%}to{background-position:0 50%}}.login-section:before{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 30% 20%,#ffffff26 0,#0000 50%),radial-gradient(circle at 70% 80%,#ffffff1a 0,#0000 50%)}.login-section:after,.login-section:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.login-section:after{animation:floatingParticles 25s linear infinite;background-image:radial-gradient(circle at 15% 30%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 85% 70%,#ffffff14 1px,#0000 0),radial-gradient(circle at 45% 10%,#ffffff0f 1.5px,#0000 0);background-size:200px 200px,150px 150px,180px 180px}@keyframes floatingParticles{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-120px) rotate(1turn)}}.login-wrapper{position:relative!important;z-index:2!important}.mobile-header{color:#fff!important}.mobile-brand .logo-icon{animation:gentleFloat 4s ease-in-out infinite!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))!important}.mobile-brand .logo-text{color:#fff!important;text-shadow:0 4px 8px #0006!important}.mobile-tagline{color:#ffffffeb!important;text-shadow:0 2px 4px #0000004d!important}.login-card{-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#fffffffa!important;border:2px solid #fff6!important;box-shadow:0 25px 50px #4facfe40,0 0 0 1px #ffffff4d,inset 0 1px 0 #fff6!important;position:relative!important}.login-card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#4facfe,#00f2fe 50%,#4facfe);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.header-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)!important;overflow:hidden!important;position:relative!important}.header-icon:before{animation:iconShine 4s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(-45deg);width:200%}@keyframes iconShine{0%,to{transform:translateX(-100%) translateY(-100%) rotate(-45deg)}50%{transform:translateX(100%) translateY(100%) rotate(-45deg)}}.login-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#4facfe,#0ea5e9)!important;-webkit-background-clip:text!important;background-clip:text!important}.login-input:hover{border-color:#4facfe!important;box-shadow:0 0 0 3px #4facfe26!important}.login-input:focus{border-color:#00f2fe!important;box-shadow:0 0 0 4px #4facfe26!important}.input-icon{color:#4facfe!important}.login-button{background:linear-gradient(135deg,#4facfe,#00f2fe)!important;overflow:hidden!important;position:relative!important}.login-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.login-button:hover{background:linear-gradient(135deg,#00f2fe,#4facfe)!important}.login-button:hover:before{left:100%}.contact-section{background:linear-gradient(135deg,#4facfe14,#00f2fe0d)!important;border:1.5px solid #4facfe26!important}.contact-header-icon{color:#4facfe!important}.contact-title{color:#1e40af!important}.contact-icon-wrapper{background:linear-gradient(135deg,#4facfe,#00f2fe)!important}.contact-text{color:#4facfe!important}.contact-action-btn:hover.phone-btn{background:#4facfe!important;border-color:#4facfe!important}.contact-action-btn:hover.zalo-btn{background:#00f2fe!important;border-color:#00f2fe!important}@media (max-width:992px){.login-container{animation:oceanWave 12s ease-in-out infinite!important;background:linear-gradient(135deg,#4facfe,#00f2fe 25%,#4facfe 50%,#00f2fe 75%,#4facfe)!important;background-size:400% 400%!important}}.simple-support-section{background:linear-gradient(135deg,#4facfe05,#00f2fe05);border:1px solid #4facfe1a;border-radius:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.simple-support-section:before{background:linear-gradient(90deg,#0000,#4facfe08,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.simple-support-section:hover:before{left:100%}.simple-support-section:hover{background:linear-gradient(135deg,#4facfe0f,#00f2fe0f);border-color:#4facfe40;box-shadow:0 8px 25px #4facfe1f;transform:translateY(-2px)}.simple-support-section .support-title{align-items:center;color:#4facfe!important;display:flex;font-size:16px!important;font-weight:600!important;gap:8px;margin-bottom:12px!important;position:relative;z-index:2}.simple-support-section .support-title:before{animation:rotate 3s ease-in-out infinite;content:"🔧";font-size:16px}.simple-support-section .support-contacts{position:relative;z-index:2}.simple-support-section .support-contact{align-items:center;background:#ffffff80;border:1px solid #4facfe0d;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;overflow:hidden;padding:10px 12px;position:relative;transition:all .3s ease}.simple-support-section .support-contact:before{background:linear-gradient(90deg,#0000,#4facfe14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.simple-support-section .support-contact:hover:before{left:100%}.simple-support-section .support-contact:hover{background:#4facfe14;border-color:#4facfe26;box-shadow:0 4px 15px #4facfe1a;transform:translateX(4px)}.simple-support-section .support-contact:last-child{margin-bottom:0}.simple-support-section .contact-buttons{display:flex;gap:8px;position:relative;z-index:3}.simple-support-section .contact-buttons .ant-btn{align-items:center;background:#ffffffe6;border:1px solid #4facfe33;border-radius:8px;color:#666;display:flex;font-size:15px;height:auto;justify-content:center;min-width:36px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.simple-support-section .contact-buttons .ant-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.simple-support-section .contact-buttons .ant-btn:hover:before{left:100%}.simple-support-section .contact-buttons .ant-btn:hover{background:linear-gradient(135deg,#4facfe,#00f2fe);border-color:#4facfe;box-shadow:0 6px 20px #4facfe66;color:#fff;transform:translateY(-2px) scale(1.05)}.simple-support-section .contact-buttons .ant-btn:active{transform:translateY(-1px) scale(1.02);transition:all .1s ease}.simple-support-section .contact-buttons .ant-btn .anticon{transition:all .3s ease}.simple-support-section .contact-buttons .ant-btn:hover .anticon-phone{animation:shake .5s ease-in-out}.simple-support-section .contact-buttons .ant-btn:hover .anticon-message{animation:bounce .6s ease-in-out}.simple-support-section .support-contact .ant-typography{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#333,#4facfe);-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:700;transition:all .3s ease}.simple-support-section .support-contact:hover .ant-typography{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text}.simple-support-section .contact-buttons .ant-btn{overflow:hidden;position:relative}.simple-support-section .contact-buttons .ant-btn:after{background:#fff9;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.simple-support-section .contact-buttons .ant-btn:active:after{height:120%;transition:width .1s ease,height .1s ease;width:120%}.simple-support-section{animation:gentleFloat 6s ease-in-out infinite}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (max-width:576px){.simple-support-section .contact-buttons{gap:6px}.simple-support-section .contact-buttons .ant-btn{min-width:32px;padding:6px 10px}.simple-support-section .support-contact{padding:8px 10px}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.zalo-chat-widget{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;z-index:1000}.zalo-chat-widget .chat-window{animation:slideUp .3s ease-out}.zalo-float-button{animation:bounce 2s infinite}.ant-badge-count{animation:pulse 2s infinite;background:#ff4d4f!important;border:2px solid #fff!important;box-shadow:0 2px 8px #ff4d4f4d!important}.chat-content::-webkit-scrollbar{width:4px}.chat-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:2px}.chat-content::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px;-webkit-transition:background .2s ease;transition:background .2s ease}.chat-content::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.quick-messages-container::-webkit-scrollbar{width:3px}.quick-messages-container::-webkit-scrollbar-track{background:#0000}.quick-messages-container::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.quick-messages-container::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.zalo-chat-widget .ant-btn:not(.ant-btn-primary):hover{border-color:#0068ff!important;color:#0068ff!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.zalo-icon-loading{animation:spin 1s linear infinite}@media (max-width:768px){.zalo-chat-widget .chat-window{maxHeight:480px!important;marginBottom:12px!important;width:340px!important}.zalo-float-button{height:56px!important;width:56px!important}.chat-content{maxHeight:380px!important}}@media (max-width:480px){.zalo-chat-widget{bottom:10px!important;left:10px!important}.zalo-chat-widget .chat-window{maxWidth:320px!important;maxHeight:450px!important;width:calc(100vw - 20px)!important}.zalo-float-button{height:52px!important;width:52px!important}.chat-content{maxHeight:350px!important;padding:16px!important}.quick-messages-container{maxHeight:140px!important}}@media (max-width:375px){.zalo-chat-widget .chat-window{maxWidth:300px!important;maxHeight:420px!important;width:calc(100vw - 16px)!important}.chat-content{maxHeight:320px!important;padding:12px!important}.quick-messages-container{maxHeight:120px!important}}@media (-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.zalo-chat-widget .chat-window{boxShadow:0 16px 48px #0000002e!important}.zalo-float-button{boxShadow:0 6px 24px #0068ff80!important}}@media (prefers-color-scheme:dark){.zalo-chat-widget .chat-window{background:#1f1f1f!important;border:1px solid #333!important}.chat-content{background:#1f1f1f!important}}.zalo-chat-widget .ant-btn{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.zalo-chat-widget .ant-btn:focus{box-shadow:0 0 0 2px #0068ff33!important}@media print{.zalo-chat-widget{display:none!important}}.chat-window{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-window .ant-card{border:none!important}.chat-window .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{border-radius:8px!important;height:44px!important}.chat-window .ant-input{border-radius:8px!important}.chat-window .ant-select-item-option-content{padding:8px 0!important}@media (max-width:480px){.chat-window{right:24px!important;width:calc(100vw - 48px)!important}}.typing-dots{display:inline-block}.typing-dots:after{animation:typing 1.5s infinite;content:"..."}@keyframes typing{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.chat-window .ant-list{scrollbar-color:#d9d9d9 #0000;scrollbar-width:thin}.chat-window .ant-list::-webkit-scrollbar{width:4px}.chat-window .ant-list::-webkit-scrollbar-track{background:#0000}.chat-window .ant-list::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:2px}.chat-window .ant-list::-webkit-scrollbar-thumb:hover{background-color:#bfbfbf}.dashboard-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:24px}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;padding:24px}.dashboard-header-title{color:#fff!important;font-size:28px;font-weight:700;margin:0!important;text-shadow:0 2px 4px #0000004d}.dashboard-header-subtitle{color:#ffffffe6;font-size:16px;font-weight:400;margin-top:8px}.dashboard-refresh-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3!important;border:1px solid #ffffff4d!important;border-radius:8px!important;color:#fff!important;transition:all .3s ease!important}.dashboard-refresh-btn:hover{background:#ffffff4d!important;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.stat-card{border:none!important;border-radius:16px!important;box-shadow:0 4px 24px #00000014!important;overflow:hidden;padding:24px!important;position:relative}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card .ant-statistic-title{color:#6b7280!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}.stat-card .ant-statistic-content{color:#1f2937!important;font-weight:700!important}.dashboard-card{background:#fff;border:none!important;border-radius:16px!important;box-shadow:0 4px 24px #00000014!important;overflow:hidden;transition:all .3s ease}.dashboard-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.dashboard-card .ant-card-head{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0!important;border-radius:16px 16px 0 0!important;padding:16px 24px!important}.dashboard-card .ant-card-head-title{color:#1f2937!important;font-size:16px!important;font-weight:700!important}.dashboard-card .ant-card-body{padding:24px!important}.progress-circle-container{padding:20px 0;text-align:center}.progress-circle-stats{margin-top:16px}.progress-main-value{color:#1890ff;font-size:18px;font-weight:700;margin-bottom:4px}.progress-sub-value{color:#6b7280;font-size:14px}.dashboard-alert{border:none!important;border-radius:12px!important;box-shadow:0 2px 8px #0000000f!important}.dashboard-alert.ant-alert-success{background:linear-gradient(135deg,#f0f9f0,#e8f5e8)!important;border-left:4px solid #52c41a!important}.dashboard-alert.ant-alert-warning{background:linear-gradient(135deg,#fffbf0,#fef7e8)!important;border-left:4px solid #faad14!important}.dashboard-alert.ant-alert-error{background:linear-gradient(135deg,#fff2f0,#ffe8e6)!important;border-left:4px solid #ff4d4f!important}.dashboard-alert.ant-alert-info{background:linear-gradient(135deg,#f0f8ff,#e6f3ff)!important;border-left:4px solid #1890ff!important}.dashboard-table .ant-table{border-radius:12px!important;overflow:hidden}.dashboard-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;border-bottom:2px solid #e2e8f0!important;color:#374151!important;font-weight:700!important;padding:16px!important}.dashboard-table .ant-table-tbody>tr>td{border-bottom:1px solid #f1f5f9!important;padding:16px!important}.dashboard-table .ant-table-tbody>tr:hover>td{background:#f8fafc!important}.usage-critical{background:linear-gradient(135deg,#fff2f0,#ffe8e6)!important;border-left:4px solid #ff4d4f!important}.usage-warning{background:linear-gradient(135deg,#fffbf0,#fef7e8)!important;border-left:4px solid #faad14!important}.usage-safe{background:linear-gradient(135deg,#f0f9f0,#e8f5e8)!important;border-left:4px solid #52c41a!important}.empty-state{color:#6b7280;padding:60px 20px;text-align:center}.empty-state-icon{color:#d1d5db;font-size:64px;margin-bottom:16px}.empty-state-title{color:#374151;font-size:18px;font-weight:600;margin-bottom:8px}.empty-state-description{color:#6b7280;font-size:14px;margin:0 auto;max-width:400px}.support-card{background:linear-gradient(135deg,#f0f9f0,#e8f5e8);border:1px solid #52c41a33!important;border-radius:12px!important}.support-card-blue{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border:1px solid #1890ff33!important;border-radius:12px!important}.subscription-card{background:#fff;border:1px solid #e2e8f0!important;border-radius:12px!important;margin-bottom:12px;overflow:hidden;position:relative;transition:all .3s ease}.subscription-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.subscription-card:hover{border-color:#1890ff!important;box-shadow:0 4px 12px #1890ff26;transform:translateY(-1px)}.subscription-card .ant-card-body{padding:16px!important}.ant-tag{border:none!important;border-radius:6px!important;padding:4px 12px!important}.ant-tag,.dashboard-btn{font-weight:600!important}.dashboard-btn{border-radius:8px!important;transition:all .3s ease!important}.dashboard-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.loading-container{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;height:50vh}.loading-content{text-align:center}.loading-spinner .ant-spin-dot{font-size:32px!important}.loading-text{color:#6b7280;font-size:16px;font-weight:500;margin-top:16px}@media (max-width:768px){.dashboard-container{padding:16px}.dashboard-header{border-radius:12px;padding:20px}.dashboard-header-title{font-size:24px}.dashboard-header-subtitle{font-size:14px}.dashboard-card,.stat-card{border-radius:12px!important}.stat-card{padding:20px!important}}@media (max-width:576px){.dashboard-container{padding:12px}.dashboard-header{padding:16px}.dashboard-header-title{font-size:20px}.dashboard-card .ant-card-body,.stat-card{padding:16px!important}}.fade-in{animation:fadeIn .6s ease-in-out}.slide-up{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.metric-card{background:#fff;border-left:4px solid #1890ff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px;transition:all .3s ease}.metric-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.metric-value{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:4px}.metric-label{color:#6b7280;font-size:14px;font-weight:500}.metric-change{font-size:12px;font-weight:600;margin-top:4px}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.metric-change.neutral{color:#6b7280}.support-modal .ant-modal-content{border:1px solid #1890ff1a;border-radius:16px!important;box-shadow:0 20px 40px #00000026!important;overflow:hidden}.support-modal .ant-modal-header{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border-bottom:1px solid #1890ff1a!important;padding:20px 24px!important}.support-modal .ant-modal-title{color:#1890ff!important;font-size:18px!important;font-weight:600!important}.support-modal .ant-modal-body{padding:0 24px 24px!important}.support-modal .ant-card{transition:all .3s ease!important}.support-modal .ant-card:hover{border-color:#40a9ff!important;box-shadow:0 8px 25px #1890ff33!important;transform:translateY(-4px)!important}.support-modal .ant-btn{font-weight:600!important;transition:all .3s ease!important}.support-modal .ant-btn:hover{box-shadow:0 4px 12px #0003!important;transform:translateY(-2px)!important}.support-modal .ant-btn-primary:hover{background:#40a9ff!important;border-color:#40a9ff!important}.ant-btn .anticon-customer-service{animation:pulse 2s infinite}.support-modal .ant-card-body{overflow:hidden;position:relative}.support-modal .ant-card-body:before{background:linear-gradient(45deg,#0000,#1890ff1a,#0000);bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.support-modal .ant-card:hover .ant-card-body:before{opacity:1}.support-modal .ant-card:hover .anticon-phone{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.support-modal .ant-btn{overflow:hidden;position:relative}.support-modal .ant-btn:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.support-modal .ant-btn:active:after{height:300px;width:300px}.ant-card .g2-chart-container{--chart-primary-color:#5cdbd3}.g2-chart-container .g2-element{fill:#5cdbd3!important;stroke:#5cdbd3!important}.g2-chart-container .g2-element:hover{fill:#4bc5be!important;stroke:#4bc5be!important;opacity:.9}.chart-legend-item{background-color:#5cdbd3!important;border-color:#5cdbd3!important;color:#5cdbd3!important}.g2-tooltip{background:#fffffff2;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #0000001a}.g2-tooltip-item{color:#5cdbd3!important}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{padding:1px;text-align:left}.leaflet-popup-content{font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.new-map-view{background:#f0f2f5;display:flex;flex-direction:column;min-height:100vh}@media (min-aspect-ratio:2/1){.new-map-view{padding:0 12px}}@media (min-aspect-ratio:7/3){.new-map-view{padding:0 8px}}.new-map-view .header{background:linear-gradient(135deg,#1890ff,#722ed1);box-shadow:0 2px 8px #0000001a;color:#fff;padding:20px 24px;text-align:center}.control-tables-section{background:#f8f9fa;border-bottom:1px solid #e8e8e8;padding:16px 24px}.control-tables-section .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.control-tables-section .ant-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.control-tables-section .ant-card-head{background:linear-gradient(135deg,#f0f9ff,#fff);border-bottom:1px solid #d6e4ff}.control-tables-section .ant-card-head-title{color:#1890ff;font-size:14px;font-weight:600}.map-container{border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 16px #0000001a;height:75vh;margin:0 18px;min-height:600px;overflow:hidden;position:relative}@media (min-width:1200px){.map-container{height:80vh;margin:0 14px;min-height:700px}}@media (min-width:1600px){.map-container{height:85vh;margin:0 8px;min-height:800px}}@media (min-width:2000px){.map-container{height:88vh;margin:0 4px;min-height:900px}}@media (min-aspect-ratio:16/9){.map-container{height:78vh}}@media (min-aspect-ratio:7/3){.map-container{height:82vh;margin:0 2px}}@media (max-width:768px){.map-container{height:65vh;margin:0 8px;min-height:500px}}@media (max-width:480px){.map-container{height:60vh;margin:0 4px;min-height:400px}}.map-overlay-controls{display:flex;gap:8px;position:absolute;right:16px;top:16px;z-index:1000}.map-overlay-controls .ant-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:6px;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.map-overlay-controls .ant-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.map-overlay-controls .ant-btn-primary{background:#1890ff;color:#fff}.data-table-section{background:#f8f9fa;flex:1 1;padding:16px 24px}.data-table-section .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.data-table-section .ant-card-head{background:linear-gradient(135deg,#f0f9ff,#fff);border-bottom:1px solid #d6e4ff}.data-table-section .ant-card-head-title{color:#1890ff;font-size:14px;font-weight:600}.selected-vessel-data{background:linear-gradient(135deg,#f0f8ff,#fff);border:1px solid #d6e4ff;border-radius:8px;padding:16px;transition:all .3s ease}.selected-vessel-data:hover{box-shadow:0 4px 16px #1890ff1a;transform:translateY(-1px)}.stats-card{border:1px solid;border-radius:6px;padding:12px;text-align:center}.stats-card:hover{box-shadow:0 4px 12px #0000001a}.stats-card-total{background:#f0f8ff;border-color:#d6e4ff}.stats-card-online{background:#f6ffed;border-color:#b7eb8f}.stats-card-display{background:#f9f0ff;border-color:#d3adf7}.stats-card-position{background:#fff7e6;border-color:#ffd591}.stats-value{font-size:20px;font-weight:700;margin-bottom:4px}.stats-label{color:#666;font-size:11px}.stats-value-total{color:#1890ff}.stats-value-online{color:#52c41a}.stats-value-display{color:#722ed1}.stats-value-position{color:#fa8c16}.map-status-bar{border-radius:6px;bottom:16px;box-shadow:0 2px 8px #0000001a;font-size:12px;left:16px;padding:8px 12px;z-index:1000}.map-loading-overlay,.map-status-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;position:absolute}.map-loading-overlay{border-radius:8px;box-shadow:0 4px 12px #00000026;left:50%;padding:16px 24px;top:50%;transform:translate(-50%,-50%);z-index:1001}.empty-vessel-state{color:#999;font-size:14px;padding:40px;text-align:center}.empty-vessel-icon{font-size:48px;margin-bottom:16px;opacity:.5}.filter-form-item .ant-input,.filter-form-item .ant-select{border-radius:6px}.filter-form-item .ant-btn{border-radius:6px;transition:all .3s ease}.filter-form-item .ant-btn:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.leaflet-control-zoom{border:1px solid #e8e8e8!important;border-radius:6px!important;box-shadow:0 2px 8px #0000001a!important}.vessel-container{transition:all .3s ease}.vessel-container:hover{transform:scale(1.1)!important}.vessel-container:hover .vessel-ship{box-shadow:0 4px 12px #00000080!important}.vessel-container:hover .vessel-name-label{background:#fff!important;box-shadow:0 2px 8px #0006!important}@media (max-width:768px){.control-tables-section{padding:12px 16px}.map-container{height:40vh;margin:0 16px}.data-table-section{padding:12px 16px}.control-tables-section .ant-col{margin-bottom:12px}.stats-value{font-size:18px}.stats-label{font-size:10px}}@media (max-width:480px){.new-map-view .header{padding:16px}.map-container{height:35vh}.vessel-container{transform:scale(.8)!important}.leaflet-popup-content{font-size:12px;margin:8px 12px}}.new-map-view .ant-card{border:none;border-radius:0;height:100vh}.new-map-view .ant-card-head{background:linear-gradient(135deg,#1890ff,#722ed1);border-bottom:none;box-shadow:0 2px 8px #0000001a;padding:20px 24px;text-align:center}.new-map-view .ant-card-head-title{color:#fff;font-size:18px;font-weight:600;margin:0}.new-map-view .ant-card-head-title .anticon{color:#fff;margin-right:8px}.header-description{color:#fffc;font-size:14px;font-weight:400;margin-top:4px}.map-controls-container{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1000}.map-control-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:400px;min-width:320px;pointer-events:auto;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1)}.map-control-panel:hover{box-shadow:0 12px 40px #0003;transform:translateY(-2px)}.map-controls-panel{right:20px;top:20px}.filter-panel{left:20px;top:20px}.stats-panel{left:360px;top:20px}.data-panel{bottom:20px;max-height:400px;overflow-y:auto;right:20px}.control-toggle-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:10px;box-shadow:0 4px 16px #0000001a;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.control-toggle-button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.control-toggle-button .anticon{font-size:16px}.panel-content{max-height:500px;overflow-y:auto;padding:20px}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.panel-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.panel-title{align-items:center;border-bottom:2px solid #f0f0f0;color:#1890ff;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px;padding-bottom:8px}.panel-section{margin-bottom:20px}.panel-section:last-child{margin-bottom:0}.section-label{color:#595959;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.panel-form-item{margin-bottom:16px}.panel-form-item:last-child{margin-bottom:0}.panel-form-item .ant-date-picker,.panel-form-item .ant-input,.panel-form-item .ant-select{border-radius:8px;width:100%}.panel-form-item .ant-btn{border-radius:8px;box-shadow:0 2px 8px #0000001a;font-weight:500;transition:all .3s ease}.panel-form-item .ant-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.stats-card{background:linear-gradient(135deg,#f6f9fc,#fff);border:1px solid #e8f4fd;border-radius:10px;margin-bottom:12px;padding:16px}.stats-card:hover{box-shadow:0 6px 20px #1890ff1a}.stats-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.stats-item:last-child{margin-bottom:0}.stats-label{color:#8c8c8c;font-size:13px;font-weight:500}.stats-value{color:#1890ff;font-size:16px;font-weight:600}.asset-data-item{background:#fafafa;border-left:4px solid #1890ff;border-radius:8px;margin-bottom:12px;padding:12px;transition:all .3s ease}.asset-data-item:hover{background:#f0f9ff;transform:translateX(4px)}.asset-data-header{align-items:center;display:flex;justify-content:between;margin-bottom:8px}.asset-name{color:#262626;font-size:14px;font-weight:600}.asset-mmsi{background:#f0f0f0;border-radius:12px;color:#8c8c8c;font-size:12px;padding:2px 8px}.asset-details{grid-gap:8px;display:grid;font-size:12px;gap:8px;grid-template-columns:1fr 1fr}.asset-detail-item{display:flex;justify-content:space-between}.asset-detail-label{color:#8c8c8c;font-weight:500}.asset-detail-value{color:#262626;font-weight:600}.panel-loading{align-items:center;color:#8c8c8c;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.panel-loading .anticon{color:#1890ff;font-size:24px;margin-bottom:12px}.panel-empty{color:#8c8c8c;padding:40px 20px;text-align:center}.panel-empty .anticon{color:#d9d9d9;font-size:32px;margin-bottom:12px}.panel-slide-enter{opacity:0;transform:translateY(-10px)}.panel-slide-enter-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.panel-slide-enter-active,.panel-slide-exit{opacity:1;transform:translateY(0)}.panel-slide-exit-active{opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.leaflet-container{background:#e6f3ff;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}.leaflet-control-container{pointer-events:auto}.leaflet-control-zoom{border:none!important;border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;overflow:hidden}.leaflet-control-zoom a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:none!important;font-weight:700;transition:all .3s ease}.leaflet-control-zoom a:hover{background:#1890ff!important;color:#fff!important;transform:scale(1.1)}.leaflet-popup-content-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #00000026}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fffffffa;border:1px solid #fff3}.vessel-popup{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-width:250px}.vessel-popup-header{background:linear-gradient(135deg,#1890ff,#722ed1);border-radius:8px 8px 0 0;color:#fff;font-size:14px;font-weight:600;margin:-10px -16px 12px;padding:12px 16px}.vessel-popup-content{padding:0}.vessel-info-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.vessel-info-item:last-child{border-bottom:none;margin-bottom:0}.vessel-info-label{color:#8c8c8c;font-weight:500;min-width:80px}.vessel-info-value{color:#262626;font-weight:600;text-align:right}.vessel-status-active{color:#52c41a}.vessel-status-inactive{color:#ff4d4f}@media (max-width:768px){.map-control-panel{max-width:280px;min-width:260px}.stats-panel{left:20px;top:100px}.data-panel{bottom:20px;left:20px;max-height:300px;right:20px}.panel-content{padding:16px}.control-toggle-button{font-size:13px;padding:10px 12px}.vessel-container{transform:scale(.9)!important}.vessel-popup{min-width:200px!important}.vessel-popup h4{font-size:14px!important}.vessel-popup div{font-size:11px!important}.leaflet-control-zoom a{font-size:18px!important;height:32px!important;line-height:32px!important;width:32px!important}}@media (max-width:480px){.map-control-panel{max-width:calc(100vw - 40px);min-width:calc(100vw - 40px)}.filter-panel,.map-controls-panel,.stats-panel{left:20px;max-width:none;min-width:none;right:20px}.stats-panel{top:140px}.map-controls-panel{top:220px}.vessel-container{transform:scale(.7)!important}.vessel-popup{min-width:180px!important}.vessel-popup h4{font-size:13px!important}.vessel-popup div{font-size:10px!important}.leaflet-control-zoom a{font-size:16px!important;height:28px!important;line-height:28px!important;width:28px!important}.leaflet-control-scale{font-size:10px!important;padding:2px 4px!important}}@media (prefers-color-scheme:dark){.map-control-panel{background:#282828fa;border-color:#ffffff1a;color:#fff}.panel-title{border-bottom-color:#434343;color:#69c0ff}.stats-card{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-color:#434343}.asset-data-item{background:#2a2a2a;border-left-color:#69c0ff}.asset-data-item:hover{background:#1e3a5f}}@media print{.map-controls-container{display:none}.new-map-view{height:auto}.leaflet-container{background:#fff}}.custom-vessel-icon{background:none!important;border:none!important}.vessel-container{cursor:pointer;transition:none!important}.vessel-container:hover .vessel-ship{box-shadow:0 6px 18px #1890ff80!important;filter:brightness(1.1) drop-shadow(0 0 8px rgba(24,144,255,.3))!important}.vessel-container:hover .vessel-name-label{color:#0050b3!important;text-shadow:1px 1px 3px #ffffffe6,-1px -1px 3px #ffffffe6,1px -1px 3px #ffffffe6,-1px 1px 3px #ffffffe6,0 0 6px #1890ff4d!important;transform:translateX(-50%) scale(1.05)!important}.vessel-container:hover .vessel-heading-label{background:#1890ffe6!important;transform:translateX(-50%) scale(1.05)!important}.vessel-ship{border-radius:2px;transition:box-shadow .2s ease,filter .2s ease!important}.vessel-name-label{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-rendering:optimizeLegibility;transition:color .2s ease,text-shadow .2s ease,transform .2s ease!important}.vessel-heading-label{transition:background .2s ease,transform .2s ease!important}.custom-vessel-icon.zoom-optimized{transition:all .3s ease}@keyframes trailPulseFast{0%{filter:drop-shadow(0 0 6px #52c41a);opacity:.9;transform:scale(1)}50%{filter:drop-shadow(0 0 10px #52c41a);opacity:1;transform:scale(1.4)}to{filter:drop-shadow(0 0 6px #52c41a);opacity:.9;transform:scale(1)}}@keyframes trailPulseCurrent{0%{filter:drop-shadow(0 0 8px #52c41a);opacity:1;transform:scale(1)}50%{filter:drop-shadow(0 0 12px #52c41a);opacity:1;transform:scale(1.5)}to{filter:drop-shadow(0 0 8px #52c41a);opacity:1;transform:scale(1)}}.leaflet-interactive.trail-marker-pulse{animation:trailPulse 2.5s ease-in-out infinite;filter:drop-shadow(0 0 6px #52c41a)}.leaflet-interactive.trail-marker-pulse-fast{animation:trailPulseFast 1.8s ease-in-out infinite;filter:drop-shadow(0 0 8px #52c41a)}.leaflet-interactive.trail-marker-pulse-current{animation:trailPulseCurrent 2s ease-in-out infinite;filter:drop-shadow(0 0 10px #52c41a)}.leaflet-popup-content-wrapper{font-size:13px}.vessel-popup h4{font-size:16px}.leaflet-control-zoom a{font-size:20px!important;height:36px!important;line-height:36px!important;width:36px!important}.leaflet-control-scale{font-size:13px!important;padding:4px 6px!important}.leaflet-popup-content-wrapper{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 20px #00000026}.leaflet-popup-content{font-size:13px;line-height:1.4;margin:12px 16px}.vessel-popup h4{border-bottom:1px solid #f0f0f0;margin-bottom:8px!important;padding-bottom:6px}.leaflet-popup-tip{background:#fff;border:1px solid #e8e8e8;box-shadow:0 2px 8px #0000001a}.leaflet-control-layers{background:#fffffff2}.leaflet-control-layers,.leaflet-control-zoom{border:1px solid #e8e8e8;border-radius:6px;box-shadow:0 2px 8px #0000001a}.leaflet-control-zoom a{background:#fffffff2;border:none;color:#333;font-weight:600}.leaflet-control-zoom a:hover{background:#1890ff;color:#fff}.leaflet-control-scale{background:#ffffffe6;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 1px 4px #0000001a;font-size:11px}.map-stats-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 20px #0000001a}.map-loading-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:1px solid #e8e8e8;border-radius:6px;box-shadow:0 2px 8px #0000001a}.trail-popup{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.trail-popup h4{border-bottom:1px solid #f0f0f0;margin:0 0 8px;padding-bottom:6px}.vessel-popup button{transition:all .2s ease}.vessel-popup button:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.leaflet-interactive{transition:opacity .3s ease}.leaflet-pane.leaflet-trails-pane{z-index:350}.ant-space-compact .ant-select{border-radius:0}.ant-space-compact .ant-switch{border-radius:6px 0 0 6px}.ant-space-compact .ant-btn{border-radius:0 6px 6px 0}.leaflet-marker-icon:hover{transform:scale(1.1);transition:transform .2s ease}.trail-loading{animation:trailPulse 1.5s infinite;opacity:.5}@keyframes trailPulse{0%,to{opacity:.5}50%{opacity:.8}}@media (max-width:768px){.ant-space-compact{flex-wrap:wrap}.ant-space-compact>*{margin-bottom:4px}.new-map-view .ant-card-head{padding:0 12px}.new-map-view .ant-card-head-title{font-size:16px}.leaflet-popup-content{font-size:12px;margin:8px 12px}.vessel-marker{transform:scale(.8)}.map-stats-panel{padding:8px}}@keyframes markerPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.vessel-marker.updating{animation:markerPulse 1s ease-in-out}.leaflet-pane.leaflet-vessels-pane{z-index:400}@media (prefers-color-scheme:dark){.leaflet-popup-content-wrapper{color:#fff}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#1f1f1f;border-color:#333}.leaflet-control-layers{border-color:#333}.leaflet-control-layers,.leaflet-control-zoom a,.map-stats-panel{background:#1f1f1ff2;color:#fff}.map-stats-panel{border-color:#333}.map-loading-overlay{background:#1f1f1fe6;border-color:#333;color:#fff}}.leaflet-marker-icon,.leaflet-zoom-animated{will-change:transform}.leaflet-popup-content::-webkit-scrollbar{width:4px}.leaflet-popup-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.leaflet-popup-content::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.leaflet-popup-content::-webkit-scrollbar-thumb:hover{background:#555}.leaflet-container .gm-style .gm-style-cc span[lang=zh-CN],.leaflet-container .gm-style .gm-style-cc span[lang=zh-TW],.leaflet-container .gm-style .gm-style-cc span[lang=zh],.leaflet-container .gmnoprint div[title*=\4E2D\56FD],.leaflet-container .gmnoprint div[title*=\4E2D],.leaflet-container .gmnoprint div[title*=\53F0\6E7E],.leaflet-container .gmnoprint span[title*=\4E2D],.leaflet-container text[font-family*="Microsoft YaHei"],.leaflet-container text[font-family*=Hiragino],.leaflet-container text[font-family*=PingFang],.leaflet-container text[font-family*=SimHei],.leaflet-container text[font-family*=SimSun]{display:none!important}.leaflet-container .leaflet-control-attribution{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.leaflet-popup-content :lang(zh),.leaflet-popup-content :lang(zh-CN),.leaflet-popup-content :lang(zh-TW),.leaflet-tooltip :lang(zh),.leaflet-tooltip :lang(zh-CN),.leaflet-tooltip :lang(zh-TW){display:none!important}.custom-ship-marker{z-index:1000!important}.custom-ship-marker:hover{transform:scale(1.1);transition:transform .2s ease}.trail-segment{transition:opacity .3s ease}.trail-segment:hover{opacity:1!important;z-index:999}.enhanced-arrow-marker{cursor:pointer;transition:all .3s ease}.enhanced-arrow-marker:hover{filter:drop-shadow(0 0 8px rgba(0,0,0,.5))!important;transform:scale(1.2)!important}.current-position{animation:pulse 2s infinite}.trail-position{transition:transform .2s ease}.trail-position:hover{transform:scale(1.3)}.enhanced-trail-info{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid #fff3!important}.map-control-button{overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.map-control-button:hover:not([disabled]){background:#1890ff1a!important;border-color:#1890ff!important;box-shadow:0 4px 12px #00000026!important;transform:translateY(-1px)!important}.map-control-button:active:not([disabled]){box-shadow:0 2px 6px #0000001a!important;transform:translateY(0)!important}.map-control-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.map-control-button:hover:not([disabled]):before{left:100%}.map-control-button .ant-spin-dot{font-size:10px!important}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fullscreen-region-bar{animation:slideInFromTop .3s ease}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fullscreen-region-bar .region-selector-item{transition:all .2s ease}.fullscreen-region-bar .region-selector-item:hover{background:#1890ff66!important;transform:translateY(-1px)}.fullscreen-region-bar .ant-btn{transition:all .2s ease}.fullscreen-region-bar .ant-btn:hover{background:#fff3!important;border-color:#fff6!important;transform:translateY(-1px)}@media (max-width:768px){.floating-controls{right:10px!important;top:80px!important}.floating-controls .ant-btn{font-size:14px!important;height:40px!important;width:40px!important}.map-controls-left{left:10px!important;top:80px!important}.map-controls-left .ant-btn{font-size:14px!important;height:40px!important;width:40px!important}.layer-panel{min-width:180px!important;right:50px!important}.map-control-button{font-size:10px!important;padding:4px 6px!important}.map-control-button span:last-child{display:none}}@media (max-width:1200px){.fullscreen-region-bar{padding:0 16px!important}.fullscreen-region-bar .ant-btn,.fullscreen-region-bar .region-selector-item{font-size:11px!important;padding:4px 8px!important}}@media (max-width:768px){.fullscreen-region-bar{flex-direction:column;gap:4px;height:50px!important;padding:0 12px!important}.fullscreen-region-bar>div{justify-content:center}.fullscreen-region-bar .region-selector-item span:last-child{display:none}}@media (prefers-color-scheme:dark){.enhanced-trail-info,.layer-panel{background:#000000e6!important;color:#fff!important}}.floating-controls .control-data-buttons{display:flex;flex-direction:column;gap:6px;margin-top:8px}.floating-controls .control-data-buttons .ant-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:500;min-height:36px;transition:all .2s ease}.floating-controls .control-data-buttons .ant-btn:hover{box-shadow:0 4px 12px #00000026!important;transform:translateY(-1px)}.floating-controls .control-data-buttons .ant-btn:active{transform:translateY(0)}.floating-controls .ant-btn{overflow:hidden;position:relative}.floating-controls .ant-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.floating-controls .ant-btn:hover:before{left:100%}.camera-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.camera-stream{background:#000;border-radius:12px;box-shadow:0 4px 12px #00000026;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.camera-stream:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.camera-stream.fullscreen{border-radius:0;height:100vh;left:0;position:fixed;top:0;transform:none!important;width:100vw;z-index:9999}.camera-header{background:linear-gradient(180deg,#000c,#0000);justify-content:space-between;left:0;padding:12px 16px;position:absolute;right:0;top:0;z-index:10}.camera-header,.camera-info{align-items:center;display:flex}.camera-info{gap:8px}.camera-name{color:#fff;font-size:14px;font-weight:600;margin:0}.camera-status{border-radius:4px;font-size:10px;font-weight:500;padding:2px 6px}.camera-status.online{background:#52c41a33;border:1px solid #52c41a4d;color:#52c41a}.camera-status.offline{background:#ff4d4f33;border:1px solid #ff4d4f4d;color:#ff4d4f}.camera-status.connecting{background:#faad1433;border:1px solid #faad144d;color:#faad14}.camera-video-container{align-items:center;background:#000;display:flex;height:300px;justify-content:center;position:relative}.camera-loading{color:#fff}.camera-error,.camera-loading{align-items:center;display:flex;flex-direction:column}.camera-error{color:#ff4d4f;gap:8px}.video-placeholder{align-items:center;background:linear-gradient(45deg,#333 25%,#0000 0),linear-gradient(-45deg,#333 25%,#0000 0),linear-gradient(45deg,#0000 75%,#333 0),linear-gradient(-45deg,#0000 75%,#333 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;display:flex;height:100%;justify-content:center;position:relative;width:100%}.live-indicator{align-items:center;background:#f00c;border-radius:4px;display:flex;gap:4px;padding:4px 8px;position:absolute;right:10px;top:10px}.live-dot{animation:blink 1s infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.stream-overlay{background:#0009;border-radius:4px;bottom:10px;left:10px;padding:4px 8px;position:absolute}.video-control-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.camera-controls{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;opacity:0;padding:12px 16px;position:absolute;right:0;transition:opacity .3s ease;z-index:10}.camera-stream:hover .camera-controls{opacity:1}.camera-footer{background:#0009;font-size:11px;padding:6px 12px}.camera-footer,.motion-overlay{bottom:0;left:0;position:absolute;right:0}.motion-overlay{animation:pulse 1s infinite;background:#ff4d4f1a;border:3px solid #ff4d4f;border-radius:8px;top:0}.motion-indicator{animation:blink .5s infinite;background:#ff4d4fe6;border-radius:4px;color:#fff;font-size:12px;font-weight:700;left:10px;padding:4px 8px;position:absolute;top:10px}.cameras-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:20px 0}.cameras-list .ant-list-item{border-bottom:1px solid #f0f0f0;padding:16px 0}@media (max-width:768px){.cameras-grid{grid-template-columns:1fr}.camera-video-container{height:200px}.camera-header{padding:8px 12px}.camera-name{font-size:12px}}.camera-modal .ant-modal-content{border-radius:8px}.camera-modal .ant-modal-header{border-radius:8px 8px 0 0}.camera-form .ant-form-item{margin-bottom:16px}.loading-container{align-items:center;display:flex;height:200px;justify-content:center}.empty-cameras{color:#999;padding:40px 20px;text-align:center}.empty-cameras .anticon{font-size:64px;margin-bottom:16px}.stats-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.stats-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.tab-content{margin-top:20px}.control-buttons{align-items:center;display:flex;gap:8px}.control-button{align-items:center;display:flex;gap:4px}.system-health-card .ant-card-head{border-bottom:1px solid #f0f0f0}.health-metric{background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;padding:16px;text-align:center}.health-value{font-size:24px;font-weight:700;margin-bottom:8px}.health-value.good{color:#52c41a}.health-value.warning{color:#faad14}.health-value.critical{color:#ff4d4f}.health-label{color:#666;font-size:12px}.analytics-dashboard .ant-card-head{border-bottom:1px solid #f0f0f0}.chart-container{background:#fafafa;border:1px solid #f0f0f0;padding:16px}.chart-title{color:#333;font-size:14px;font-weight:600;margin-bottom:12px}.security-events .ant-card-head{border-bottom:1px solid #f0f0f0}.event-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;margin-bottom:8px;padding:12px;transition:all .3s ease}.event-item:hover{background:#f6f9ff;border-color:#1890ff}.event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.event-title{font-weight:600;margin:0}.event-details{color:#666;font-size:12px;margin-bottom:8px}.event-actions{display:flex;gap:8px}.iot-device-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.rpm-gauge-container{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:16px;transition:all .3s ease}.rpm-gauge-container:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.gauge-needle{transition:transform .8s cubic-bezier(.4,0,.2,1)}.gauge-value{animation:countUp 1s ease-out}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.iot-card{border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.iot-card:hover{border-color:#d9d9d9;box-shadow:0 4px 12px #00000026}.ship-status-indicator{border-radius:50%;display:inline-block;height:6px;margin-right:6px;width:6px}.gps-info-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:6px;margin:4px 0;padding:8px}.coordinate-display{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600;letter-spacing:.5px}.chart-container{background:#fff;border:1px solid #e8e8e8;border-radius:6px;padding:12px}.iot-data-table .ant-table-thead>tr>th{background:#fafafa;font-size:12px;font-weight:600}.iot-data-table .ant-table-tbody>tr>td{font-size:11px;padding:6px 8px}.warning-message{background:linear-gradient(135deg,#fff7e6,#ffeaa7);border:1px solid #ffd591;border-radius:6px;margin-top:12px;padding:10px 12px}.warning-message:before{content:"⚠️";font-size:14px;margin-right:8px}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:1200px){.rpm-gauge-container{padding:12px}.gauge-size{height:140px!important;width:140px!important}}@media (max-width:768px){.iot-device-page{padding:12px!important}.rpm-gauge-container{margin-bottom:12px;padding:8px}.gauge-size{height:120px!important;width:120px!important}.chart-container{height:200px!important}}*{transition:all .2s ease}.ant-card-small>.ant-card-head{font-size:13px;min-height:38px;padding:0 12px}.ant-card-small>.ant-card-body{padding:12px}.ant-statistic-title{font-size:11px;margin-bottom:2px}.ant-statistic-content{font-size:14px;line-height:1.2}.ant-table-body::-webkit-scrollbar{width:6px}.ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ant-table-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ant-table-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.rpm-gauge-container{margin-bottom:16px;padding:8px}.gauge-size{height:120px!important;width:120px!important}.chart-container{height:200px!important}}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}.status-active{background-color:#52c41a;box-shadow:0 0 8px #52c41a99}.status-inactive{background-color:#faad14;box-shadow:0 0 8px #faad1499}.status-offline{background-color:#ff4d4f;box-shadow:0 0 8px #ff4d4f99}.ant-table-tbody>tr:hover>td{background:#f0f9ff!important}.ant-table-thead>tr>th{background:linear-gradient(90deg,#fafafa,#f0f2f5);font-weight:600}.loading-overlay{position:relative}.loading-overlay:after{align-items:center;background:#fffc;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.settings-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:24px}.settings-header-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;overflow:hidden}.settings-header-card:before{background:linear-gradient(90deg,#1890ff,#722ed1,#52c41a,#faad14);content:"";height:4px;left:0;position:absolute;right:0;top:0}.settings-main-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:none;border-radius:16px;box-shadow:0 12px 40px #00000014;overflow:hidden}.settings-tabs{background:#0000}.settings-tabs .ant-tabs-nav{background:#f8fafccc;border:none;border-radius:12px;margin:0 16px 16px;padding:8px}.settings-tabs .ant-tabs-tab{border:none;border-radius:8px;font-weight:500;margin:0 4px;transition:all .3s ease}.settings-tabs .ant-tabs-tab:hover{background:#1890ff1a;transform:translateY(-1px)}.settings-tabs .ant-tabs-tab-active{background:linear-gradient(135deg,#1890ff,#722ed1);box-shadow:0 4px 12px #1890ff4d;color:#fff!important}.settings-tabs .ant-tabs-tab-active .anticon{color:#fff!important}.settings-tabs .ant-tabs-content{padding:0 24px 24px}.settings-card{border:none;border-radius:12px;box-shadow:0 4px 16px #0000000d;overflow:hidden;position:relative;transition:all .3s ease}.settings-card:before{background:linear-gradient(90deg,#1890ff,#722ed1);content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.settings-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.settings-card .ant-card-head{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e8e8e8;border-radius:12px 12px 0 0}.settings-card .ant-card-head-title{align-items:center;color:#1a202c;display:flex;font-weight:600;gap:8px}.settings-form-item{margin-bottom:20px}.settings-form-item .ant-form-item-label>label{color:#2d3748;font-weight:600}.settings-input,.settings-input-number,.settings-select{border:1px solid #e2e8f0;border-radius:8px;transition:all .3s ease}.settings-input-number:hover,.settings-input:hover,.settings-select:hover{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.settings-input-number:focus,.settings-input:focus,.settings-select:focus{border-color:#1890ff;box-shadow:0 0 0 3px #1890ff26}.settings-switch-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .3s ease}.settings-switch-item:hover{background:#e2e8f0;border-color:#1890ff}.settings-switch-item .ant-switch{background-color:#cbd5e0}.settings-switch-item .ant-switch-checked{background-color:#1890ff}.settings-button{align-items:center;border:none;border-radius:8px;display:flex;font-weight:500;gap:8px;height:40px;transition:all .3s ease}.settings-button-primary{background:linear-gradient(135deg,#1890ff,#722ed1);box-shadow:0 4px 12px #1890ff4d;color:#fff}.settings-button-primary:hover{box-shadow:0 6px 16px #1890ff66;transform:translateY(-1px)}.settings-button-secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#4a5568}.settings-button-secondary:hover{background:#e2e8f0;border-color:#1890ff;color:#1890ff}.settings-button-danger{background:linear-gradient(135deg,#ff4d4f,#ff7875);box-shadow:0 4px 12px #ff4d4f4d;color:#fff}.settings-button-danger:hover{box-shadow:0 6px 16px #ff4d4f66;transform:translateY(-1px)}.settings-statistic{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.settings-statistic:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.settings-statistic .ant-statistic-title{color:#4a5568;font-weight:500;margin-bottom:8px}.settings-statistic .ant-statistic-content{color:#1a202c;font-weight:700}.settings-progress{margin:16px 0}.settings-progress .ant-progress-line{border-radius:6px}.settings-upload{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;transition:all .3s ease}.settings-upload:hover{background:#1890ff0d;border-color:#1890ff}.settings-upload .ant-upload-drag-icon{color:#1890ff;font-size:48px;margin-bottom:16px}.settings-color-picker{border-radius:8px;overflow:hidden}.settings-slider{margin:16px 0}.settings-slider .ant-slider-rail{background:#e2e8f0;border-radius:4px}.settings-slider .ant-slider-track{background:linear-gradient(90deg,#1890ff,#722ed1);border-radius:4px}.settings-slider .ant-slider-handle{border:3px solid #1890ff;box-shadow:0 2px 8px #1890ff4d}.settings-timeline{padding:16px}.settings-timeline .ant-timeline-item-head{border-radius:50%;border-width:3px}.settings-table{border-radius:12px;overflow:hidden}.settings-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:none;color:#1a202c;font-weight:600}.settings-table .ant-table-tbody>tr:hover>td{background:#1890ff0d}.settings-tag{border-radius:6px;font-weight:500;padding:4px 12px}.settings-alert{border:none;border-radius:12px;box-shadow:0 4px 12px #0000000d}.settings-collapse{background:#0000;border:none}.settings-collapse .ant-collapse-item{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:8px;overflow:hidden}.settings-collapse .ant-collapse-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px 12px 0 0;font-weight:600}.settings-collapse .ant-collapse-content{background:#fff;border-radius:0 0 12px 12px}.settings-code-block{background:#1a202c;border:1px solid #2d3748;border-radius:8px;color:#e2e8f0;font-family:Monaco,Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto;padding:16px}.settings-preview-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.settings-preview-card:hover{border-color:#1890ff;transform:scale(1.02)}.settings-widget-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .3s ease}.settings-widget-item:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff1a}.settings-widget-item.enabled{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#1890ff}@media (max-width:768px){.settings-page{padding:16px}.settings-tabs .ant-tabs-nav{margin:0 8px 16px}.settings-tabs .ant-tabs-content{padding:0 16px 16px}.settings-card{margin-bottom:16px}}.settings-animated{animation:fadeInUp .6s ease-out}.settings-animated:first-child{animation-delay:.1s}.settings-animated:nth-child(2){animation-delay:.2s}.settings-animated:nth-child(3){animation-delay:.3s}.settings-animated:nth-child(4){animation-delay:.4s}.settings-loading{color:#4a5568;padding:40px;text-align:center}.settings-loading .anticon{color:#1890ff;font-size:24px;margin-bottom:16px}.equipment-page{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}.equipment-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000f2;border-bottom:1px solid #ffffff1a;left:0;padding:16px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.nav-back-button{background:#0000!important;border:1px solid #fff3!important;border-radius:6px!important;color:#fff!important;font-weight:500!important;height:40px!important;padding:0 16px!important;transition:all .3s ease!important}.nav-back-button:hover{background:#ffffff1a!important;border-color:#fff6!important;color:#fff!important;transform:translateY(-1px)}.nav-title{letter-spacing:.5px}.hero-section{background:radial-gradient(ellipse 80% 50% at 50% -20%,#3b82f61a 0,#0000 60%),radial-gradient(ellipse 60% 50% at 50% 120%,#7c3aed1a 0,#0000 60%),linear-gradient(180deg,#000,#0a0a0a);padding:140px 0 100px}.hero-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.hero-content{animation:fadeInUp 1.2s ease forwards;animation-delay:.2s}.hero-tag{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:32px;padding:10px 20px}.hero-title{font-size:4.5rem;letter-spacing:-.02em;margin-bottom:32px}.hero-title-accent{color:#0000;font-weight:700}.hero-description{color:#fffc;font-weight:400;line-height:1.7;margin-bottom:48px;max-width:520px}.hero-stats{gap:56px;margin-bottom:56px}.hero-stat{text-align:left}.hero-stat-number{color:#fff;font-size:3rem;font-weight:700;margin-bottom:8px}.hero-stat-label{font-weight:500}.hero-actions{gap:20px}.hero-cta{background:linear-gradient(135deg,#3b82f6,#1e40af)!important;border:none!important;border-radius:10px!important;color:#fff!important;font-size:16px!important;font-weight:600!important;height:52px!important;letter-spacing:.5px!important;padding:0 36px!important;transition:all .3s ease!important}.hero-cta:hover{background:linear-gradient(135deg,#1e40af,#3b82f6)!important;box-shadow:0 12px 40px #3b82f666!important;transform:translateY(-3px)!important}.hero-secondary{background:#0000!important;border:2px solid #fff3!important;border-radius:10px!important;color:#fff!important;font-size:16px!important;font-weight:600!important;height:52px!important;letter-spacing:.5px!important;padding:0 36px!important;transition:all .3s ease!important}.hero-secondary:hover{background:#ffffff1a!important;border-color:#ffffff80!important;color:#fff!important;transform:translateY(-2px)!important}.hero-visual{align-items:center;animation:fadeIn 1.5s ease forwards;animation-delay:.5s;display:flex;justify-content:center;opacity:0}.satellite-animation{height:400px;position:relative;width:400px}.satellite-orbit{animation:rotate 25s linear infinite;border:2px solid #3b82f64d;height:250px;top:50%;transform:translate(-50%,-50%);width:250px}.satellite,.satellite-orbit{border-radius:50%;left:50%;position:absolute}.satellite{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:2px solid #fff3;box-shadow:0 0 30px #3b82f699,0 0 60px #3b82f64d;display:flex;height:50px;justify-content:center;top:-25px;transform:translateX(-50%);width:50px}.satellite-icon{color:#fff;font-size:24px}.signal-waves{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wave{animation:pulse 3s ease-in-out infinite;border:2px solid #3b82f666;border-radius:50%;position:absolute}.wave-1{animation-delay:0s;height:120px;left:-60px;top:-60px;width:120px}.wave-2{animation-delay:.8s;height:180px;left:-90px;top:-90px;width:180px}.wave-3{animation-delay:1.6s;height:240px;left:-120px;top:-120px;width:240px}.package-nav-section{background:#0a0a0a;border-top:1px solid #ffffff1a;padding:100px 0 60px}.package-nav{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:1300px}.package-nav-item{background:#1a1a1a;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px 20px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.package-nav-item:before{background:linear-gradient(90deg,#0000,#ffffff0d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.package-nav-item:hover:before{left:100%}.package-nav-item:hover{background:#ffffff05;border-color:var(--accent-color);box-shadow:0 16px 48px #0006;transform:translateY(-8px)}.package-nav-item.active{background:linear-gradient(135deg,var(--accent-color),#ffffff1a);border-color:var(--accent-color);box-shadow:0 12px 40px #0000004d;color:#fff;transform:translateY(-4px)}.package-nav-icon{color:var(--accent-color);font-size:28px;margin-bottom:16px;transition:all .3s ease}.package-nav-item.active .package-nav-icon{color:#fff;transform:scale(1.1)}.package-nav-name{font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:6px}.package-nav-tier{font-size:12px;font-weight:500;letter-spacing:1px;opacity:.8;text-transform:uppercase}.package-nav-badge{border-radius:6px;box-shadow:0 2px 8px #0000004d;font-size:10px;font-weight:700;letter-spacing:.5px;padding:6px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.package-nav-badge.premium{background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff}.package-nav-badge.recommended{background:linear-gradient(135deg,#00d2d3,#00b8d4);color:#fff}.package-nav-badge.popular{background:linear-gradient(135deg,#3742fa,#2f3542);color:#fff}.package-nav-badge.business{background:linear-gradient(135deg,#2ed573,#1e8449);color:#fff}.package-nav-badge.economical{background:linear-gradient(135deg,#ffa502,#ff6348);color:#fff}.package-details{background:#000;display:none}.package-details.active{animation:fadeIn .6s ease;display:block}.package-hero{background:linear-gradient(135deg,#ffffff05,#0000 50%),radial-gradient(ellipse 70% 50% at 50% 0,#ffffff08 0,#0000 70%);border-bottom:1px solid #ffffff1a;padding:100px 0;position:relative}.package-hero:before{background:var(--package-gradient);bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0}.package-hero-content{margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:2}.package-hero-tag{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:32px;padding:10px 20px;text-transform:uppercase}.package-hero-title{color:#fff;font-size:4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:20px}.package-hero-tagline{color:var(--package-color);font-size:1.8rem;font-weight:400;letter-spacing:.5px;margin-bottom:32px}.package-hero-description{color:#ffffffd9;font-size:19px;font-weight:400;line-height:1.7;margin-bottom:56px;margin-left:auto;margin-right:auto;max-width:700px}.package-hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:700px}.package-hero-stat{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s ease}.package-hero-stat:hover{background:#ffffff14;border-color:var(--package-color);transform:translateY(-4px)}.package-hero-stat-number{color:var(--package-color);display:block;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.package-hero-stat-label{color:#ffffffb3;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.section-title{color:#6e6e6e;font-size:2.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:64px;text-align:center}.package-features{background:#0a0a0a;padding:100px 0}.features-grid{grid-gap:40px;gap:40px;grid-template-columns:repeat(2,1fr);max-width:1100px}.feature-card{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:40px 36px;position:relative;transition:all .4s ease}.feature-card:before{background:var(--package-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{background:#ffffff05;border-color:var(--package-color);box-shadow:0 16px 48px #0006}.feature-icon{color:var(--package-color);display:block;font-size:36px;margin-bottom:20px}.feature-title{color:#fff;font-size:22px;font-weight:700;letter-spacing:.3px}.feature-description{color:#fffc;font-weight:400;line-height:1.7}.package-specs{background:#000;padding:100px 0}.specs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1100px}.spec-item{align-items:center;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;padding:24px 28px;transition:all .3s ease}.spec-item:hover{background:#ffffff08;border-color:var(--package-color);transform:translateY(-2px)}.spec-label{color:#ffffffe6;flex:1 1;font-size:15px}.spec-value{color:#fff;flex:1 1;font-size:15px;font-weight:700;letter-spacing:.3px;text-align:right}.package-advanced{background:#0a0a0a;padding:100px 0}.advanced-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1100px}.advanced-item{align-items:center;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;display:flex;padding:20px 24px;transition:all .3s ease}.advanced-item:hover{background:#ffffff08;border-color:var(--package-color);transform:translateY(-2px)}.advanced-icon{color:var(--package-color);flex-shrink:0;font-size:18px;margin-right:16px}.advanced-text{color:#ffffffe6;font-size:15px;font-weight:500;line-height:1.5}.package-service{background:#000;padding:100px 0}.service-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1100px}.service-item{align-items:center;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;display:flex;padding:20px 24px;transition:all .3s ease}.service-item:hover{background:#ffffff08;border-color:var(--package-color);transform:translateY(-2px)}.service-icon{color:var(--package-color);flex-shrink:0;font-size:18px;margin-right:16px}.service-text{color:#ffffffe6;font-size:15px;font-weight:500;line-height:1.5}.package-cta{background:linear-gradient(135deg,#ffffff05,#0000 50%),radial-gradient(ellipse 70% 50% at 50% 100%,#ffffff08 0,#0000 70%);border-top:1px solid #ffffff1a;padding:100px 0;position:relative}.package-cta:before{background:var(--package-gradient);bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0}.package-cta-content{margin:0 auto;max-width:700px;position:relative;text-align:center;z-index:2}.package-cta-title{color:#fff;font-size:2.4rem;font-weight:700;letter-spacing:-.01em;margin-bottom:20px}.package-cta-description{color:#ffffffd9;font-size:19px;font-weight:400;line-height:1.7;margin-bottom:40px}.package-cta-actions{display:flex;gap:20px;justify-content:center}.package-order-btn{background:var(--package-gradient)!important;border:none!important;border-radius:12px!important;color:#fff!important;font-size:16px!important;font-weight:700!important;height:56px!important;letter-spacing:.5px!important;padding:0 40px!important;transition:all .3s ease!important}.package-order-btn:hover{box-shadow:0 12px 40px #0000004d!important;transform:translateY(-3px)!important}.package-call-btn{background:#0000!important;border:2px solid #fff3!important;border-radius:12px!important;color:#fff!important;font-size:16px!important;font-weight:600!important;height:56px!important;letter-spacing:.5px!important;padding:0 40px!important;transition:all .3s ease!important}.package-call-btn:hover{background:#ffffff1a!important;border-color:#ffffff80!important;color:#fff!important;transform:translateY(-2px)!important}.contact-section{background:radial-gradient(ellipse 60% 50% at 50% 0,#3b82f61a 0,#0000 60%),radial-gradient(ellipse 60% 50% at 50% 100%,#7c3aed1a 0,#0000 60%),linear-gradient(180deg,#0a0a0a,#000);padding:140px 0}.contact-container{max-width:900px}.contact-content{text-align:center}.contact-title{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:32px}.contact-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#0000}.contact-description{color:#fffc;font-size:19px;font-weight:400;line-height:1.7;margin-bottom:56px}.contact-specialist{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:24px;margin:0 auto;max-width:600px;padding:48px 40px}.specialist-info{margin-bottom:40px}.specialist-name{font-size:28px;font-weight:700;letter-spacing:.3px;margin-bottom:12px}.specialist-role{color:#fffc;font-size:17px;font-weight:500;margin-bottom:12px}.specialist-phone{font-size:20px;font-weight:600;letter-spacing:.5px}.contact-actions{gap:20px}.contact-zalo{background:linear-gradient(135deg,#0084ff,#06c)!important;border:none!important;border-radius:12px!important;color:#fff!important;font-size:16px!important;font-weight:600!important;height:56px!important;letter-spacing:.5px!important;padding:0 32px!important;transition:all .3s ease!important}.contact-zalo:hover{background:linear-gradient(135deg,#06c,#0084ff)!important;box-shadow:0 12px 40px #0084ff66!important;transform:translateY(-3px)!important}.contact-phone{background:#0000!important;border:2px solid #fff3!important;border-radius:12px!important;color:#fff!important;font-size:16px!important;font-weight:600!important;height:56px!important;letter-spacing:.5px!important;padding:0 32px!important;transition:all .3s ease!important}.contact-phone:hover{background:#ffffff1a!important;border-color:#ffffff80!important;color:#fff!important;transform:translateY(-2px)!important}.animate-on-scroll{opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width:1400px){.container{padding:0 32px}}@media (max-width:1200px){.package-nav{gap:16px;grid-template-columns:repeat(3,1fr)}.package-nav-item:nth-child(4),.package-nav-item:nth-child(5){grid-column:span 1}.hero-title{font-size:3.8rem}.package-hero-title{font-size:3.2rem}.contact-title{font-size:2.8rem}}@media (max-width:968px){.hero-container{gap:60px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3.2rem}.hero-stats{gap:40px;justify-content:center}.package-hero-stats{gap:20px;grid-template-columns:repeat(2,1fr)}.advanced-grid,.features-grid,.service-grid,.specs-grid{gap:24px;grid-template-columns:1fr}.contact-actions,.package-cta-actions{align-items:center;flex-direction:column}.section-title{font-size:2.2rem}.package-hero-title{font-size:2.8rem}}@media (max-width:768px){.package-nav{gap:12px;grid-template-columns:1fr}.nav-container{padding:0 20px}.hero-section{padding:120px 0 80px}.hero-title{font-size:2.6rem}.hero-stats{flex-wrap:wrap;gap:24px}.hero-actions{align-items:center;flex-direction:column}.package-hero-stats{gap:16px;grid-template-columns:1fr}.contact-specialist{padding:36px 28px}.specialist-name{font-size:24px}}@media (max-width:480px){.container{padding:0 20px}.hero-section{padding:100px 0 60px}.hero-title{font-size:2.2rem}.hero-description{font-size:18px}.hero-stats{align-items:center;flex-direction:column;gap:20px}.package-nav-item{padding:20px 16px}.contact-title,.package-hero-title{font-size:2.2rem}.contact-specialist{padding:28px 20px}.section-title{font-size:1.8rem}}*{transition:border-color .3s ease,background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.hero-content{.hero-content{animation:fadeInUp 1s ease forwards;opacity:0;transform:translateY(40px)}.hero-tag{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:20px;color:#60a5fa;display:inline-block;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:24px;padding:8px 16px}.hero-title{color:#fff;font-size:4rem;font-weight:300;line-height:1.1;margin-bottom:24px}.hero-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-weight:600}.hero-description{color:#ffffffb3;font-size:20px;line-height:1.6;margin-bottom:40px;max-width:500px}.hero-stats{display:flex;gap:48px;margin-bottom:48px}.hero-stat{text-align:left}.hero-stat-number{color:#fff;display:block;font-size:2.5rem;font-weight:600;line-height:1}.hero-stat-label{color:#fff9;display:block;font-size:14px;letter-spacing:1px;margin-top:8px;text-transform:uppercase}.hero-actions{display:flex;gap:16px}.hero-cta{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:8px;font-weight:500;height:48px;padding:0 32px;transition:all .3s ease}.hero-cta:hover{box-shadow:0 8px 32px #3b82f64d;transform:translateY(-2px)}.hero-secondary{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;font-weight:500;height:48px;padding:0 32px;transition:all .3s ease}.hero-secondary:hover{background:#ffffff1a;border-color:#fff6;color:#fff}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.satellite-animation{height:300px;position:relative;width:300px}.satellite-orbit{animation:rotate 20s linear infinite;border:2px solid #3b82f633;height:200px;top:50%;transform:translate(-50%,-50%);width:200px}.satellite,.satellite-orbit{border-radius:50%;left:50%;position:absolute}.satellite{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 0 20px #3b82f680;display:flex;height:40px;justify-content:center;top:-20px;transform:translateX(-50%);width:40px}.satellite-icon{color:#fff;font-size:20px}.signal-waves{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wave{animation:pulse 2s ease-in-out infinite;border:2px solid #3b82f64d;border-radius:50%;position:absolute}.wave-1{animation-delay:0s;height:100px;left:-50px;top:-50px;width:100px}.wave-2{animation-delay:.5s;height:150px;left:-75px;top:-75px;width:150px}.wave-3{animation-delay:1s;height:200px;left:-100px;top:-100px;width:200px}.package-nav-section{background:#0a0a0a;border-top:1px solid #ffffff1a;padding:80px 0 40px}.package-nav{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:1200px}.package-nav-item{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.package-nav-item:hover{border-color:var(--accent-color);box-shadow:0 8px 32px #0000004d;transform:translateY(-4px)}.package-nav-item.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.package-nav-icon{color:var(--accent-color);font-size:24px;margin-bottom:12px}.package-nav-item.active .package-nav-icon{color:#fff}.package-nav-name{font-size:16px;font-weight:600;margin-bottom:4px}.package-nav-tier{font-size:12px;opacity:.7}.package-nav-badge,.package-nav-tier{letter-spacing:.5px;text-transform:uppercase}.package-nav-badge{border-radius:4px;font-size:10px;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px}.package-nav-badge.premium{background:#ff4757;color:#fff}.package-nav-badge.recommended{background:#00d2d3;color:#fff}.package-nav-badge.popular{background:#3742fa;color:#fff}.package-nav-badge.business{background:#2ed573;color:#fff}.package-nav-badge.economical{background:#ffa502;color:#fff}.package-details{background:#000;display:none}.package-details.active{animation:fadeIn .5s ease;display:block}.package-hero{background:linear-gradient(135deg,var(--package-color)15,#0000),radial-gradient(ellipse at top,#ffffff0d 0,#0000 70%);border-bottom:1px solid #ffffff1a;padding:80px 0}.package-hero-content{margin:0 auto;max-width:800px;text-align:center}.package-hero-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:24px;padding:8px 16px;text-transform:uppercase}.package-hero-title{color:#fff;font-size:3.5rem;font-weight:700;margin-bottom:16px}.package-hero-tagline{color:var(--package-color);font-size:1.5rem;font-weight:300;margin-bottom:24px}.package-hero-description{color:#fffc;font-size:18px;line-height:1.6;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:600px}.package-hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:600px}.package-hero-stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px;text-align:center}.package-hero-stat-number{color:var(--package-color);display:block;font-size:2rem;font-weight:700;margin-bottom:8px}.package-hero-stat-label{color:#ffffffb3;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.section-title{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:48px;text-align:center}.package-features{background:#0a0a0a;padding:80px 0}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.feature-card{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;padding:32px;transition:all .3s ease}.feature-card:hover{border-color:var(--package-color);box-shadow:0 8px 32px #0000004d;transform:translateY(-4px)}.feature-icon{color:var(--package-color);font-size:32px;margin-bottom:16px}.feature-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:12px}.feature-description{color:#ffffffb3;font-size:16px;line-height:1.6}.package-specs{background:#000;padding:80px 0}.specs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.spec-item{align-items:center;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:20px 24px;transition:all .3s ease}.spec-item:hover{background:#ffffff05;border-color:var(--package-color)}.spec-label{color:#fffc;flex:1 1;font-weight:500}.spec-value{color:#fff;flex:1 1;font-weight:600;text-align:right}.package-advanced{background:#0a0a0a;padding:80px 0}.advanced-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.advanced-item{align-items:center;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:8px;display:flex;padding:16px 20px;transition:all .3s ease}.advanced-item:hover{background:#ffffff05;border-color:var(--package-color)}.advanced-icon{color:var(--package-color);font-size:16px;margin-right:12px}.advanced-text{color:#ffffffe6;font-size:15px}.package-service{background:#000;padding:80px 0}.service-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.service-item{align-items:center;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:8px;display:flex;padding:16px 20px;transition:all .3s ease}.service-item:hover{background:#ffffff05;border-color:var(--package-color)}.service-icon{color:var(--package-color);font-size:16px;margin-right:12px}.service-text{color:#ffffffe6;font-size:15px}.package-cta{background:linear-gradient(135deg,var(--package-color)10,#0000),radial-gradient(ellipse at bottom,#ffffff0d 0,#0000 70%);border-top:1px solid #ffffff1a;padding:80px 0}.package-cta-content{margin:0 auto;max-width:600px;text-align:center}.package-cta-title{color:#fff;font-size:2rem;font-weight:600;margin-bottom:16px}.package-cta-description{color:#fffc;font-size:18px;line-height:1.6;margin-bottom:32px}.package-cta-actions{display:flex;gap:16px;justify-content:center}.package-order-btn{background:var(--package-gradient);border:none;border-radius:8px;font-size:16px;font-weight:600;height:48px;padding:0 32px;transition:all .3s ease}.package-order-btn:hover{box-shadow:0 8px 32px rgba(var(--package-color),.3);transform:translateY(-2px)}.package-call-btn{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;font-weight:500;height:48px;padding:0 32px;transition:all .3s ease}.package-call-btn:hover{background:#ffffff1a;border-color:#fff6;color:#fff}.contact-section{background:radial-gradient(ellipse at center,#1a1a1a 0,#000 70%);padding:120px 0}.contact-container{margin:0 auto;max-width:800px;padding:0 24px}.contact-content{text-align:center}.contact-title{color:#fff;font-size:3rem;font-weight:600;margin-bottom:24px}.contact-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text}.contact-description{color:#ffffffb3;font-size:18px;line-height:1.6;margin-bottom:48px}.contact-specialist{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;margin:0 auto;max-width:500px;padding:40px}.specialist-info{margin-bottom:32px}.specialist-name{color:#fff;font-size:24px;font-weight:600;margin-bottom:8px}.specialist-role{color:#ffffffb3;font-size:16px;margin-bottom:8px}.specialist-phone{color:#3b82f6;font-size:18px;font-weight:500}.contact-actions{display:flex;gap:16px;justify-content:center}.contact-zalo{background:linear-gradient(135deg,#0084ff,#06c);border:none;border-radius:8px;font-weight:500;height:48px;padding:0 24px;transition:all .3s ease}.contact-zalo:hover{box-shadow:0 8px 32px #0084ff4d;transform:translateY(-2px)}.contact-phone{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;font-weight:500;height:48px;padding:0 24px;transition:all .3s ease}.contact-phone:hover{background:#ffffff1a;border-color:#fff6;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:all .8s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width:1200px){.package-nav{grid-template-columns:repeat(3,1fr)}.package-nav-item:nth-child(4),.package-nav-item:nth-child(5){grid-column:span 1}}@media (max-width:768px){.hero-container{gap:40px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-stats{gap:24px;justify-content:center}.package-nav{gap:12px;grid-template-columns:1fr}.package-hero-stats{gap:16px;grid-template-columns:repeat(2,1fr)}.advanced-grid,.features-grid,.service-grid,.specs-grid{grid-template-columns:1fr}.package-cta-actions{align-items:center}.contact-actions,.package-cta-actions{flex-direction:column}.section-title{font-size:2rem}.package-hero-title{font-size:2.5rem}.contact-title{font-size:2rem}}@media (max-width:480px){.container{padding:0 16px}.hero-section{padding:100px 0 60px}.hero-title{font-size:2rem}.hero-stats{align-items:center;gap:16px}.hero-actions,.hero-stats{flex-direction:column}.package-hero-stats{grid-template-columns:1fr}.package-nav-item{padding:16px}}color:#60a5fa;display:block;font-size:32px;font-weight:700}.hero-buttons{display:flex;flex-wrap:wrap;gap:24px}.hero-button-primary{background:#fff;border:none;border-radius:28px;color:#000;font-size:16px;font-weight:600;height:56px;padding:0 40px;transition:all .3s ease}.hero-button-primary:hover{box-shadow:0 8px 25px #fff3;transform:translateY(-2px)}.hero-button-secondary{background:#0000;border:2px solid #ffffff4d;border-radius:28px;color:#fff;font-size:16px;font-weight:600;height:56px;padding:0 40px;transition:all .3s ease}.hero-button-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.hero-visual{position:relative;text-align:center}.hero-visual-orb{align-items:center;animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#1e40af,#7c3aed);border-radius:50%;box-shadow:0 0 100px #3b82f64d;display:flex;height:400px;justify-content:center;margin:0 auto;position:relative;width:400px}.hero-visual-icon{color:#fff;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));font-size:120px}.orbital-ring-1{animation:rotate 20s linear infinite;border:2px solid #3b82f633;border-radius:50%;height:500px;position:absolute;width:500px}.orbital-ring-2{animation:rotate 30s linear infinite reverse;border:1px solid #7c3aed33;border-radius:50%;height:600px;position:absolute;width:600px}.packages-section{background:#f8fafc;padding:120px 0}.packages-container{margin:0 auto;max-width:1400px;padding:0 24px}.packages-header{margin-bottom:80px;text-align:center}.packages-title{color:#1a1a1a;font-size:3rem;font-weight:300;margin-bottom:24px}.packages-title-bold{font-weight:600}.packages-subtitle{color:#666;font-size:18px;line-height:1.6;margin:0 auto;max-width:700px}.package-card{background:#fff;border:2px solid #0000;border-radius:24px;box-shadow:0 8px 32px #00000014;height:100%;overflow:hidden;position:relative;transition:all .4s ease}.package-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-8px)}.package-card.premium{border:3px solid #ff6b35;box-shadow:0 12px 48px #ff6b3533}.package-card.popular{border:3px solid #45b7d1;box-shadow:0 12px 48px #45b7d133}.package-card.recommended{border:3px solid #4ecdc4;box-shadow:0 12px 48px #4ecdc433}.package-card.economical{border:3px solid #96ceb4;box-shadow:0 12px 48px #96ceb433}.package-badge{color:#fff;font-size:14px;font-weight:700;left:0;letter-spacing:1px;padding:12px;position:absolute;right:0;text-align:center;text-transform:uppercase;top:0;z-index:2}.package-badge.premium{background:linear-gradient(135deg,#ff6b35,#f7931e)}.package-badge.popular{background:linear-gradient(135deg,#45b7d1,#2980b9)}.package-badge.recommended{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.package-badge.economical{background:linear-gradient(135deg,#96ceb4,#abced8)}.package-content{padding:32px 28px 28px}.package-header{margin-bottom:32px;padding-top:20px;text-align:center}.package-tier{color:#666;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.package-name{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin-bottom:12px}.package-description{color:#666;font-size:16px;line-height:1.5;margin-bottom:8px}.package-subtitle{color:#888;font-size:14px;font-style:italic;line-height:1.4}.package-features{margin-bottom:32px}.package-features-title{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:20px}.feature-item{margin-bottom:12px;padding:8px 0}.feature-icon{flex-shrink:0}.feature-text{font-size:15px}.package-specs{background:#f8fafc;border-radius:16px;margin-bottom:32px;padding:24px}.package-specs-title{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:16px}.spec-item{display:flex;justify-content:space-between;margin-bottom:8px;padding:4px 0}.spec-label{color:#666;font-size:14px;font-weight:600}.spec-value{color:#333;font-size:14px}.package-advantages{margin-bottom:32px}.package-advantages-title{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:16px}.advantage-item{align-items:flex-start;display:flex;margin-bottom:10px;padding:6px 0}.advantage-icon{color:#1890ff;flex-shrink:0;font-size:14px;margin-right:10px;margin-top:2px}.advantage-text{color:#555;font-size:14px;line-height:1.4}.package-button{border:none;border-radius:28px;font-size:16px;font-weight:700;height:56px;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease;width:100%}.package-button.premium{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.package-button.premium:hover{box-shadow:0 8px 25px #ff6b3566;transform:translateY(-2px)}.package-button.popular{background:linear-gradient(135deg,#45b7d1,#2980b9);color:#fff}.package-button.popular:hover{box-shadow:0 8px 25px #45b7d166;transform:translateY(-2px)}.package-button.recommended{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.package-button.recommended:hover{box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}.package-button.standard{background:linear-gradient(135deg,#96ceb4,#abced8);color:#fff}.package-button.standard:hover{box-shadow:0 8px 25px #96ceb466;transform:translateY(-2px)}.package-button.economical{background:linear-gradient(135deg,#f7dc6f,#f4d03f);color:#333}.package-button.economical:hover{box-shadow:0 8px 25px #f7dc6f66;transform:translateY(-2px)}.contact-section{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;overflow:hidden;padding:100px 0;position:relative}.contact-background{background-image:radial-gradient(circle at 30% 20%,#3498db 0,#0000 50%),radial-gradient(circle at 70% 80%,#9b59b6 0,#0000 50%);bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0}.contact-container{max-width:800px;position:relative;z-index:2}.contact-title{color:#fff;font-size:3rem;font-weight:300;margin-bottom:24px}.contact-title-bold{font-weight:600}.contact-description{color:#ffffffe6;font-size:20px;line-height:1.6;margin-bottom:48px}.contact-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-bottom:48px;padding:40px}.contact-person{color:#ecf0f1;font-size:24px;font-weight:600;margin-bottom:8px}.contact-role{color:#fffc;font-size:16px;margin-bottom:24px}.contact-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.contact-button{border:none;border-radius:28px;font-size:16px;font-weight:600;height:56px;min-width:180px;padding:0 32px;transition:all .3s ease}.contact-button-zalo{background:linear-gradient(135deg,#0084ff,#00c6ff);color:#fff}.contact-button-zalo:hover{box-shadow:0 10px 30px #0084ff66;transform:translateY(-3px)}.contact-button-phone{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.contact-button-phone:hover{box-shadow:0 10px 30px #27ae6066;transform:translateY(-3px)}@media (max-width:768px){.hero-title{font-size:2.5rem}.contact-title,.packages-title{font-size:2rem}.package-card{margin-bottom:24px}.contact-buttons,.hero-buttons{align-items:center;flex-direction:column}.contact-button,.hero-button-primary,.hero-button-secondary{max-width:280px;width:100%}.hero-visual-orb{height:280px;width:280px}.hero-visual-icon{font-size:80px}.orbital-ring-1{height:350px;width:350px}.orbital-ring-2{height:420px;width:420px}}@media (max-width:480px){.contact-section,.hero-section,.packages-section{padding:80px 0}.package-content{padding:24px 20px 20px}.contact-info{padding:24px}.contact-buttons{flex-direction:column;gap:16px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fade-in-up{animation:fadeInUp .6s ease forwards}.fade-in-up-delay-1{animation:fadeInUp .6s ease .1s forwards;opacity:0}.fade-in-up-delay-2{animation:fadeInUp .6s ease .2s forwards;opacity:0}.fade-in-up-delay-3{animation:fadeInUp .6s ease .3s forwards;opacity:0}.fade-in-up-delay-4{animation:fadeInUp .6s ease .4s forwards;opacity:0}.data-management-page{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dataFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes signalPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media (max-width:768px){.hero-stats{gap:16px}.hero-actions,.hero-stats{align-items:center;flex-direction:column}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.container{padding:0 16px}.hero-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}}.ai-camera-page{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.container{margin:0 auto;max-width:1400px;padding:0 24px}.camera-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border-bottom:1px solid #ffffff1a;left:0;padding:16px 0;position:fixed;right:0;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.nav-back-button{background:#0000;border:1px solid #fff3;color:#fff;height:40px;padding:0 16px;transition:all .3s ease}.nav-back-button:hover{background:#ffffff1a;border-color:#fff6;color:#fff}.nav-title{color:#fff;font-size:18px;font-weight:600}.hero-section{background:linear-gradient(135deg,#000,#1a1a1a);min-height:100vh;overflow:hidden;padding:120px 0 80px;position:relative}.hero-background{background-image:radial-gradient(circle at 25% 25%,#1e40af 0,#0000 50%),radial-gradient(circle at 75% 75%,#7c3aed 0,#0000 50%);bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.hero-container{margin:0 auto;max-width:1400px;padding:0 24px;position:relative;z-index:2}.hero-content{animation:fadeInUp 1s ease forwards;opacity:0;transform:translateY(40px)}.hero-tag{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:20px;color:#60a5fa;display:inline-block;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:24px;padding:8px 16px;text-transform:uppercase}.hero-title{color:#fff;font-size:4rem;font-weight:300;line-height:1.1;margin-bottom:24px}.hero-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-weight:600}.hero-description{color:#ffffffb3;font-size:20px;line-height:1.6;margin-bottom:40px;max-width:500px}.hero-stats{display:flex;gap:48px;margin-bottom:48px}.hero-stat{text-align:center}.hero-stat-number{color:#60a5fa;display:block;font-size:2.5rem;font-weight:600;line-height:1}.hero-stat-label{color:#fff9;display:block;font-size:14px;letter-spacing:1px;margin-top:8px;text-transform:uppercase}.hero-actions{display:flex;gap:16px}.hero-cta{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:28px;color:#fff;font-size:16px;font-weight:600;height:56px;padding:0 40px;transition:all .3s ease}.hero-cta:hover{box-shadow:0 8px 32px #3b82f64d;transform:translateY(-2px)}.hero-secondary{background:#0000;border:2px solid #ffffff4d;border-radius:28px;color:#fff;font-size:16px;font-weight:600;height:56px;padding:0 40px;transition:all .3s ease}.hero-secondary:hover{background:#ffffff1a;border-color:#fff6;color:#fff}@keyframes cameraFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes ringRotate1{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes ringRotate2{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.hero-section .ant-row{margin-left:0!important;margin-right:0!important}.hero-section .ant-col{padding-left:0!important;padding-right:0!important}.dashboard-section{background:#fff;color:#333;padding:120px 0}.dashboard-title{color:#333;font-size:3rem;font-weight:300;margin-bottom:24px;text-align:center}.dashboard-title-accent{font-weight:600}.dashboard-description{color:#666;font-size:18px;margin:0 auto 80px;max-width:600px;text-align:center}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:60px}.stat-card{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.systems-section{background:#f8fafc;padding:120px 0}.systems-title{color:#333;font-size:3rem;font-weight:300;margin-bottom:24px;text-align:center}.systems-description{color:#666;font-size:18px;margin:0 auto 80px;max-width:600px;text-align:center}.systems-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.system-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.system-card:hover{box-shadow:0 16px 48px #0000001f;transform:translateY(-8px)}.system-card.recommended{border:3px solid #1890ff;box-shadow:0 8px 40px #1890ff1f}.system-card.premium{border:3px solid #722ed1;box-shadow:0 8px 40px #722ed11f}.system-badge{color:#fff;font-size:14px;font-weight:600;left:0;letter-spacing:.5px;padding:12px;position:absolute;right:0;text-align:center;text-transform:uppercase;top:0}.system-badge.recommended{background:linear-gradient(90deg,#1890ff,#722ed1)}.system-badge.premium{background:linear-gradient(90deg,#722ed1,#eb2f96)}.system-content{padding:24px}.system-content.with-badge{padding-top:64px}.system-tier{color:#666;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.system-name{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:12px}.system-description{color:#666;font-size:16px;line-height:1.6;margin-bottom:16px}.system-cameras{background:#1890ff1a;border:1px solid #1890ff4d;border-radius:20px;color:#1890ff;display:inline-block;font-size:14px;font-weight:500;margin-bottom:20px;padding:6px 12px}.system-price{color:#333;font-size:1.2rem;font-weight:600}.system-features,.system-price{margin-bottom:24px}.feature-item{align-items:flex-start;display:flex;margin-bottom:8px}.feature-icon{color:#52c41a;font-size:16px;margin-right:12px;margin-top:2px}.feature-text{color:#333;font-size:14px;line-height:1.5}.system-cta{border-radius:24px;font-size:16px;font-weight:600;height:48px;transition:all .3s ease;width:100%}.system-cta.recommended{background:linear-gradient(90deg,#1890ff,#722ed1);border:none;color:#fff}.system-cta.premium{background:linear-gradient(90deg,#722ed1,#eb2f96);border:none;color:#fff}.system-cta.standard{background:#fff;border:2px solid #e8e8e8;color:#333}.system-cta:hover{transform:translateY(-2px)}.features-section{background:#fff;padding:120px 0}.features-title{color:#333;font-size:3rem;font-weight:300;margin-bottom:80px;text-align:center}.features-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.feature-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 16px 48px #0000001f;transform:translateY(-8px)}.feature-icon-container{align-items:center;background:linear-gradient(135deg,#1890ff20,#1890ff10);background:linear-gradient(135deg,var(--feature-color,#1890ff)20,var(--feature-color,#1890ff)10);border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.feature-icon{color:#1890ff;color:var(--feature-color,#1890ff);font-size:32px}.feature-title{color:#333;font-size:20px;font-weight:600;margin-bottom:16px}.feature-description{color:#666;font-size:16px;line-height:1.6}.camera-types-section{background:#f8fafc;padding:120px 0}.camera-types-title{color:#333;font-size:3rem;font-weight:300;margin-bottom:80px;text-align:center}.camera-types-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.camera-type-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px;transition:all .3s ease}.camera-type-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.camera-type-title{color:#333;font-size:20px;font-weight:600;margin-bottom:8px}.camera-type-description{color:#666;font-size:16px;margin-bottom:20px}.camera-features{margin-bottom:20px}.camera-feature-item{align-items:center;display:flex;margin-bottom:8px}.camera-feature-icon{color:#1890ff;font-size:14px;margin-right:8px}.camera-feature-text{color:#333;font-size:14px}.camera-applications{border-top:1px solid #e8e8e8;padding-top:16px}.applications-label{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.application-tags{display:flex;flex-wrap:wrap;gap:8px}.application-tag{background:#1890ff1a;border:1px solid #1890ff4d;border-radius:12px;color:#1890ff;font-size:12px;font-weight:500;padding:4px 8px}.cta-section{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:120px 0;position:relative;text-align:center}.cta-background{background-image:radial-gradient(circle at 30% 20%,#1e40af 0,#0000 50%),radial-gradient(circle at 70% 80%,#7c3aed 0,#0000 50%);bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.cta-container{margin:0 auto;max-width:800px;padding:0 24px;position:relative}.cta-title{color:#fff;font-size:3rem;font-weight:300;margin-bottom:24px}.cta-title-accent{font-weight:600}.cta-description{color:#fffc;font-size:20px;line-height:1.6;margin-bottom:48px}.cta-actions{display:flex;gap:16px;justify-content:center}.cta-primary{background:#fff;border:none;border-radius:28px;color:#000;font-size:16px;font-weight:600;height:56px;padding:0 40px;transition:all .3s ease}.cta-primary:hover{box-shadow:0 8px 32px #ffffff4d;transform:translateY(-2px)}.cta-secondary{background:#0000;border:2px solid #ffffff4d;border-radius:28px;color:#fff;font-size:16px;font-weight:600;height:56px;padding:0 40px;transition:all .3s ease}.cta-secondary:hover{background:#ffffff1a;border-color:#fff6;color:#fff}.contact-section{background:#0a0a0a;padding:80px 0;text-align:center}.contact-container{margin:0 auto;max-width:600px;padding:0 24px}.contact-specialist{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;padding:40px}.specialist-info{margin-bottom:32px}.specialist-name{color:#fff;font-size:24px;font-weight:600;margin-bottom:8px}.specialist-role{color:#ffffffb3;font-size:16px;margin-bottom:8px}.specialist-phone{color:#3b82f6;font-size:18px;font-weight:500}.contact-actions{display:flex;gap:16px;justify-content:center}.contact-zalo{background:linear-gradient(135deg,#0084ff,#06c);border:none;border-radius:24px;color:#fff;font-weight:500;height:48px;padding:0 24px;transition:all .3s ease}.contact-zalo:hover{box-shadow:0 8px 32px #0084ff4d;transform:translateY(-2px)}.contact-phone{background:#0000;border:1px solid #fff3;border-radius:24px;color:#fff;font-weight:500;height:48px;padding:0 24px;transition:all .3s ease}.contact-phone:hover{background:#ffffff1a;border-color:#fff6;color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.features-grid,.systems-grid{grid-template-columns:1fr;max-width:500px}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-stats{gap:24px;justify-content:center}.hero-actions{align-items:center;flex-direction:column}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.camera-types-grid{grid-template-columns:1fr}.cta-actions{align-items:center}.contact-actions,.cta-actions{flex-direction:column}.camera-types-title,.cta-title,.features-title,.systems-title{font-size:2rem}}@media (max-width:480px){.container{padding:0 16px}.hero-title{font-size:2rem}.hero-stats{align-items:center;flex-direction:column;gap:16px}.stats-grid{grid-template-columns:1fr}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-layout-sider{transition:all .2s ease}.ant-menu-dark.ant-menu-inline .ant-menu-item-selected{background-color:#ffffff1a!important}.ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.ant-statistic-title{color:#666;font-weight:600}.ant-statistic-content{font-weight:700}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html{scroll-behavior:smooth}.login-card .ant-input-affix-wrapper{border:1px solid #d9d9d9;border-radius:8px;transition:all .3s ease}.login-card .ant-input-affix-wrapper-focused,.login-card .ant-input-affix-wrapper:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.login-card .ant-btn-primary{transition:all .3s ease}.login-card .ant-alert{border-radius:8px}
/*# sourceMappingURL=main.5eeca956.css.map*/