@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit;scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden;box-sizing:border-box}html,body,#root{height:100%;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:inherit}main{flex:1}a{text-decoration:none;color:inherit}.app{width:80%;margin:auto}hr{border:none;height:1px;background-color:#a9a9a9}.app-content{display:flex}.flex-col{display:flex;flex-direction:column;gap:10px}.app-admin-pages{width:100%}.cursor{cursor:pointer}.navbar-container{position:relative;top:0;left:0;width:100%;z-index:999;background-color:#fff;box-shadow:0 2px 8px #0000000d}.navbar-company-name{background-color:#0c0437;color:#fff;overflow:hidden;white-space:nowrap;width:100%;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.logo-small{height:40px;width:auto;flex-shrink:0;margin-right:15px;z-index:10}.marquee-content{flex:1;overflow:hidden}.marquee-content span{display:inline-block;padding-left:100%;animation:marquee 20s linear infinite;font-weight:700;font-size:24px;font-family:Segoe UI,sans-serif;font-style:italic;text-transform:uppercase}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.language-selector{display:flex;gap:10px;padding-left:15px;background-color:#0c0437;z-index:10;margin-right:150px}.lang-btn{background:none;border:1px solid rgba(255,255,255,.3);cursor:pointer;padding:6px;border-radius:4px;transition:.3s}.lang-btn img{width:40px;display:block}.lang-btn:hover{transform:scale(1.1);border-color:#fff}.navbar{width:100%;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;transition:all .35s ease;z-index:999}.sticky-navbar{position:fixed!important;top:0;left:0;width:100%;background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 18px #00000014;animation:slideDown .35s ease;z-index:99999}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}body{padding-top:0}.navbar .logo{height:auto;width:140px}.navbar-menu{display:flex;gap:30px;list-style:none;margin:0 auto}.navbar-menu a{text-decoration:none;color:#49557e;font-weight:500;transition:.3s;font-family:Segoe UI,sans-serif;font-size:20px;cursor:pointer}.navbar-menu a:hover,.navbar-menu .active{color:tomato}.navbar-right-hotline{display:flex;align-items:center;gap:15px}.navbar-hotline-btn{display:flex;align-items:center;gap:8px;background-color:tomato;color:#fff!important;padding:10px 22px;border-radius:6px;font-family:Segoe UI,sans-serif;font-size:18px;font-weight:700;text-decoration:none;box-shadow:0 4px 10px #ff63474d;transition:all .3s ease}.navbar-hotline-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff634780;background-color:#ff4500}.hotline-icon{font-size:16px;animation:local-wiggle 1.5s ease infinite}@keyframes local-wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(15deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}}.navbar-right{display:flex;align-items:center;gap:20px;margin-left:auto}.nav-btn{background:transparent;border:1px solid tomato;color:tomato;padding:8px 20px;border-radius:50px;cursor:pointer;transition:.3s}.nav-btn:hover{background:tomato;color:#fff}.navbar-profile{position:relative;cursor:pointer;display:flex;align-items:center;gap:8px}.profile-name{font-weight:600;color:#49557e;font-size:14px}.navbar-profile-dropdown{position:absolute;top:100%;right:0;background:#fff;padding:15px;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:none;flex-direction:column;gap:10px;min-width:150px}.navbar-profile:hover .navbar-profile-dropdown{display:flex}.notif-dropdown{position:absolute;top:40px;right:0;width:300px;background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-height:400px;overflow-y:auto;padding:10px}.notif-item{padding:10px;border-bottom:1px solid #eee;font-size:13px}.notif-item.unread{border-left:4px solid tomato;background:#fff5f5}.mobile-menu-icon{display:none;cursor:pointer;font-size:26px;color:#49557e}@media (max-width: 1024px){.navbar-menu{gap:15px}.navbar-menu a{font-size:18px}.navbar-hotline-btn{padding:8px 15px;font-size:16px}}@media (max-width: 900px){.navbar-menu{position:fixed;right:-100%;top:0;height:100vh;width:70%;background:#fff;flex-direction:column;padding:100px 40px;transition:.4s;box-shadow:-5px 0 15px #0000001a;z-index:1000}.navbar-menu.open{right:0}.mobile-menu-icon{display:block;z-index:1001}.marquee-content span{font-size:14px}.logo-small{height:30px}.profile-name{display:none}}@media (max-width: 580px){.navbar-hotline-btn span{display:none}.navbar-hotline-btn{padding:10px;border-radius:50%;width:42px;height:42px;justify-content:center}.hotline-icon{margin:0;font-size:18px}}@media (max-width: 480px){.navbar .logo{width:100px}.notif-dropdown{width:90vw;position:fixed;left:5%;top:110px}}.social-buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-left:130px}.social-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;box-shadow:0 5px 14px #00000026}.social-btn:hover{transform:translateY(-5px) scale(1.08);opacity:.9}.social-btn:nth-child(1){background:#1877f2}.social-btn:nth-child(2){background:linear-gradient(135deg,#000,#0b6663,#fe2c55)}.social-btn:nth-child(3){background:red}@media (max-width: 768px){.social-buttons{justify-content:center;gap:10px}.social-btn{width:44px;height:44px;font-size:20px}}@media (max-width: 480px){.social-buttons{gap:8px}.social-btn{width:38px;height:38px;font-size:18px}}.footer{position:relative;width:100%;padding:80px 0 30px;background:#0f172a;background:linear-gradient(135deg,#0f172a,#111827 45%,#020617);border-top:3px solid #2563eb;overflow:visible;box-sizing:border-box}.footer-container{width:90%;max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:minmax(300px,1.5fr) 1fr 1fr;gap:40px;box-sizing:border-box}.footer-column{min-width:0}.footer-logo{width:150px;margin-bottom:20px}.footer-column p{color:#cbd5e1;font-size:15px;line-height:1.8}.footer h2{color:#fff;font-size:18px;margin-bottom:25px;position:relative;padding-bottom:12px}.footer h2:after{content:"";position:absolute;left:0;bottom:0;width:50px;height:3px;background:#2563eb}.footer-column ul{list-style:none;padding:0}.footer-column li{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px;color:#d1d5db;font-size:14px}.footer-column li svg{color:#3b82f6;min-width:18px;margin-top:4px}.footer-column a{color:inherit;text-decoration:none;transition:.3s}.footer-column a:hover{color:#60a5fa;padding-left:5px}.footer-social-icons{display:flex;gap:12px;margin-top:20px}.social-btn{width:42px;height:42px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:.3s}.social-btn:hover{background:#2563eb;transform:translateY(-5px)}.footer-divider{border:0;height:1px;background:#ffffff1a;margin:40px 0 20px}.footer-copyright{text-align:center;color:#94a3b8;font-size:13px}.floating-contact{position:fixed;right:20px;bottom:20px;z-index:999;display:flex;flex-direction:column;gap:12px}.float-btn{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 15px #0000004d;transition:.3s}.float-btn.zalo{background:#0084ff}.float-btn.messenger{background:#006aff}.float-btn.phone{background:#10b981}.float-btn.map{background:#f97316}.float-btn:hover{transform:scale(1.1)}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.footer{padding-top:50px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-container{width:85%}.float-btn{width:48px;height:48px;font-size:20px}}.login-popup{position:absolute;z-index:1;width:100%;height:100%;background-color:#00000090;display:grid}.login-popup-container{place-self:center;width:max(23vw,330px);color:gray;background-color:#fff;display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:fadeIn .5s}.login-popup-title{display:flex;justify-content:space-between;align-items:center;color:#000}.login-popup-title img{width:16px;cursor:pointer}.login-popup-inputs{display:flex;flex-direction:column;gap:20px}.login-popup-inputs input{outline:none;border:1px solid #c9c9c9;padding:10px;border-radius:4px}.login-popup-container button{border:none;padding:10px;border-radius:4px;color:#fff;background-color:tomato;font-size:15px;cursor:pointer}.login-popup p span{color:tomato;font-weight:500;cursor:pointer}.password-input{position:relative}.password-input input{width:100%;padding-right:35px}.password-input span{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#555}.login-popup-inputs input[type=text]{text-align:center;letter-spacing:4px;font-weight:700;font-size:18px}.login-popup-inputs input[type=text]{text-align:center;letter-spacing:3px;font-weight:700;font-size:18px}.slider-container{position:relative;width:100%;height:600px;overflow:hidden;background:#000}.slider-track{display:flex;transition:transform .8s cubic-bezier(.7,0,.3,1);height:100%}.slide-item{min-width:100%;height:100%;position:relative}.slide-item img{width:100%;height:100%;object-fit:cover;transition:transform 6s ease}.slide-item.active img{transform:scale(1.1)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#000c,#0003 60%);z-index:1}.slide-content{position:absolute;left:8%;top:50%;transform:translateY(-50%);z-index:2;color:#fff;max-width:600px}.blue-divider{width:0;height:4px;background:#007bff;margin:15px 0;transition:width .8s ease .4s}.slide-item.active .blue-divider{width:100px}.animate-title{font-size:3.5rem;font-weight:800;line-height:1.2;opacity:0;transform:translateY(30px);transition:all .6s ease .2s}.animate-desc{font-size:1.1rem;color:#ccc;margin-bottom:30px;opacity:0;transform:translateY(20px);transition:all .6s ease .6s}.btn-more{padding:12px 30px;background:#007bff;color:#fff;border:none;text-transform:uppercase;font-weight:700;cursor:pointer;opacity:0;transition:all .6s ease .8s}.slide-item.active .animate-title,.slide-item.active .animate-desc,.slide-item.active .btn-more{opacity:1;transform:translateY(0)}.btn-more:hover{background:#0056b3;box-shadow:0 0 15px #007bff80}.nav-arrows{position:absolute;bottom:40px;right:8%;z-index:3;display:flex;gap:15px}.arrow-btn{width:50px;height:50px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:50%;cursor:pointer;transition:.3s}.arrow-btn:hover{background:#007bff;border-color:#007bff}.dots-container{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:10px}.custom-dot{width:40px;height:4px;background:#ffffff4d;cursor:pointer;transition:.3s}.custom-dot.active{background:#007bff;width:60px}.slide-actions{display:flex;gap:15px;margin-top:30px;z-index:10}.btn-more{padding:14px 28px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;border:none;border-radius:4px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#007bff;color:#fff;box-shadow:0 4px 15px #0003}.btn-more:hover{background-color:#0056b3;transform:translateY(-5px);box-shadow:0 8px 25px #007bff66}.slide-actions .btn-more:last-child{background-color:transparent;border:2px solid #007bff;color:#fff}.slide-actions .btn-more:last-child:hover{background-color:#007bff;color:#fff}.btn-more:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.6s}.btn-more:hover:after{left:100%}.slide-item.active .slide-actions{opacity:1;transform:translateY(0);transition:all .6s ease .8s}@media (max-width: 768px){.slide-actions{flex-direction:column;width:100%;gap:10px}.btn-more{width:100%;padding:12px;font-size:.8rem}}.slide-actions .action-btn{padding:10px 20px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;font-weight:600;transition:all .25s ease}.slide-actions .action-btn:hover{background:#007bff;border-color:#007bff;box-shadow:0 6px 18px #007bff2e;transform:translateY(-2px)}.slide-actions .action-prev{background:transparent;border-color:#ffffff1f}.slide-actions .action-next{background:#007bff;border-color:#007bff}@media (max-width: 768px){.slide-actions{left:5%;bottom:20px;gap:8px}.slide-actions .action-btn{padding:8px 14px;font-size:.9rem}}@media (max-width: 768px){.slider-container{height:450px}.animate-title{font-size:2rem}.slide-content{left:5%;padding-right:5%}}.explore-menu{width:100%;padding:80px 5%;background:linear-gradient(to bottom,#fafafa,#f3f3f3);position:relative;overflow:hidden}.explore-menu:before{content:"";position:absolute;top:-120px;right:-120px;width:350px;height:350px;border-radius:50%;background:#ff63470f;filter:blur(20px)}.explore-menu-header{text-align:center;margin-bottom:60px;position:relative;z-index:2}.explore-menu-header span{display:inline-block;padding:10px 22px;background:#ff63471f;color:tomato;border-radius:50px;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:18px}.explore-menu-header h2{font-size:46px;font-weight:800;line-height:1.3;color:#222;margin-bottom:18px}.explore-menu-header p{max-width:850px;margin:0 auto;font-size:17px;line-height:1.8;color:#666}.explore-menu-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;position:relative;z-index:2}.explore-menu-item{background:#fff;border-radius:28px;overflow:hidden;cursor:pointer;position:relative;transition:.45s ease;border:1px solid #f1f1f1;box-shadow:0 12px 35px #0000000f}.explore-menu-item:hover{transform:translateY(-12px);box-shadow:0 22px 45px #00000024}.explore-menu-img{width:100%;height:260px;object-fit:cover;transition:.6s ease}.explore-menu-item:hover .explore-menu-img{transform:scale(1.08)}.explore-menu-img.all{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7a59,#ff4747);color:#fff;font-size:52px;font-weight:800}.explore-menu-img.placeholder{display:flex;align-items:center;justify-content:center;background:#ededed;color:#999;font-size:42px;font-weight:700}.explore-tag{position:absolute;top:18px;left:18px;z-index:10;padding:8px 16px;background:#0c0437e6;color:#fff;border-radius:40px;font-size:12px;font-weight:700;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.explore-menu-content{padding:28px}.explore-menu-content h3{font-size:24px;font-weight:700;color:#222;margin-bottom:14px}.explore-menu-content p{font-size:15px;color:#666;line-height:1.8;margin-bottom:22px}.explore-menu-btn{display:inline-flex;align-items:center;gap:10px;color:tomato;font-weight:700;transition:.35s ease}.explore-menu-item:hover .explore-menu-btn{transform:translate(8px)}@media (max-width: 1100px){.explore-menu-list{grid-template-columns:repeat(2,1fr)}.explore-menu-header h2{font-size:38px}}@media (max-width: 768px){.explore-menu{padding:60px 15px}.explore-menu-list{grid-template-columns:1fr;gap:28px}.explore-menu-header h2{font-size:30px}.explore-menu-header p{font-size:15px}.explore-menu-img{height:220px}.explore-menu-content{padding:22px}}@media (max-width: 480px){.explore-menu-header h2{font-size:24px}.explore-menu-img{height:190px}.explore-menu-content h3{font-size:20px}.explore-menu-content p{font-size:14px}}.home-page{display:flex;flex-direction:column;gap:20px;width:100%;margin:0 auto;min-height:100vh;overflow:visible!important}.home-slider{width:100%;height:auto;min-height:250px;overflow:visible;position:relative;box-sizing:border-box}.home-slider .slider{border-radius:10px}.home-menu{background:#fff;padding:5px 20px;border-radius:10px;box-shadow:0 2px 8px #0000001a}.home-menu h2{font-size:20px;margin-bottom:10px}.home-food{padding:5px 0}.home-food h2{font-size:22px;margin-bottom:15px}.home-food .food-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.service-page{text-align:center;background:url(/images/strengths.jpg) no-repeat center center;background-size:cover;padding-bottom:50px;padding-top:50px;margin-top:70px;margin-bottom:20px;position:relative}.service-page-title{font-size:28px;font-weight:700;color:tomato;letter-spacing:1px;padding-bottom:10px}.service-features{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;padding:25px 15px;border-radius:16px}.feature-box{background:#fff;display:flex;align-items:center;gap:15px;border-radius:12px;padding:18px 28px;box-shadow:0 4px 12px #00000008,0 1px 2px #00000005;cursor:pointer;width:270px;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.25,1,.5,1),background .3s ease;will-change:transform,box-shadow;backface-visibility:hidden}.feature-box:hover{transform:translateY(-6px)!important;box-shadow:0 20px 30px #ff634714,0 4px 12px #0000000a;background:#fffaf7}.feature-icon{color:tomato;width:36px;height:36px;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.feature-box:hover .feature-icon{transform:scale(1.15)}.feature-box h4{font-size:1.05rem;font-weight:700;color:#111c24;margin:0 0 4px}.feature-box p{color:#6b7280;font-size:.9rem;margin:0}.initial-hidden{opacity:0;transform:none!important;animation:none!important}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.feature-box.slide-in-left,.feature-box.slide-in-right,.feature-box.slide-in-top,.feature-box.slide-in-bottom{animation-fill-mode:both;animation-duration:.85s;animation-timing-function:cubic-bezier(.25,1,.5,1)}.feature-box.slide-in-left{animation-name:slideInLeft}.feature-box.slide-in-right{animation-name:slideInRight}.feature-box.slide-in-top{animation-name:slideInTop}.feature-box.slide-in-bottom{animation-name:slideInBottom}@media (max-width: 1024px){.service-features{gap:20px;padding:20px 10px}.feature-box{width:45%;max-width:320px}}@media (max-width: 768px){.service-page-title{font-size:24px;padding:0 15px 15px}.service-features{gap:15px;padding:15px 10px}.feature-box{width:calc(50% - 15px);max-width:none;flex-direction:row;text-align:left;padding:15px}.feature-icon{width:30px;height:30px}}@media (max-width: 480px){.service-page-title{font-size:20px;padding:0 10px 10px}.service-features{gap:10px}.feature-box{width:calc(50% - 5px);max-width:none;margin:0;padding:12px 10px}.feature-box h4{font-size:.95rem}.feature-box p{font-size:.8rem}.feature-icon{width:25px;height:25px}}:root{--ind-blue: #0a2463;--ind-accent: #0066ff;--ind-dark: #111c24;--ind-gray: #667085;--ind-light: #f4f7fc;--smooth: all .45s cubic-bezier(.25, 1, .5, 1)}.ind-floor-wrapper{position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(0,102,255,.06),transparent 35%),radial-gradient(circle at bottom right,rgba(10,36,99,.08),transparent 35%),#fafbfc;font-family:Inter,sans-serif;color:var(--ind-dark);padding-bottom:120px}.ind-floor-wrapper:before,.ind-floor-wrapper:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.25;z-index:0;animation:indFloatingBlob 14s ease-in-out infinite}.ind-floor-wrapper:before{width:320px;height:320px;background:#06f;top:-120px;left:-120px}.ind-floor-wrapper:after{width:280px;height:280px;background:#3e92cc;bottom:-100px;right:-80px;animation-delay:5s}.ind-container{position:relative;z-index:2;max-width:1300px;margin:0 auto;padding:0 24px}.ind-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#051336,#010614);padding:120px 0 140px;color:#fff;text-align:center}.ind-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:45px 45px;animation:indGridMove 18s linear infinite}.ind-hero:after{content:"";position:absolute;top:0;left:-150%;width:70%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);transform:skew(-25deg);animation:indHeroShine 8s linear infinite}.ind-label{position:relative;color:#7cc8ff;font-weight:700;letter-spacing:1.5px;font-size:13px;background:#3e92cc1f;padding:8px 20px;border-radius:99px;display:inline-block;margin-bottom:22px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:indFadeUp .9s ease}.ind-hero-content h1{font-size:clamp(34px,5vw,56px);margin:0 0 22px;font-weight:900;letter-spacing:-1.5px;line-height:1.1;animation:indFadeUp 1s ease}.ind-hero-content h1 .text-gradient{background:linear-gradient(90deg,#7cc8ff,#06f,#66b3ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:indGradientMove 4s linear infinite}.ind-hero-content p{font-size:17px;color:#b0bccc;max-width:760px;margin:0 auto;line-height:1.75;animation:indFadeUp 1.2s ease}.ind-single-layout{margin-top:-60px;position:relative;z-index:10;animation:indFadeUp 1s ease}.ind-single-card{position:relative;overflow:hidden;background:#fffffff2;border-radius:28px;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 70px #0a246314,0 10px 25px #0000000a;display:flex;gap:50px;padding:40px;transition:var(--smooth)}.ind-single-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,102,255,.05),transparent);opacity:0;transition:.5s ease;pointer-events:none}.ind-single-card:hover{transform:translateY(-10px) scale(1.01);box-shadow:0 40px 90px #0a24631f,0 15px 35px #0000000f}.ind-single-card:hover:before{opacity:1}.ind-single-img-box{flex:1.1;position:relative;height:500px;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px #00000014;transform-style:preserve-3d}.ind-single-img-box img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease,filter .5s ease}.ind-single-card:hover .ind-single-img-box img{transform:scale(1.08);filter:brightness(1.06)}.ind-single-img-box:before{content:"";position:absolute;top:0;left:-140%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-25deg);z-index:2}.ind-single-card:hover .ind-single-img-box:before{animation:indCardShine 1.2s ease}.ind-img-badge{position:absolute;bottom:20px;left:20px;background:linear-gradient(135deg,var(--ind-blue),var(--ind-accent));color:#fff;padding:10px 18px;font-size:12px;font-weight:700;border-radius:10px;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px #0066ff40;animation:indPulse 2.5s infinite}.ind-single-info-box{flex:1;display:flex;flex-direction:column;justify-content:center}.ind-status-tags{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}.ind-status-tags span{font-size:13px;font-weight:600;padding:7px 15px;border-radius:10px;display:flex;align-items:center;gap:6px;transition:var(--smooth)}.ind-status-tags span:hover{transform:translateY(-3px)}.tag-iso{background:#0066ff0f;color:var(--ind-accent)}.tag-stock{background:#2ec4b614;color:#2ec4b6}.ind-product-name{font-size:34px;font-weight:900;color:var(--ind-blue);line-height:1.25;margin:0 0 18px}.ind-divider{width:70px;height:5px;background:linear-gradient(90deg,var(--ind-accent),#7cc8ff);border-radius:999px;margin-bottom:28px;animation:indDividerGlow 3s infinite}.ind-product-desc-full h3{font-size:16px;font-weight:700;color:var(--ind-dark);margin:0 0 8px;display:flex;align-items:center;gap:8px}.ind-product-desc-full p{font-size:15px;color:var(--ind-gray);line-height:1.8;margin:0 0 28px}.ind-features-list{display:flex;flex-direction:column;gap:14px;margin-bottom:38px}.feature-mini-item{display:flex;align-items:center;gap:14px;font-size:14px;color:#475467;font-weight:500;padding:12px 16px;border-radius:12px;background:#ffffffb3;transition:var(--smooth)}.feature-mini-item:hover{transform:translate(8px);background:#0066ff0a;box-shadow:0 10px 25px #0066ff14}.feature-mini-item svg{color:var(--ind-accent);font-size:16px;transition:.35s ease}.feature-mini-item:hover svg{transform:rotate(10deg) scale(1.15)}.ind-btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--ind-blue),#153a91);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:14px;padding:0 38px;height:56px;border-radius:14px;transition:var(--smooth);box-shadow:0 15px 35px #0a24632e}.ind-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#041f47,#3e92cc);opacity:0;transition:.4s ease}.ind-btn-primary span,.ind-btn-primary .arrow{position:relative;z-index:2}.ind-btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #01276040}.ind-btn-primary:hover:before{opacity:1}.ind-btn-primary .arrow{transition:transform .3s ease}.ind-btn-primary:hover .arrow{transform:translate(6px)}.ind-no-product{background:#fff;text-align:center;padding:80px 24px;border-radius:24px;border:1px dashed #cbd5e1;box-shadow:0 20px 50px #0000000d}@keyframes indFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes indFloatingBlob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(40px) scale(1.1)}}@keyframes indHeroShine{0%{transform:translate(-120%) skew(-25deg)}to{transform:translate(250%) skew(-25deg)}}@keyframes indGridMove{0%{transform:translateY(0)}to{transform:translateY(45px)}}@keyframes indCardShine{to{left:160%}}@keyframes indPulse{0%{box-shadow:0 0 #06f3}50%{box-shadow:0 0 30px #0066ff59}to{box-shadow:0 0 #06f3}}@keyframes indGradientMove{to{background-position:200% center}}@keyframes indDividerGlow{0%,to{box-shadow:0 0 #06f3}50%{box-shadow:0 0 18px #06f6}}@media (max-width: 992px){.ind-single-card{flex-direction:column;padding:24px;gap:32px}.ind-single-img-box{height:340px}.ind-product-name{font-size:28px}}@media (max-width: 768px){.ind-hero{padding:90px 0 120px}.ind-hero-content p{font-size:15px}.ind-single-card{border-radius:22px}.feature-mini-item:hover{transform:none}}:root{--tile-primary: #2c3e50;--tile-accent: #e67e22;--tile-bg: #f8f9fa;--tile-text: #333}.tile-showroom{position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(230,126,34,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(44,62,80,.08),transparent 35%),var(--tile-bg);min-height:100vh;padding-bottom:70px}.tile-showroom:before,.tile-showroom:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.25;animation:floatingBlob 14s ease-in-out infinite}.tile-showroom:before{width:350px;height:350px;background:#e67e22;top:-100px;left:-100px}.tile-showroom:after{width:300px;height:300px;background:#3498db;right:-80px;bottom:-80px;animation-delay:5s}.tile-container{position:relative;z-index:2;max-width:1250px;margin:0 auto;padding:0 20px}.tile-header{position:relative;overflow:hidden;background:linear-gradient(#000000b8,#000000b8),url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1350&q=80);background-size:cover;background-position:center;color:#fff;padding:120px 0;text-align:center;margin-bottom:50px}.tile-header:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);animation:shineMove 8s linear infinite;pointer-events:none}.tile-header:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;animation:gridMove 20s linear infinite;pointer-events:none}.tile-header-content{position:relative;z-index:2;animation:fadeUp 1s ease}.tile-badge{display:inline-block;background:linear-gradient(135deg,#e67e22,#ff9f43);padding:8px 20px;border-radius:30px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 25px #e67e2259;animation:pulseGlow 2.5s infinite}.tile-header h1{font-size:3.4rem;margin:25px 0 20px;line-height:1.2;animation:fadeUp 1.2s ease}.tile-header p{max-width:700px;margin:auto;line-height:1.8;opacity:.92;animation:fadeUp 1.4s ease}.tile-contact-info{position:relative;margin-top:30px;font-size:1.1rem;font-weight:700;border:2px solid rgba(255,255,255,.6);display:inline-block;padding:14px 30px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:.4s ease;animation:fadeUp 1.6s ease}.tile-contact-info:before{content:"";position:absolute;top:0;left:-120%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:.7s}.tile-contact-info:hover:before{left:120%}.tile-contact-info:hover{transform:translateY(-5px) scale(1.03);background:#ffffff14}.tile-toolbar{display:flex;justify-content:space-between;align-items:center;background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:22px;border-radius:18px;box-shadow:0 10px 30px #0000000f,inset 0 1px #fff9;margin-bottom:35px;animation:fadeUp 1s ease}.tile-search-box{position:relative;width:60%}.tile-search-box svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#999;transition:.3s ease}.tile-search-box input{width:100%;padding:15px 15px 15px 48px;border:1px solid #ddd;border-radius:40px;outline:none;background:#ffffffe6;transition:all .35s ease;box-shadow:inset 0 2px 5px #00000008}.tile-search-box input:focus{border-color:var(--tile-accent);box-shadow:0 0 0 5px #e67e221f,0 15px 30px #e67e221f;transform:translateY(-2px)}.tile-search-box input:focus+svg{color:var(--tile-accent)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}.tile-item-card{position:relative;background:#fffffff2;border-radius:20px;overflow:hidden;transition:all .5s ease;box-shadow:0 10px 25px #00000012;animation:fadeScale .8s ease}.tile-item-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(230,126,34,.08),transparent);opacity:0;transition:.4s ease;pointer-events:none}.tile-item-card:hover{transform:translateY(-12px) rotateX(2deg);box-shadow:0 25px 50px #0000001f,0 10px 20px #e67e2226}.tile-item-card:hover:before{opacity:1}.tile-img-container{position:relative;height:240px;overflow:hidden}.tile-img-container img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .5s ease}.tile-item-card:hover img{transform:scale(1.1);filter:brightness(1.08)}.tile-img-container:before{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);z-index:2;pointer-events:none}.tile-item-card:hover .tile-img-container:before{animation:shineCard 1s ease}.tile-tag{position:absolute;top:15px;right:15px;background:#ffffffeb;padding:6px 14px;border-radius:30px;font-size:.75rem;font-weight:600;color:var(--tile-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;transition:.35s ease}.tile-item-card:hover .tile-tag{transform:scale(1.08)}.tile-info{padding:24px}.tile-info h3{margin:0 0 12px;font-size:1.15rem;color:var(--tile-primary);line-height:1.5;transition:.35s ease}.tile-item-card:hover h3{color:var(--tile-accent)}.tile-desc{font-size:.9rem;color:#666;line-height:1.7;margin-bottom:18px}.tile-actions{display:flex;gap:12px;position:relative;z-index:3}.tile-btn-detail{position:relative;flex:1;background:linear-gradient(135deg,var(--tile-primary),#34495e);color:#fff;text-decoration:none;text-align:center;padding:12px;border-radius:10px;font-size:.92rem;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;transition:.4s ease}.tile-btn-detail:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--tile-accent),#31056d);opacity:0;transition:.35s ease}.tile-btn-detail:hover:before{opacity:1}.tile-btn-detail span,.tile-btn-detail svg{position:relative;z-index:2}.tile-btn-detail:hover{transform:translateY(-3px);box-shadow:0 15px 30px #e67e2233}.tile-btn-call{width:45px;height:45px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none;transition:.35s ease}.tile-btn-zalo{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;min-width:50px;height:45px;padding:0 18px;border-radius:12px;background:linear-gradient(135deg,#0084ff,#00a6ff);color:#fff;text-decoration:none;font-size:14px;font-weight:700;transition:all .35s ease;box-shadow:0 10px 20px #0084ff33}.tile-btn-zalo svg{font-size:18px}.tile-btn-zalo:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 18px 35px #0084ff47}.tile-pagination{display:flex;justify-content:center;gap:12px;margin-top:50px}.tile-pagination button{width:44px;height:44px;border:none;background:#ffffffe6;border-radius:50%;cursor:pointer;box-shadow:0 4px 10px #00000014;transition:all .35s ease}.tile-pagination button:hover{transform:translateY(-4px)}.tile-pagination button.active{background:linear-gradient(135deg,var(--tile-accent),#ff9f43);color:#fff;box-shadow:0 15px 25px #e67e2240}.tile-no-results{grid-column:1 / -1;text-align:center;padding:120px 0;color:#888;animation:fadeUp .8s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 #e67e2266}50%{box-shadow:0 0 30px #e67e2273}to{box-shadow:0 0 #e67e2266}}@keyframes shineCard{to{left:140%}}@keyframes shineMove{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes floatingBlob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(40px) scale(1.1)}}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(40px)}}@media (max-width: 768px){.tile-toolbar{flex-direction:column;gap:15px}.tile-search-box{width:100%}.tile-header h1{font-size:2.2rem}.tile-header{padding:90px 0}}.introduce{width:100%;box-sizing:border-box;padding:80px 4%;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 35%),radial-gradient(circle at bottom right,rgba(255,99,71,.08),transparent 35%),linear-gradient(180deg,#fff,#f8fbff);overflow:visible;position:relative;margin-top:-50px;margin-left:0}.introduce:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.introduce-container{max-width:1650px;margin:auto;display:grid;grid-template-columns:.8fr 2fr;gap:40px;align-items:center;position:relative;z-index:2}.introduce-left{position:relative;z-index:2}.introduce-left>*{will-change:transform,opacity}.introduce-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:#2563eb14;border:1px solid rgba(37,99,235,.12);color:var(--ind-blue);font-size:12px;font-weight:700;margin-bottom:22px;animation:fadeUp .8s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.introduce-left h2{font-size:46px;line-height:1.2;color:#0f172a;font-weight:900;margin-bottom:24px;letter-spacing:-1.5px;animation:fadeUp 1s ease}.introduce-left h2 span{color:var(--ind-blue);position:relative}.introduce-left h2 span:after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:10px;background:#2563eb26;z-index:-1;border-radius:20px}.introduce-desc{font-size:16px;line-height:1.8;color:#64748b;margin-bottom:34px;max-width:580px;animation:fadeUp 1.2s ease}.introduce-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:36px}.feature-item{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:22px;background:#ffffff73;border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 10px 25px #0f172a0d,inset 0 1px 1px #ffffffb3;transition:all .45s ease;position:relative;overflow:hidden;will-change:transform,box-shadow;animation:cardIn .8s ease both}.feature-item:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-100%);transition:.7s}.feature-item:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,rgba(37,99,235,.25),rgba(14,165,233,.15),transparent);opacity:0;transition:opacity .5s ease;z-index:-1}.feature-item:hover:before{transform:translate(100%)}.feature-item:hover:after{opacity:1}.feature-item:hover{transform:perspective(1000px) rotateX(4deg) rotateY(-4deg) translateY(-10px) scale(1.03);box-shadow:0 25px 50px #2563eb2e,0 10px 20px #0f172a14}.feature-item:nth-child(1){animation-delay:.05s}.feature-item:nth-child(2){animation-delay:.12s}.feature-item:nth-child(3){animation-delay:.19s}.feature-item:nth-child(4){animation-delay:.26s}.feature-item svg{color:var(--ind-blue);font-size:18px;flex-shrink:0;transition:transform .35s ease,color .35s ease}.feature-item:hover svg{transform:rotate(-8deg) scale(1.12);color:#1d4ed8}.feature-item span{font-size:14px;font-weight:600;color:#1e293b;transition:transform .35s ease,color .35s ease}.feature-item:hover span{transform:translate(2px);color:#0f172a}.introduce-buttons{display:flex;gap:16px;flex-wrap:wrap}.intro-btn{height:52px;padding:0 26px;border-radius:16px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:14px;transition:all .4s ease;position:relative;overflow:hidden;will-change:transform,box-shadow}.intro-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-100%)}.intro-btn:hover:before{animation:shine 1s ease}.intro-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 14px 35px #2563eb47}.intro-btn.primary:hover{transform:translateY(-6px);box-shadow:0 22px 45px #2563eb59}.intro-btn:not(.primary):hover{transform:translateY(-4px)}.introduce-right{position:relative;width:100%}.intro-image-box{position:relative;border-radius:32px;overflow:visible;animation:fadeScale 1.1s ease;width:100%}.intro-image-box:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.12),transparent 40%);border-radius:32px;pointer-events:none}.intro-image-box img{width:160%;height:125%;aspect-ratio:1.2 / 1;object-fit:cover;border-radius:32px;box-shadow:0 25px 70px #0f172a26;transition:transform .6s cubic-bezier(.16,1,.3,1)}.intro-image-box:hover img{transform:scale(1.02)}.floating-card{position:absolute;display:flex;align-items:center;gap:14px;background:#ffffffeb;border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:14px 18px;border-radius:20px;box-shadow:0 15px 35px #0f172a1f;animation:floating 5s ease-in-out infinite;transition:all .4s ease;z-index:10;will-change:transform,opacity}.floating-card:hover{transform:translateY(-6px) scale(1.03);background:#fff}.floating-card svg{font-size:22px;color:var(--ind-blue)}.floating-card h4{font-size:20px;color:#0f172a;margin:0 0 2px;font-weight:800}.floating-card p{font-size:12px;color:#64748b;margin:0}.card-1{top:-10px;left:-55px}.card-2{top:42%;transform:translateY(-50%);right:-55px}.card-3{bottom:-10px;left:60px}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1200px){.introduce-container{grid-template-columns:.85fr 1.55fr;gap:30px}.introduce-left h2{font-size:38px}.card-1{left:-35px;top:-8px}.card-2{right:-35px;top:44%}.card-3{left:45px;bottom:-8px}}@media (max-width: 992px){.introduce-container{grid-template-columns:1fr;gap:50px}.introduce-right{order:-1}.card-1{left:15px;top:15px}.card-2{right:15px;top:auto;bottom:80px;transform:none}.card-3{left:15px;bottom:15px}}.news-section{width:100%;padding:10px 5% 50px;position:relative;overflow:hidden;margin-top:-200px;background:radial-gradient(circle at top left,rgba(255,99,71,.08),transparent 35%),radial-gradient(circle at bottom right,rgba(0,102,255,.06),transparent 35%),linear-gradient(180deg,#fff,#f8fafc)}.news-section:before{content:"";position:absolute;width:500px;height:500px;top:-250px;right:-180px;background:radial-gradient(circle,rgba(255,99,71,.12),transparent 70%);filter:blur(40px);z-index:0;pointer-events:none}.news-container{max-width:1450px;margin:0 auto;position:relative;z-index:2}.news-header{max-width:1000px;margin-bottom:50px;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.news-label{display:inline-flex;align-items:center;justify-content:flex-start;align-self:flex-start;gap:8px;padding:8px 18px;border-radius:999px;background:#0066ff14;border:1px solid rgba(0,102,255,.15);color:#02398c;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-top:0;margin-bottom:20px;animation:fadeUp .8s ease forwards}.news-header h2{font-size:54px;line-height:1.2;font-weight:900;letter-spacing:-1px;color:#111c24;margin-bottom:24px;animation:fadeUp 1s ease forwards}.news-header h2 span.highlight{color:#06f;display:inline-block}.news-header p{font-size:18px;line-height:1.7;color:#667085;max-width:850px;animation:fadeUp 1.2s ease forwards}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.news-card{position:relative;border-radius:24px;overflow:hidden;background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);transition:all .55s cubic-bezier(.19,1,.22,1);box-shadow:0 10px 30px #0000000a,0 1px 2px #00000008;display:flex;flex-direction:column}.news-card:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,99,71,.3),rgba(0,102,255,.15),transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.news-card:hover{transform:translateY(-10px) scale(1.01);box-shadow:0 30px 80px #0000001f,0 10px 30px #ff63471f}.news-image{position:relative;height:240px;overflow:hidden;width:100%}.news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 50%);opacity:.7;transition:.5s ease}.news-card:hover .news-image:after{opacity:.4}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.19,1,.22,1),filter .5s ease}.news-card:hover .news-image img{transform:scale(1.12);filter:saturate(1.1)}.news-category{position:absolute;top:20px;left:20px;z-index:3;padding:8px 14px;border-radius:14px;background:#ffffff24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;box-shadow:0 8px 30px #0000001f}.news-content{padding:26px;flex-grow:1;display:flex;flex-direction:column}.news-meta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}.news-meta span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#8b93a7}.news-meta svg{color:var(--ind-blue);font-size:15px}.news-content h3{font-size:22px;line-height:1.45;font-weight:800;color:#101828;margin-bottom:18px;transition:.35s ease}.news-card:hover h3{color:var(--ind-blue)}.news-content p{font-size:14px;line-height:1.8;color:#667085;margin-bottom:22px}.news-link{position:relative;display:inline-flex;align-items:center;gap:10px;color:var(--ind-blue);font-size:15px;font-weight:800;text-decoration:none;transition:.3s ease;margin-top:auto;width:max-content}.news-link svg{transition:transform .3s ease}.news-link:hover svg{transform:translate(5px)}.news-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;border-radius:20px;background:var(--ind-blue);transition:width .35s ease}.news-link:hover:after{width:100%}.news-bottom{margin-top:50px;display:flex;justify-content:center}.all-news-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:52px;padding:0 32px;border-radius:999px;border:none;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;font-size:15px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .45s cubic-bezier(.19,1,.22,1)}.all-news-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%)}.all-news-btn:hover:before{animation:shine 1.2s ease}.all-news-btn:hover{transform:translateY(-4px);background:linear-gradient(135deg,var(--ind-blue),#ff7b54);box-shadow:0 20px 50px #ff634759}@keyframes fadeUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{to{transform:translate(200%)}}@media (max-width: 1200px){.news-header h2{font-size:44px}}@media (max-width: 768px){.news-section{padding:20px 5% 80px}.news-grid{grid-template-columns:1fr}.news-header{margin-bottom:40px}.news-header h2{font-size:32px;line-height:1.25}.news-header p{font-size:15px}.news-content{padding:22px}.news-image{height:200px}}.video-section{width:100%;padding:90px 5%;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 30%),linear-gradient(180deg,#fff,#f8fafc);overflow:hidden;margin-top:-100px}.video-container{max-width:1300px;margin:auto}.video-header{max-width:760px;margin-bottom:60px}.video-label{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;background:#2563eb14;color:#2563eb;font-size:13px;font-weight:800;letter-spacing:2px;margin-bottom:24px}.video-header h2{font-size:52px;line-height:1.1;font-weight:900;color:#111827;margin-bottom:20px}.video-header h2 span{background:linear-gradient(90deg,#2563eb,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.video-header p{font-size:17px;line-height:1.8;color:#64748b}.video-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px}.video-player-box{background:#fff;border-radius:30px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 15px 40px #0f172a14}.video-frame{position:relative;width:100%;height:520px;overflow:hidden;border-radius:24px}.video-frame iframe{width:100%;height:100%;border:none;display:block}.video-info{padding:30px}.video-info span{display:inline-flex;padding:8px 16px;border-radius:999px;background:#2563eb14;color:#2563eb;font-size:12px;font-weight:800;margin-bottom:16px}.video-info h3{font-size:32px;font-weight:800;color:#111827;margin-bottom:14px}.video-info p{color:#64748b;line-height:1.8}.video-sidebar{display:flex;flex-direction:column;gap:18px}.video-item{display:flex;align-items:center;gap:16px;padding:14px;background:#fff;border-radius:22px;border:1px solid #e5e7eb;cursor:pointer;transition:.35s ease}.video-item:hover{transform:translateY(-5px);border-color:#2563eb;box-shadow:0 15px 35px #2563eb1f}.video-item.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:transparent}.video-thumb{position:relative;width:120px;min-width:120px;height:90px;border-radius:16px;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-play-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;font-size:22px}.video-item-content{flex:1}.video-item-content span{font-size:11px;font-weight:700;color:#2563eb;text-transform:uppercase}.video-item-content h4{font-size:16px;line-height:1.5;color:#111827;margin:8px 0}.video-item-content p{font-size:13px;color:#64748b}.video-arrow{color:#2563eb}.video-item.active .video-item-content span,.video-item.active .video-item-content h4,.video-item.active .video-item-content p,.video-item.active .video-arrow{color:#fff}@media (max-width: 992px){.video-layout{grid-template-columns:1fr}.video-frame{height:420px}}@media (max-width: 768px){.video-section{padding:70px 5%}.video-header h2{font-size:38px}.video-frame{height:280px}.video-item{flex-direction:column;align-items:flex-start}.video-thumb{width:100%;height:180px}}.contactPage{max-width:1200px;margin:70px auto 40px;padding:20px;font-family:Arial,sans-serif}.pageTitle{font-size:2.8em;color:#e74c3c;text-align:center;margin-bottom:10px}.pageSubtitle{text-align:center;color:#666;font-size:1.1em;margin-bottom:40px}.contactContent{display:flex;gap:40px;margin-bottom:50px}.contactFormContainer{flex:2;padding:30px;background-color:#f7f7f7;border-radius:10px;box-shadow:0 4px 15px #0000000d}.formTitle{font-size:1.8em;color:#2c3e50;margin-bottom:25px;border-bottom:3px solid #e74c3c;padding-bottom:10px}.contactForm{display:flex;flex-direction:column;gap:15px}.formInput,.formTextarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1em;transition:border-color .3s ease}.formInput:focus,.formTextarea:focus{border-color:#e74c3c;outline:none;box-shadow:0 0 5px #e74c3c4d}.submitButton{background-color:#e74c3c;color:#fff;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;font-size:1.1em;font-weight:700;transition:background-color .3s ease,transform .2s ease}.submitButton:hover{background-color:#c0392b;transform:translateY(-2px)}.contactInfoContainer{flex:1;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000000d;border:1px solid #eee}.infoTitle{font-size:1.6em;color:#2c3e50;margin-bottom:20px}.infoItem{display:flex;align-items:center;gap:15px;margin-bottom:15px;color:#555}.infoIcon{color:#e74c3c;font-size:1.3em}.infoItem a{color:#e74c3c;text-decoration:none;font-weight:500}.socialIcons{margin-top:15px;display:flex;gap:15px}.socialLink{color:#e74c3c;font-size:1.5em}.noteText{margin-top:25px;font-style:italic;font-size:.9em;color:#999;border-top:1px dashed #eee;padding-top:15px}.mapContainer{margin-top:40px;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #0000001a}@media (max-width: 900px){.contactContent{flex-direction:column}.contactFormContainer,.contactInfoContainer{flex:none;width:100%;padding:20px}}@media (max-width: 600px){.pageTitle{font-size:2em}}.profile-wrapper{max-width:900px;margin:70px auto 40px;padding:20px;font-family:Inter,sans-serif}.profile-card{display:flex;align-items:center;background:#fff;padding:25px 30px;border-radius:16px;box-shadow:0 6px 20px #00000014;margin-bottom:30px}.profile-avatar{font-size:90px;color:#ff4d30;margin-right:20px}.profile-info h2{margin:0;font-size:24px;font-weight:600;color:#333}.profile-info p{margin-top:5px;color:#666}.profile-menu{display:grid;grid-template-columns:1fr 1fr;gap:18px}.menu-item{display:flex;align-items:center;background:#fff;padding:16px 20px;border-radius:14px;box-shadow:0 4px 14px #0000000d;cursor:pointer;transition:all .2s ease}.menu-item:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001a}.menu-icon{font-size:22px;margin-right:12px;color:#ff4d30}.menu-item span{font-size:16px;color:#333;font-weight:500}.menu-item p{margin-left:auto;font-weight:600;padding:6px 10px;color:#ff4d30;border-radius:8px;font-size:14px;min-width:80px;text-align:center}.profile-info input{width:100%;padding:10px 14px;margin:8px 0;border:1px solid #ddd;border-radius:10px;font-size:14px;transition:border-color .2s ease}.profile-info input:focus{outline:none;border-color:#ff4d30;box-shadow:0 0 0 2px #ff4d3033}.profile-info.editing{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.profile-info.editing h2,.profile-info.editing p{grid-column:1 / -1}.save-btn,.cancel-btn,.edit-btn{padding:10px 18px;margin-top:10px;border:none;border-radius:10px;font-size:14px;cursor:pointer;font-weight:500;transition:all .2s ease}.save-btn{background:#ff4d30;color:#fff;margin-right:10px}.save-btn:hover{background:#e63e24}.cancel-btn{background:#eee;color:#333}.cancel-btn:hover{background:#ddd}.edit-btn{background:#ff4d30;color:#fff;margin-top:15px}.edit-btn:hover{background:#e63e24}@media (max-width: 768px){.profile-wrapper{padding:15px}.profile-card{flex-direction:column;text-align:center}.profile-avatar{margin-right:0;margin-bottom:15px;font-size:70px}.profile-info h2{font-size:20px}.profile-info p{font-size:14px}.profile-menu{grid-template-columns:1fr;gap:14px}}@media (max-width: 480px){.profile-card{padding:20px}.profile-avatar{font-size:60px}.profile-info h2{font-size:18px}.profile-info p{font-size:13px}.menu-item{padding:14px 16px}.menu-item span{font-size:14px}}.menu-page{position:relative;overflow:hidden;width:100%;min-height:100vh;padding:140px 5% 100px;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(14,165,233,.08),transparent 35%),linear-gradient(180deg,#fff,#f8fafc 40%,#eef4ff)}.menu-page:before{content:"";position:absolute;top:-250px;left:-200px;width:550px;height:550px;background:radial-gradient(circle,rgba(37,99,235,.14),transparent 70%);filter:blur(60px);animation:glowMove 8s ease-in-out infinite alternate}.menu-page:after{content:"";position:absolute;right:-200px;bottom:-250px;width:500px;height:500px;background:radial-gradient(circle,rgba(14,165,233,.12),transparent 70%);filter:blur(70px);animation:glowMove2 10s ease-in-out infinite alternate}@keyframes glowMove{0%{transform:translateY(0) translate(0)}to{transform:translateY(60px) translate(50px)}}@keyframes glowMove2{0%{transform:translateY(0) translate(0)}to{transform:translateY(-50px) translate(-40px)}}.menu-section-display{position:relative;z-index:2;width:100%;max-width:1450px;margin:auto}.loading-message{text-align:center;padding:80px 20px;color:#64748b;font-size:18px;font-weight:700;animation:pulseLoading 1.8s infinite}@keyframes pulseLoading{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.menu-commitment{position:relative;overflow:hidden;width:100%;max-width:1450px;margin:100px auto 0;border-radius:40px;background:linear-gradient(135deg,#0f172af2,#1e293bf5);padding:90px 70px;box-shadow:0 30px 80px #0f172a26;isolation:isolate}.commitment-overlay{position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(37,99,235,.22),transparent 35%),radial-gradient(circle at bottom right,rgba(14,165,233,.18),transparent 35%);z-index:-1}.menu-commitment:before,.menu-commitment:after{content:"";position:absolute;border-radius:50%;filter:blur(20px);animation:floatingBubble 10s linear infinite}.menu-commitment:before{width:220px;height:220px;top:-80px;right:-60px;background:#2563eb33}.menu-commitment:after{width:180px;height:180px;bottom:-60px;left:-50px;background:#0ea5e92e;animation-duration:13s}@keyframes floatingBubble{0%{transform:translateY(0)}50%{transform:translateY(25px)}to{transform:translateY(0)}}.commitment-content{position:relative;z-index:2;max-width:900px}.commitment-tag{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#60a5fa;font-size:14px;font-weight:800;letter-spacing:1.5px;margin-bottom:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeUp .8s ease}.commitment-content h3{color:#fff;font-size:58px;line-height:1.1;font-weight:900;letter-spacing:-2px;margin-bottom:28px;animation:fadeUp 1s ease}.commitment-content h3 span{background:linear-gradient(90deg,#60a5fa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.commitment-content p{color:#ffffffbf;font-size:17px;line-height:1.9;margin-bottom:45px;animation:fadeUp 1.2s ease}.commitment-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;animation:fadeUp 1.4s ease}.commitment-item{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:20px 24px;border-radius:22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:15px;font-weight:700;transition:.45s ease}.commitment-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(37,99,235,.18),transparent);opacity:0;transition:.4s ease}.commitment-item:hover:before{opacity:1}.commitment-item:hover{transform:translateY(-8px);border-color:#60a5fa40;box-shadow:0 20px 40px #2563eb2e}.commitment-item svg{min-width:22px;color:#60a5fa;font-size:20px;animation:pulseIcon 2s infinite}@keyframes pulseIcon{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.commitment-content h3{font-size:48px}}@media (max-width: 992px){.menu-page{padding:120px 20px 80px}.menu-commitment{padding:70px 40px}.commitment-content h3{font-size:42px}.commitment-list{grid-template-columns:1fr}}@media (max-width: 768px){.menu-page{padding-top:100px}.menu-commitment{border-radius:30px;padding:60px 24px}.commitment-content h3{font-size:34px;line-height:1.2}.commitment-content p{font-size:15px}.commitment-item{padding:18px;font-size:14px}}@media (max-width: 480px){.commitment-content h3{font-size:28px}.commitment-tag{font-size:12px;padding:8px 18px}.menu-commitment{padding:50px 18px}}.about-page{max-width:1200px;margin:70px auto 80px;padding:0 20px;font-family:Arial,sans-serif}.about-header{text-align:center;padding:40px 0;margin-bottom:30px}.about-title{font-size:3rem;color:#e74c3c;font-weight:700;margin-bottom:15px}.about-subtitle{font-size:1.2rem;color:#555;max-width:800px;margin:0 auto 30px}.header-image-desktop{width:100%;max-height:400px;object-fit:cover;border-radius:15px;box-shadow:0 10px 30px #0000001a}.about-section{padding:30px 0;border-bottom:1px solid #eee}.about-section h2{font-size:2rem;color:#333;margin-bottom:25px;text-align:center;position:relative}.about-section h2:after{content:"";position:absolute;width:80px;height:4px;background-color:#e74c3c;bottom:-10px;left:50%;transform:translate(-50%);border-radius:2px}.about-section p{font-size:1rem;line-height:1.7;color:#666;max-width:900px;margin:0 auto;text-align:justify}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px;text-align:center}.value-item{padding:20px;border-radius:10px;background:#fff;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.value-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.value-item h3{font-size:1.2rem;color:#333;margin:15px 0 10px;font-weight:600}.commitment-section{text-align:center;border-bottom:none;padding-bottom:0}.cta-button-about{background-color:#e74c3c;color:#fff;padding:15px 40px;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:25px;display:inline-flex;align-items:center;gap:10px}.cta-button-about:hover{background-color:#c0392b;transform:scale(1.05)}@media (max-width: 768px){.about-title{font-size:2.5rem}.about-subtitle{font-size:1rem}.about-section h2{font-size:1.7rem}.values-grid{grid-template-columns:1fr}}.introduce-detail{position:relative;overflow:hidden;width:100%;padding:120px 5%;background:linear-gradient(180deg,#fff,#f8fafc)}.intro-bg-circle{position:absolute;border-radius:50%;filter:blur(90px);z-index:1}.intro-circle-1{top:-150px;left:-120px;width:420px;height:420px;background:#2563eb1f}.intro-circle-2{right:-120px;bottom:-150px;width:420px;height:420px;background:#0ea5e91f}.introduce-container{position:relative;z-index:2;width:100%;max-width:1400px;margin:auto auto 120px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.introduce-left{max-width:680px}.introduce-label,.capacity-label{display:inline-flex;align-items:center;padding:10px 22px;border-radius:999px;background:#2563eb14;border:1px solid rgba(37,99,235,.15);color:#2563eb;font-size:14px;font-weight:800;letter-spacing:1px;margin-bottom:25px}.introduce-left h2,.capacity-left h2{font-size:58px;line-height:1.1;font-weight:900;color:#0f172a;letter-spacing:-2px;margin-bottom:28px}.introduce-left h2 span,.capacity-left h2 span{background:linear-gradient(90deg,#2563eb,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.introduce-desc,.capacity-left p{color:#64748b;font-size:17px;line-height:1.9;margin-bottom:22px}.introduce-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:35px;margin-bottom:40px}.check-item{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;background:#fffc;border:1px solid rgba(148,163,184,.12);box-shadow:0 10px 30px #0f172a0d;font-size:15px;font-weight:700;color:#334155;transition:.35s ease}.check-item:hover{transform:translateY(-6px);border-color:#2563eb33;box-shadow:0 20px 45px #2563eb1a}.check-item svg{color:#2563eb}.introduce-btn{display:inline-flex;align-items:center;gap:12px;height:60px;padding:0 34px;border:none;border-radius:18px;cursor:pointer;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-size:15px;font-weight:800;box-shadow:0 20px 45px #2563eb40;transition:.35s ease}.introduce-btn:hover{transform:translateY(-5px);box-shadow:0 25px 55px #2563eb59}.introduce-btn svg{transition:.35s ease}.introduce-btn:hover svg{transform:translate(5px)}.introduce-right{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.introduce-card{position:relative;padding:34px 30px;border-radius:30px;overflow:hidden;background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 35px #0f172a0f;transition:.4s ease}.introduce-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0f172a1f}.introduce-icon{width:74px;height:74px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-size:30px;box-shadow:0 15px 35px #2563eb40}.introduce-card h3{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:14px}.introduce-card p{color:#64748b;line-height:1.8}.introduce-stats{position:relative;z-index:2;width:100%;max-width:1400px;margin:auto auto 120px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-box{padding:38px 25px;border-radius:28px;text-align:center;background:#fff;border:1px solid rgba(148,163,184,.12);box-shadow:0 15px 40px #0f172a0f;transition:.35s ease}.stat-box:hover{transform:translateY(-8px)}.stat-icon{width:70px;height:70px;margin:auto auto 22px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-size:28px}.stat-box h3{font-size:40px;font-weight:900;color:#0f172a;margin-bottom:10px}.stat-box p{color:#64748b;font-weight:600}.capacity-section{position:relative;z-index:2;width:100%;max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.capacity-list{display:grid;gap:18px;margin-top:35px}.capacity-item{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid rgba(148,163,184,.12);font-weight:700;color:#334155;box-shadow:0 10px 30px #0f172a0d;transition:.35s ease}.capacity-item:hover{transform:translate(6px)}.capacity-item svg{color:#2563eb}.capacity-right{position:relative;min-height:550px}.capacity-image{position:absolute;overflow:hidden;border-radius:32px;box-shadow:0 25px 60px #0f172a24}.capacity-image img{width:100%;height:100%;object-fit:cover;transition:.5s ease}.capacity-image:hover img{transform:scale(1.08)}.image-1{top:0;left:0;width:75%;height:380px}.image-2{bottom:0;right:0;width:60%;height:280px;border:8px solid white}@media (max-width: 1200px){.introduce-container,.capacity-section{grid-template-columns:1fr}.introduce-left,.capacity-left{max-width:100%}.capacity-right{min-height:500px}}@media (max-width: 900px){.introduce-right,.introduce-stats{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.introduce-detail{padding:90px 20px}.introduce-left h2,.capacity-left h2{font-size:40px;line-height:1.2}.introduce-checks,.introduce-right,.introduce-stats{grid-template-columns:1fr}.capacity-right{min-height:400px}.image-1{width:100%;height:260px}.image-2{width:75%;height:200px}}@media (max-width: 480px){.introduce-left h2,.capacity-left h2{font-size:32px}.introduce-card,.stat-box{padding:28px 22px}.introduce-btn{width:100%;justify-content:center}.capacity-right{min-height:320px}.image-1{height:210px}.image-2{height:160px}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.industrial-detail-page{position:relative;overflow:hidden;width:100%;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(14,165,233,.08),transparent 30%),linear-gradient(180deg,#f8fafc,#fff)}.industrial-detail-hero{position:relative;padding:125px 6% 90px;overflow:hidden}.industrial-detail-overlay{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 35%)}.industrial-detail-container{position:relative;z-index:2;width:100%;max-width:1450px;margin:auto;display:grid;grid-template-columns:minmax(0,620px) 1fr;gap:70px;align-items:center}.industrial-detail-image-wrap{position:relative;width:100%;max-width:620px;overflow:hidden;padding:10px 0 40px;isolation:isolate}.industrial-detail-image-wrap:before{content:"";position:absolute;width:420px;height:420px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.16),transparent 70%);filter:blur(25px);z-index:-1;animation:pulseGlow 6s ease-in-out infinite}.main-product-swiper{position:relative;z-index:2;width:100%;max-width:620px;overflow:hidden!important;padding:35px 0 45px;border-radius:36px}.main-product-swiper .swiper-wrapper{align-items:center}.main-product-swiper .swiper-slide{display:flex;justify-content:center;align-items:center;opacity:.35;transform:scale(.82);transition:transform .45s ease,opacity .45s ease;pointer-events:none}.main-product-swiper .swiper-slide-active{opacity:1!important;transform:scale(1)!important;z-index:10;pointer-events:auto}.main-product-swiper .swiper-slide-prev,.main-product-swiper .swiper-slide-next{opacity:.6;transform:scale(.9)}.industrial-detail-image{width:100%;height:560px;object-fit:cover;border-radius:34px;cursor:zoom-in;-webkit-user-select:none;user-select:none;background:#f1f5f9;box-shadow:0 25px 60px #0f172a29;transition:transform .45s ease,box-shadow .45s ease}.swiper-slide-active .industrial-detail-image:hover{transform:scale(1.02);box-shadow:0 35px 70px #0f172a38}.main-product-swiper .swiper-button-next,.main-product-swiper .swiper-button-prev{width:58px;height:58px;border-radius:50%;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 35px #0f172a29;color:#2563eb;transition:.35s ease;top:50%;transform:translateY(-50%)}.main-product-swiper .swiper-button-next:hover,.main-product-swiper .swiper-button-prev:hover{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;transform:translateY(-50%) scale(1.08)}.main-product-swiper .swiper-button-next:after,.main-product-swiper .swiper-button-prev:after{font-size:18px;font-weight:900}.main-product-swiper .swiper-pagination{bottom:0!important}.main-product-swiper .swiper-pagination-bullet{width:12px;height:12px;background:#cbd5e1;opacity:1;transition:.35s ease}.main-product-swiper .swiper-pagination-bullet-active{width:30px;border-radius:999px;background:#2563eb}.thumbnail-swiper{margin-top:22px;overflow:hidden}.thumbnail-swiper .swiper-slide{opacity:.4;transition:.35s ease;cursor:pointer;border-radius:18px}.thumbnail-swiper .swiper-slide-thumb-active{opacity:1;transform:translateY(-4px)}.thumbnail-image{width:100%;height:95px;object-fit:cover;border-radius:18px;border:3px solid transparent;transition:.35s ease;background:#f1f5f9;box-shadow:0 10px 25px #0f172a14}.thumbnail-swiper .swiper-slide-thumb-active .thumbnail-image{border-color:#2563eb}.industrial-detail-content{position:relative;z-index:5}.industrial-detail-tag{display:inline-flex;align-items:center;padding:10px 22px;border-radius:999px;background:#2563eb14;border:1px solid rgba(37,99,235,.12);color:#2563eb;font-size:14px;font-weight:800;letter-spacing:1px;margin-bottom:28px}.industrial-detail-content h1{font-size:52px;line-height:1.1;font-weight:900;color:#0f172a;margin-bottom:28px}.industrial-detail-desc{color:#64748b;font-size:16px;line-height:1.9;margin-bottom:35px}.industrial-detail-features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:40px}.detail-feature{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:20px;background:#ffffffc7;border:1px solid rgba(148,163,184,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px #0f172a0a;color:#334155;font-weight:700;transition:.35s ease}.detail-feature:hover{transform:translateY(-6px);border-color:#2563eb33;box-shadow:0 20px 45px #2563eb14}.detail-feature svg{color:#2563eb;font-size:18px}.industrial-detail-buttons{display:flex;gap:14px;flex-wrap:wrap}.detail-btn{height:54px;padding:0 26px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-size:15px;font-weight:800;transition:.35s ease}.detail-btn.primary{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 18px 40px #2563eb38}.detail-btn.primary:hover{transform:translateY(-5px);box-shadow:0 24px 50px #2563eb52}.detail-btn.secondary{background:#fff;border:1px solid rgba(148,163,184,.15);color:#0f172a}.detail-btn.secondary:hover{transform:translateY(-5px);border-color:#2563eb33;color:#2563eb}.youtube-btn{background:red;color:#fff}.youtube-btn:hover{transform:translateY(-5px);background:#d90000}.industrial-tech-section{padding:12px 6% 100px}.industrial-tech-container{width:100%;max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.industrial-tech-box{position:relative;padding:32px 28px;border-radius:32px;background:#ffffffc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);overflow:hidden;box-shadow:0 14px 40px #0f172a0f;transition:.45s ease}.industrial-tech-box:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0f172a1f}.tech-icon{width:68px;height:68px;border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-size:24px;box-shadow:0 18px 40px #2563eb40}.industrial-tech-box h3{color:#0f172a;font-size:22px;font-weight:800;margin-bottom:20px}.industrial-tech-box p,.industrial-tech-box li{color:#64748b;line-height:1.9;font-size:15px}.industrial-bottom-cta{padding:0 6% 110px}.cta-box{position:relative;width:100%;max-width:1350px;margin:auto;padding:60px 42px;border-radius:40px;overflow:hidden;text-align:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 30px 80px #2563eb40}.image-preview-modal{position:fixed;inset:0;z-index:99999;background:#000000f0;display:flex;align-items:center;justify-content:center;padding:30px;cursor:zoom-out;animation:fadeIn .3s ease}.image-preview-modal img{max-width:95%;max-height:92vh;border-radius:24px;object-fit:contain}.close-preview{position:absolute;top:30px;right:30px;width:58px;height:58px;border:none;border-radius:50%;background:#fff;color:#0f172a;font-size:22px;cursor:pointer;transition:.3s ease}.close-preview:hover{transform:rotate(90deg)}.industrial-detail-empty{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#0f172a}@keyframes pulseGlow{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.6}}@media (max-width: 1100px){.industrial-detail-container,.industrial-tech-container{grid-template-columns:1fr}.industrial-detail-image-wrap{margin:auto}.industrial-detail-content h1{font-size:44px}}@media (max-width: 768px){.industrial-detail-hero{padding:110px 20px 70px}.industrial-tech-section,.industrial-bottom-cta{padding-left:20px;padding-right:20px}.industrial-detail-content h1{font-size:34px}.industrial-detail-features{grid-template-columns:1fr}.industrial-detail-image{height:340px}.thumbnail-image{height:68px}.main-product-swiper .swiper-button-next,.main-product-swiper .swiper-button-prev{width:42px;height:42px}.main-product-swiper .swiper-button-next:after,.main-product-swiper .swiper-button-prev:after{font-size:14px}}@media (max-width: 480px){.industrial-detail-content h1{font-size:30px}.industrial-detail-desc{font-size:14px}.industrial-detail-image{height:280px;border-radius:24px}.detail-btn{width:100%}.thumbnail-image{height:60px;border-radius:14px}.main-product-swiper{padding-top:20px}}.news-page{width:100%;overflow:hidden;background:#f8fafc}.news-hero{position:relative;padding:150px 6% 120px;overflow:hidden}.news-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(#0f172ab3,#2563eb8c),url(https://images.unsplash.com/photo-1504307651254-35680f356dfd?q=80&w=1800);background-size:cover;background-position:center;animation:zoomHero 18s ease infinite}@keyframes zoomHero{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.news-hero-content{position:relative;z-index:2;max-width:1000px;margin:auto;text-align:center;color:#fff}.news-tag{display:inline-flex;padding:12px 24px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:14px;font-weight:800;margin-bottom:30px}.news-hero-content h1{font-size:68px;line-height:1.1;font-weight:900;margin-bottom:26px}.news-hero-content h1 span{display:block;background:linear-gradient(90deg,#93c5fd,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.news-hero-content p{max-width:850px;margin:auto;font-size:18px;line-height:1.9;color:#ffffffe0}.news-container{padding:100px 6%}.news-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.news-card{overflow:hidden;border-radius:34px;background:#fff;box-shadow:0 20px 60px #0f172a0f;transition:.5s ease}.news-card:hover{transform:translateY(-12px)}.news-card-image{position:relative;overflow:hidden}.news-card-image img{width:100%;height:280px;object-fit:cover;transition:.8s ease;animation:floatImg 5s ease-in-out infinite}@keyframes floatImg{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.news-card:hover img{transform:scale(1.08)}.news-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172a80;opacity:0;transition:.4s ease}.news-card:hover .news-card-overlay{opacity:1}.news-read-btn{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 28px;border-radius:18px;background:#fff;color:#2563eb;text-decoration:none;font-weight:800}.news-card-content{padding:34px}.news-meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.news-meta span{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px;font-weight:700}.news-card-content h2{margin-bottom:20px}.news-card-content h2 a{color:#0f172a;font-size:28px;line-height:1.4;font-weight:900;text-decoration:none;transition:.3s ease}.news-card-content h2 a:hover{color:#2563eb}.news-card-content p{color:#64748b;line-height:1.9;margin-bottom:28px}.news-detail-btn{display:inline-flex;align-items:center;gap:10px;color:#2563eb;font-weight:800;text-decoration:none}.news-detail-page{background:#f8fafc}.news-detail-hero{position:relative;padding:160px 6% 120px;overflow:hidden}.news-detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(#0f172ab3,#2563eb8c),url(https://images.unsplash.com/photo-1504307651254-35680f356dfd?q=80&w=1800);background-size:cover;background-position:center}.news-detail-content{position:relative;z-index:2;max-width:1100px;margin:auto;text-align:center;color:#fff}.detail-tag{display:inline-flex;padding:12px 24px;border-radius:999px;background:#ffffff1f;margin-bottom:28px;font-weight:800}.news-detail-content h1{font-size:64px;line-height:1.1;font-weight:900;margin-bottom:30px}.detail-meta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.detail-meta span{display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:16px;background:#ffffff1f;font-weight:700}.detail-container{max-width:1450px;margin:auto;padding:100px 6%;display:grid;grid-template-columns:2fr .9fr;gap:40px}.detail-main{background:#fff;border-radius:34px;overflow:hidden;box-shadow:0 20px 60px #0f172a0f}.detail-image img{width:100%;height:520px;object-fit:cover}.detail-article{padding:50px}.detail-article h2{font-size:42px;line-height:1.3;margin-bottom:30px;color:#0f172a}.detail-article p{color:#64748b;line-height:2;margin-bottom:24px}.seo-highlight{display:flex;gap:20px;padding:34px;border-radius:28px;margin:45px 0;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff}.seo-highlight svg{font-size:42px}.seo-highlight h3{font-size:28px;margin-bottom:12px}.seo-content h3{margin-top:40px;margin-bottom:16px;font-size:28px;color:#0f172a}.seo-content ul{padding-left:22px}.seo-content li{margin-bottom:12px;color:#475569}.detail-sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-box,.sidebar-contact,.sidebar-social{background:#fff;border-radius:30px;padding:34px;box-shadow:0 20px 60px #0f172a0f}.sidebar-box h3,.sidebar-contact h3,.sidebar-social h3{font-size:28px;margin-bottom:28px}.sidebar-post{display:flex;gap:16px;margin-bottom:22px;text-decoration:none}.sidebar-post img{width:110px;height:110px;border-radius:20px;object-fit:cover}.sidebar-post span{display:flex;align-items:center;gap:8px;color:#2563eb;font-size:13px;font-weight:700;margin-bottom:10px}.sidebar-post h4{color:#0f172a;line-height:1.6}.sidebar-contact{text-align:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff}.sidebar-contact svg{font-size:46px;margin-bottom:20px}.sidebar-contact p{line-height:1.9;margin-bottom:26px}.sidebar-contact a{display:inline-flex;align-items:center;justify-content:center;height:58px;padding:0 30px;border-radius:18px;background:#fff;color:#2563eb;text-decoration:none;font-weight:800}.social-list{display:flex;gap:16px}.social-list a{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-size:22px}.news-empty,.news-empty-page{padding:120px 20px;text-align:center;font-size:32px;font-weight:900;color:#0f172a}@media (max-width: 1100px){.news-grid,.detail-container{grid-template-columns:1fr}.news-hero-content h1,.news-detail-content h1{font-size:48px}}@media (max-width: 768px){.news-hero,.news-detail-hero{padding:120px 20px 80px}.news-container,.detail-container{padding:80px 20px}.news-grid{grid-template-columns:1fr}.news-hero-content h1,.news-detail-content h1{font-size:36px}.detail-article{padding:35px 24px}.detail-image img{height:300px}.seo-highlight{flex-direction:column}}@media (max-width: 480px){.news-hero-content h1,.news-detail-content h1{font-size:30px}.news-card-content h2 a,.detail-article h2{font-size:26px}}.formatted-text-block{white-space:pre-line;color:#334155;font-size:16px;line-height:1.7}.formatted-text-block p{margin-bottom:16px;text-align:justify}.formatted-text-block h3{font-size:20px;font-weight:700;color:#0f172a;margin-top:28px;margin-bottom:14px;letter-spacing:-.3px;text-transform:none}.detail-seo-desc{font-size:17px;font-weight:500;color:#475569;line-height:1.6;border-left:4px solid #6366f1;padding-left:16px;margin-bottom:24px;font-style:italic}.tile-detail-page{position:relative;overflow:hidden;width:100%;background:radial-gradient(circle at top left,rgba(37,99,235,.06),transparent 28%),radial-gradient(circle at bottom right,rgba(14,165,233,.06),transparent 32%),linear-gradient(180deg,#f8fafc,#fff)}.tile-container{width:100%;max-width:1280px;margin:auto}.tile-hero{position:relative;padding:110px 5% 80px;overflow:hidden}.tile-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}.tile-main-image-box{position:relative;width:100%;height:500px;border-radius:26px;overflow:hidden;box-shadow:0 18px 45px #0f172a1f}.tile-main-image{width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .5s ease}.tile-main-image-box:hover .tile-main-image{transform:none}.tile-expand-btn{position:absolute;top:18px;right:18px;width:48px;height:48px;border:none;border-radius:14px;background:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:15px;cursor:pointer;z-index:5;transition:.35s ease}.tile-expand-btn:hover{transform:scale(1.08)}.tile-floating-badge{position:absolute;left:20px;bottom:20px;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:#ffffff24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:14px;font-weight:700}.tile-content-side h1{font-size:48px;line-height:1.15;font-weight:900;color:#0f172a;margin-bottom:20px}.tile-tag,.tile-tagg{display:inline-flex;align-items:center;padding:8px 18px;border-radius:999px;background:#2563eb14;border:1px solid rgba(37,99,235,.1);color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.8px;margin-bottom:18px}.tile-tagg{position:relative;top:-4px;left:-4px}.tile-desc{font-size:15px;line-height:1.8;color:#64748b;margin-bottom:30px}.tile-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:30px}.tile-feature-card{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;background:#fffc;border:1px solid rgba(226,232,240,.8);color:#334155;font-size:14px;font-weight:700;transition:.35s ease}.tile-feature-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #2563eb14}.tile-feature-card svg{color:#2563eb;font-size:16px}.tile-btn-group{display:flex;flex-wrap:wrap;gap:14px}.tile-btn{height:52px;padding:0 24px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:14px;font-weight:700;transition:.35s ease}.tile-btn.primary{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 12px 30px #2563eb2e}.tile-btn.secondary{background:#fff;border:1px solid rgba(148,163,184,.18);color:#0f172a}.tile-btn.youtube{background:linear-gradient(135deg,red,#d90000);color:#fff}.tile-btn:hover{transform:translateY(-4px)}.tile-info-section,.tile-gallery-section,.tile-related-section{padding:0 5% 90px}.tile-info-grid,.tile-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tile-info-card{padding:28px;border-radius:24px;background:#ffffffd9;border:1px solid rgba(226,232,240,.8);box-shadow:0 12px 35px #0f172a0d;transition:.35s ease}.tile-info-card:hover{transform:translateY(-6px)}.tile-info-icon{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-size:22px}.tile-info-card h3{font-size:20px;font-weight:800;margin-bottom:12px;color:#0f172a}.tile-info-card p{font-size:14px;line-height:1.8;color:#64748b}.tile-section-heading{text-align:center;margin-bottom:45px}.tile-section-heading span{color:#2563eb;font-size:12px;font-weight:800;letter-spacing:1px}.tile-section-heading h2{font-size:38px;font-weight:900;margin-top:12px;color:#0f172a}.tile-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile-gallery-item{position:relative;overflow:hidden;border-radius:22px;aspect-ratio:4 / 3;box-shadow:0 14px 35px #0f172a0f}.tile-gallery-item.large{grid-column:span 2;grid-row:span 2}.tile-gallery-item img{width:100%;height:100%;object-fit:cover;transition:.7s ease}.tile-gallery-item:hover img{transform:none}.tile-gallery-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:18px;opacity:0;background:linear-gradient(to top,rgba(15,23,42,.65),transparent);transition:.35s ease}.tile-gallery-item:hover .tile-gallery-overlay{opacity:1}.tile-gallery-overlay button{width:46px;height:46px;border:none;border-radius:14px;background:#fff;color:#2563eb;cursor:pointer}.tile-related-card{overflow:hidden;border-radius:24px;background:#fff;text-decoration:none;box-shadow:0 12px 35px #0f172a0f;transition:.35s ease}.tile-related-card:hover{transform:translateY(-6px)}.tile-related-image img{width:100%;height:210px;object-fit:cover;transition:.7s ease}.tile-related-card:hover img{transform:scale(1.05)}.tile-related-content{padding:22px}.tile-related-content h3{font-size:20px;font-weight:800;margin-bottom:10px;color:#0f172a}.tile-related-content p{font-size:14px;line-height:1.7;color:#64748b;margin-bottom:18px}.tile-related-content span{display:inline-flex;align-items:center;gap:8px;color:#2563eb;font-size:14px;font-weight:700}.tile-cta-section{padding:0 5% 100px}.tile-cta-box{position:relative;max-width:1180px;margin:auto;padding:60px 35px;border-radius:30px;overflow:hidden;text-align:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 22px 60px #2563eb33}.tile-cta-box svg{font-size:44px;margin-bottom:18px}.tile-cta-box h2{font-size:34px;font-weight:900;margin-bottom:16px}.tile-cta-box p{max-width:760px;margin:auto auto 28px;font-size:15px;line-height:1.8}.tile-cta-box a{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 28px;border-radius:14px;background:#fff;color:#2563eb;text-decoration:none;font-size:14px;font-weight:800;transition:.35s ease}@media (max-width: 1100px){.tile-hero-grid,.tile-info-grid,.tile-gallery-grid,.tile-related-grid{grid-template-columns:1fr}.tile-gallery-item.large{grid-column:auto;grid-row:auto}.tile-content-side h1{font-size:40px}.tile-main-image-box{height:420px}}@media (max-width: 768px){.tile-hero{padding:90px 20px 70px}.tile-content-side h1{font-size:32px}.tile-feature-grid{grid-template-columns:1fr}.tile-main-image-box{height:320px}.tile-section-heading h2{font-size:30px}.tile-btn{width:100%}.tile-cta-box{padding:45px 20px}.tile-cta-box h2{font-size:28px}}.tile-preview-modal{position:fixed;inset:0;width:100%;height:100vh;background:#000000e0;display:flex;align-items:center;justify-content:center;padding:30px;z-index:999999;animation:tileFadeIn .3s ease}.tile-preview-image{width:auto!important;height:auto!important;max-width:90vw;max-height:85vh;object-fit:contain!important;border-radius:18px;transform:none!important;scale:1!important;transition:none!important;animation:none!important;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;cursor:zoom-out;box-shadow:0 20px 60px #00000073}.tile-close-preview{position:absolute;top:24px;right:24px;width:52px;height:52px;border:none;border-radius:50%;background:#fff;color:#0f172a;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000000;transition:.3s ease}.tile-close-preview:hover{transform:rotate(90deg) scale(1.08)}@keyframes tileFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tileZoomIn{0%{opacity:0}to{opacity:1}}.tile-thumbnail-row{display:flex;gap:14px;margin-top:18px;overflow-x:auto;padding-bottom:6px}.tile-thumbnail-row::-webkit-scrollbar{height:6px}.tile-thumbnail-row::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}.tile-thumb{position:relative;min-width:95px;width:95px;height:95px;border-radius:18px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:.35s ease;box-shadow:0 10px 24px #0f172a14}.tile-thumb img{width:100%;height:100%;object-fit:cover;transition:.5s ease}.tile-thumb:hover img{transform:scale(1.08)}.tile-thumb.active{border-color:#2563eb;transform:translateY(-3px);box-shadow:0 12px 30px #2563eb38}.tile-btn{border:none;cursor:pointer}.tile-btn.secondary:hover{background:#f8fafc}.tile-floating-contact{position:fixed;right:22px;bottom:22px;z-index:9999;display:flex;flex-direction:column;gap:14px}.tile-floating-contact a{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px;font-weight:800;color:#fff;box-shadow:0 12px 35px #0f172a2e;transition:.35s ease}.tile-floating-contact a:first-child{background:linear-gradient(135deg,#2563eb,#0ea5e9)}.tile-floating-contact a:last-child{background:linear-gradient(135deg,#0084ff,#06f)}.tile-floating-contact a:hover{transform:translateY(-5px) scale(1.05)}.tile-gallery-item{cursor:pointer}.tile-gallery-overlay button{transition:.35s ease}.tile-gallery-overlay button:hover{transform:scale(1.08)}.tile-related-card{cursor:pointer}.tile-related-content span{transition:.35s ease}.tile-related-card:hover .tile-related-content span{gap:16px}.tile-preview-modal img{cursor:zoom-out}@media (max-width: 768px){.tile-thumbnail-row{gap:10px}.tile-thumb{min-width:75px;width:75px;height:75px}.tile-floating-contact{right:16px;bottom:16px}.tile-floating-contact a{width:52px;height:52px;border-radius:16px}.tile-preview-modal{padding:16px}.tile-preview-modal img{max-width:100%}.tile-preview-modal img:hover{transform:none!important}.tile-close-preview{top:16px;right:16px;width:46px;height:46px}}.tile-video-card{position:relative;overflow:hidden;border-radius:22px;aspect-ratio:4 / 3;text-decoration:none;box-shadow:0 14px 35px #0f172a14;cursor:pointer}.tile-video-card img{width:100%;height:100%;object-fit:cover;transition:.6s ease}.tile-video-card:hover img{transform:scale(1.08)}.tile-video-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(to top,#000000b8,#00000040);color:#fff}.tile-video-overlay svg{font-size:56px;color:red;filter:drop-shadow(0 8px 20px rgba(255,0,0,.35))}.tile-video-overlay span{font-size:18px;font-weight:800}.tile-nav-btn{position:fixed;top:50%;transform:translateY(-50%);width:58px;height:58px;border:none;border-radius:18px;background:#0f172ad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;transition:.35s ease;box-shadow:0 14px 35px #00000040}.tile-nav-btn:hover{transform:translateY(-50%) scale(1.08);background:#2563eb}.tile-nav-prev{left:18px}.tile-nav-next{right:18px}@media (max-width: 768px){.tile-nav-btn{width:48px;height:48px;font-size:15px;border-radius:14px}.tile-nav-prev{left:10px}.tile-nav-next{right:10px}}.list-video-page{width:100%;padding:80px 20px;background:#f8fafc}.video-container{max-width:1400px;margin:auto}.video-hero{text-align:center;margin-bottom:50px}.video-hero h1{font-size:42px;font-weight:800;color:#0f172a}.video-hero span{color:#2563eb}.video-filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px;flex-wrap:wrap}.video-search{position:relative;width:100%;max-width:420px}.video-search input{width:100%;height:54px;border-radius:16px;border:1px solid #dbeafe;padding:0 20px 0 50px;font-size:15px;outline:none;background:#fff}.search-icon{position:absolute;top:50%;left:18px;transform:translateY(-50%);color:#64748b}.video-count{font-weight:700;color:#334155}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(550px,1fr));gap:30px}.video-card{display:flex;align-items:stretch;background:#fff;border-radius:24px;overflow:hidden;border:1px solid #e2e8f0;transition:.4s;height:320px}.video-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000014}.video-thumb{position:relative;flex:0 0 45%;height:100%;background:#0f172a}.video-placeholder{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.youtube-icon{position:absolute;font-size:120px;color:#ffffff14}.play-button{width:85px;height:85px;border-radius:50%;border:none;background:#ef4444;color:#fff;font-size:30px;cursor:pointer;z-index:2;transition:.3s}.play-button:hover{transform:scale(1.1)}.youtube-frame{width:100%;height:100%}.video-content{flex:1;padding:28px;display:flex;flex-direction:column}.video-category{font-size:11px;font-weight:800;text-transform:uppercase;color:#2563eb;letter-spacing:1px;margin-bottom:10px}.video-content h3{font-size:24px;font-weight:700;color:#0f172a;line-height:1.4;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-content p{font-size:15px;line-height:1.7;color:#64748b;margin-bottom:25px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-btn{margin-top:auto;width:fit-content;border:none;background:#2563eb;color:#fff;padding:14px 22px;border-radius:14px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.3s}.video-btn:hover{background:#1d4ed8}.video-empty{grid-column:1/-1;text-align:center;padding:80px 20px;background:#fff;border-radius:24px;color:#64748b;font-size:18px}@media (max-width: 768px){.video-grid{grid-template-columns:1fr}.video-card{flex-direction:column;height:auto}.video-thumb{height:240px}.video-content{padding:20px}.video-hero h1{font-size:30px}}:root{--primary: #2563eb;--primary-light: #60a5fa;--dark: #0f172a;--gray: #64748b;--border: #e2e8f0;--bg-main: #f1f5f9;--card-bg: rgba(255, 255, 255, .88);--danger: #e11d48;--danger-bg: #fff1f2;--success: #16a34a;--shadow: 0 15px 40px rgba(15, 23, 42, .06);--shadow-hover: 0 24px 55px rgba(15, 23, 42, .12);--transition: .35s ease}.list-page{position:relative;min-height:100vh;padding:28px;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(14,165,233,.08),transparent 35%),var(--bg-main);overflow-x:hidden;font-family:Inter,Segoe UI,sans-serif}.list-loading{padding:100px 20px;text-align:center;font-size:15px;font-weight:800;color:var(--primary);letter-spacing:2px;text-transform:uppercase;animation:pulseGlow 1.4s infinite alternate}@keyframes pulseGlow{0%{opacity:.55}to{opacity:1}}.list-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.list-top h1{font-size:34px;font-weight:900;color:var(--dark);margin-bottom:6px}.list-top p{font-size:15px;color:var(--gray)}.list-count{min-width:160px;padding:16px 20px;border-radius:20px;background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:800;color:var(--primary);box-shadow:var(--shadow)}.list-search{height:54px;max-width:420px;display:flex;align-items:center;gap:12px;padding:0 18px;border-radius:18px;background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow);margin-bottom:24px;transition:var(--transition)}.list-search:focus-within{border-color:#2563eb40;box-shadow:0 0 0 4px #2563eb14,var(--shadow)}.list-search input{width:100%;border:none;outline:none;background:transparent;font-size:14px;color:var(--dark)}.list-search input::placeholder{color:#94a3b8}.list-table{overflow:hidden;border-radius:28px;background:var(--card-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow)}.list-table-header,.list-table-row{display:grid;grid-template-columns:90px 2fr 160px 180px;gap:24px;align-items:center;padding:18px 24px}.list-table-header{background:#f1f5f9e6;border-bottom:1px solid var(--border);font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gray)}.list-table-row{position:relative;border-bottom:1px solid var(--border);transition:var(--transition);background:#ffffff8c}.list-table-row:last-child{border-bottom:none}.list-table-row:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:inset 4px 0 0 var(--primary)}.list-table-row img{width:64px;height:64px;object-fit:cover;border-radius:14px;border:1px solid var(--border);background:#fff;padding:4px;transition:var(--transition)}.list-table-row:hover img{transform:scale(1.04)}.product-info h3{font-size:15px;font-weight:800;color:var(--dark);margin-bottom:6px}.product-info p{font-size:13px;line-height:1.6;color:var(--gray)}.category-badge{width:fit-content;padding:8px 14px;border-radius:999px;background:#2563eb14;color:var(--primary);font-size:12px;font-weight:700;border:1px solid rgba(37,99,235,.12)}.list-actions{display:flex;gap:10px}.edit-btn,.delete-btn{height:42px;padding:0 16px;border:none;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:13px;font-weight:700;transition:var(--transition)}.edit-btn{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;box-shadow:0 10px 24px #0f172a1f}.edit-btn:hover{transform:translateY(-2px);opacity:.94}.delete-btn{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(225,29,72,.08)}.delete-btn:hover{background:#ffe4e6;transform:translateY(-2px);box-shadow:0 10px 20px #e11d481f}.edit-modal{position:fixed;inset:0;z-index:99999;padding:24px;display:flex;align-items:center;justify-content:center;background:#0f172a59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .25s ease}.edit-box{width:100%;max-width:560px;padding:30px;border-radius:30px;background:#fffffff5;border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 80px #0f172a29;animation:slideUp .3s ease}.edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.edit-header h2{font-size:24px;font-weight:800;color:var(--dark)}.edit-header button{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:#fff;cursor:pointer;transition:var(--transition)}.edit-header button:hover{background:var(--danger-bg);color:var(--danger);border-color:#e11d482e}.edit-form{display:flex;flex-direction:column;gap:18px}.edit-form input,.edit-form textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:#ffffffe6;outline:none;font-size:14px;transition:var(--transition);box-sizing:border-box}.edit-form textarea{min-height:120px;resize:vertical}.edit-form input:focus,.edit-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a}.save-btn{height:52px;border:none;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:14px;font-weight:800;cursor:pointer;margin-top:6px;transition:var(--transition);box-shadow:0 14px 30px #2563eb33}.save-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px #2563eb47}.add-product-btn{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:18px;text-decoration:none;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:0 14px 30px #2563eb33;transition:var(--transition)}.add-product-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px #2563eb4d}@media (max-width: 1100px){.list-table-header,.list-table-row{grid-template-columns:80px 1.5fr 130px 160px}}@media (max-width: 900px){.list-page{padding:18px}.list-top{flex-direction:column;align-items:flex-start}.list-search{max-width:100%}.list-table{background:transparent;border:none;box-shadow:none}.list-table-header{display:none}.list-table-row{grid-template-columns:1fr;gap:16px;margin-bottom:18px;padding:22px;border-radius:24px;background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow)}.list-actions{justify-content:flex-start}}@media (max-width: 480px){.list-top h1{font-size:28px}.edit-box{padding:22px;border-radius:24px}.edit-header h2{font-size:20px}.edit-btn,.delete-btn{flex:1}}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 40px;background:#fff;position:sticky;top:0;left:0;z-index:100}.logo{height:40px;cursor:pointer}.navbar-links{display:flex;gap:20px}.navbar-links .nav-link{text-decoration:none;font-size:16px;color:#2d2d2d;font-weight:500;transition:.2s}.navbar-links .nav-link:hover{color:#ff4d4f}.navbar-search{display:flex;align-items:center;margin-right:15px;position:relative}.search-icon{width:22px;height:22px;cursor:pointer}.search-input{margin-left:8px;padding:5px 10px;border:1px solid #ccc;border-radius:20px;outline:none;font-size:14px;width:180px;transition:all .3s ease-in-out}.navbar-user{display:flex;align-items:center;gap:10px}.navbar-user img{width:28px;height:28px}.profile{font-size:14px;font-weight:500;color:#333}.logout-btn{border:none;background:transparent;cursor:pointer}.logout-btn img{width:22px;height:22px}:root{--primary-accent: #2563eb;--secondary-accent: #0ea5e9;--sidebar-width: 260px;--sidebar-collapsed-width: 78px;--sidebar-bg: rgba(255, 255, 255, .72);--sidebar-hover: rgba(255, 255, 255, .92);--sidebar-active: rgba(255, 255, 255, .96);--border-color: rgba(148, 163, 184, .14);--text-primary: #0f172a;--text-secondary: #0b1220;--font-family-default: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--shadow-light: 0 10px 35px rgba(15, 23, 42, .06);--shadow-hover: 0 18px 45px rgba(37, 99, 235, .08);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.sidebar{font-family:var(--font-family-default);position:sticky;top:0;left:0;width:var(--sidebar-width);min-height:100vh;padding:26px 16px;background:var(--sidebar-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-right:1px solid var(--border-color);box-shadow:var(--shadow-light);overflow-y:auto;transition:var(--transition-smooth);z-index:100}.sidebar-icon.icon-primary{color:var(--primary-accent)}.sidebar-icon.icon-success{color:#16a34a}.sidebar-icon.icon-warning{color:#f59e0b}.sidebar-icon.icon-danger{color:#ef4444}.sidebar-icon.icon-info{color:var(--secondary-accent)}.sidebar-option:hover .sidebar-icon.icon-primary,.sidebar-option.active .sidebar-icon.icon-primary{color:var(--primary-accent);filter:drop-shadow(0 0 6px rgba(37,99,235,.12))}.sidebar-option:hover .sidebar-icon.icon-success,.sidebar-option.active .sidebar-icon.icon-success{filter:drop-shadow(0 0 6px rgba(22,163,74,.12))}.sidebar-option:hover .sidebar-icon.icon-warning,.sidebar-option.active .sidebar-icon.icon-warning{filter:drop-shadow(0 0 6px rgba(245,158,11,.12))}.sidebar-option:hover .sidebar-icon.icon-danger,.sidebar-option.active .sidebar-icon.icon-danger{filter:drop-shadow(0 0 6px rgba(239,68,68,.12))}.sidebar-option:hover .sidebar-icon.icon-info,.sidebar-option.active .sidebar-icon.icon-info{filter:drop-shadow(0 0 6px rgba(14,165,233,.12))}.sidebar-option p{color:var(--text-primary);font-weight:600}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.sidebar-options{display:flex;flex-direction:column;gap:10px}.sidebar-option{position:relative;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;text-decoration:none;color:var(--text-secondary);font-size:14px;font-weight:600;border:1px solid transparent;overflow:hidden;transition:var(--transition-smooth)}.sidebar-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent);opacity:0;transition:var(--transition-smooth);pointer-events:none}.sidebar-icon{min-width:20px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#000103;transition:var(--transition-smooth)}.sidebar-option p{margin:0;flex:1;letter-spacing:.2px;transition:var(--transition-smooth)}.sidebar-option:hover{background:var(--sidebar-hover);color:var(--primary-accent);border-color:#2563eb14;transform:translate(5px);box-shadow:var(--shadow-hover)}.sidebar-option:hover:before{opacity:1}.sidebar-option:hover .sidebar-icon{color:var(--primary-accent);transform:scale(1.08)}.sidebar-option.active{background:var(--sidebar-active);color:var(--primary-accent);border:1px solid rgba(37,99,235,.12);box-shadow:0 10px 30px #2563eb14,inset 0 1px #ffffffa6;font-weight:700}.sidebar-option.active .sidebar-icon{color:var(--primary-accent);filter:drop-shadow(0 0 8px rgba(37,99,235,.18))}.sidebar-option.active:after{content:"";position:absolute;left:0;top:18%;width:4px;height:64%;border-radius:0 8px 8px 0;background:linear-gradient(180deg,var(--primary-accent),var(--secondary-accent));box-shadow:0 0 14px #2563eb40}hr{border:none;border-top:1px solid rgba(148,163,184,.12);margin:14px 0}.app-content{display:flex;min-height:100vh;background:radial-gradient(circle at top left,rgba(37,99,235,.04),transparent 28%),radial-gradient(circle at bottom right,rgba(14,165,233,.04),transparent 32%),linear-gradient(180deg,#f8fafc,#eef4ff)}.flex-col{display:flex;flex-direction:column;gap:8px}@media (max-width: 900px){.sidebar{width:var(--sidebar-collapsed-width);padding:20px 10px}.sidebar-options{gap:12px}.sidebar-option{justify-content:center;padding:14px;border-radius:16px}.sidebar-option:hover{transform:scale(1.05)}.sidebar-option p{display:none}.sidebar-icon{font-size:20px}.sidebar-option.active:after{top:10%;height:80%}}@media (max-width: 768px){.sidebar{width:72px}.sidebar-option{padding:13px}.sidebar-icon{font-size:19px}}.admin-login{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:20px;box-sizing:border-box}.admin-login-container{background:#1e293bb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:16px;width:100%;max-width:400px;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;gap:20px;animation:fadeInDown .6s ease-out}.admin-login-container h2{color:#fff;font-size:28px;font-weight:600;text-align:center;margin-bottom:10px;letter-spacing:.5px;position:relative}.admin-login-container h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:4px;background:#ff4c29;border-radius:2px}.admin-login-container input{width:100%;padding:14px 16px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:15px;outline:none;box-sizing:border-box;transition:all .3s ease}.admin-login-container input::placeholder{color:#94a3b8;opacity:.8}.admin-login-container input:focus{border-color:#ff4c29;background:#0f172acc;box-shadow:0 0 0 3px #ff4c2933}.admin-login-container button{width:100%;padding:14px;background:#ff4c29;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;display:flex;justify-content:center;align-items:center}.admin-login-container button:hover{background:#e03a16;box-shadow:0 8px 20px #ff4c294d;transform:translateY(-1px)}.admin-login-container button:active{transform:translateY(1px);box-shadow:none}.admin-login-container button:disabled{background:#64748b;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.admin-login-container{padding:30px 20px}.admin-login-container h2{font-size:24px}}:root{--primary: #2563eb;--primary-light: #60a5fa;--secondary: #0ea5e9;--bg-main: #f4f7fb;--bg-card: rgba(255, 255, 255, .72);--text-main: #0f172a;--text-secondary: #64748b;--border: rgba(148, 163, 184, .12);--shadow-sm: 0 4px 18px rgba(15, 23, 42, .05);--shadow-md: 0 12px 35px rgba(15, 23, 42, .08);--shadow-lg: 0 18px 45px rgba(37, 99, 235, .12);--radius-lg: 26px;--radius-md: 18px;--transition: all .35s ease}.admin-dashboard{position:relative;min-height:100vh;padding:32px;overflow:hidden;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(14,165,233,.08),transparent 35%),linear-gradient(180deg,#f8fafc,#eef4fb)}.admin-dashboard:before,.admin-dashboard:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.admin-dashboard:before{width:320px;height:320px;background:#2563eb1f;top:-120px;left:-120px}.admin-dashboard:after{width:280px;height:280px;background:#0ea5e91f;right:-100px;bottom:-100px}.dashboard-header,.dashboard-grid,.dashboard-section,.dashboard-intro{position:relative;z-index:2}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:36px;font-weight:900;color:var(--text-main);margin-bottom:10px;letter-spacing:-1px}.dashboard-header p{max-width:760px;font-size:15px;line-height:1.7;color:var(--text-secondary)}.dashboard-loading{padding:120px 20px;text-align:center}.dashboard-loading h2{font-size:20px;font-weight:700;color:var(--primary);animation:pulseGlow 1.5s infinite alternate}@keyframes pulseGlow{0%{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-bottom:40px}.dashboard-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:24px;border-radius:var(--radius-lg);background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition)}.dashboard-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(37,99,235,.08),transparent);opacity:0;transition:var(--transition)}.dashboard-card:hover:before{opacity:1}.dashboard-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:#2563eb26}.dashboard-card-icon{width:68px;height:68px;min-width:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:28px;box-shadow:0 12px 30px #2563eb40;transition:var(--transition)}.dashboard-card:hover .dashboard-card-icon{transform:scale(1.08) rotate(4deg)}.dashboard-card h3{font-size:32px;font-weight:900;color:var(--text-main);margin-bottom:4px}.dashboard-card p{font-size:14px;font-weight:600;color:var(--text-secondary)}.dashboard-section{margin-bottom:40px}.dashboard-section h2{font-size:24px;font-weight:800;color:var(--text-main);margin-bottom:20px}.dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.dashboard-action-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:22px;border-radius:var(--radius-md);text-decoration:none;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--text-main);box-shadow:var(--shadow-sm);transition:var(--transition)}.dashboard-action-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(37,99,235,.08),transparent);opacity:0;transition:var(--transition)}.dashboard-action-card:hover:before{opacity:1}.dashboard-action-card:hover{transform:translateY(-6px);border-color:#2563eb29;box-shadow:var(--shadow-md)}.dashboard-action-card svg{position:relative;z-index:2;font-size:22px;color:var(--primary);transition:var(--transition)}.dashboard-action-card:hover svg{transform:translate(3px) scale(1.08);color:var(--secondary)}.dashboard-action-card span{position:relative;z-index:2;font-size:15px;font-weight:700}.dashboard-intro{position:relative;overflow:hidden;padding:40px;border-radius:30px;background:linear-gradient(135deg,#2563ebe6,#0ea5e9e6);color:#fff;box-shadow:0 25px 55px #2563eb33}.dashboard-intro:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:#ffffff14;top:-140px;right:-100px}.dashboard-intro:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#ffffff0d;bottom:-100px;left:-60px}.dashboard-intro-content{position:relative;z-index:2}.dashboard-intro h2{font-size:34px;font-weight:900;margin-bottom:16px}.dashboard-intro p{max-width:760px;font-size:15px;line-height:1.8;color:#ffffffe6;margin-bottom:30px}.dashboard-highlight{display:flex;flex-wrap:wrap;gap:14px}.dashboard-highlight div{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);transition:var(--transition)}.dashboard-highlight div:hover{transform:translateY(-4px);background:#ffffff2e}.dashboard-highlight svg{font-size:18px;color:#fff}.dashboard-highlight span{font-size:14px;font-weight:700;color:#fff}@media (max-width: 992px){.admin-dashboard{padding:24px}.dashboard-header h1{font-size:30px}.dashboard-intro{padding:32px}.dashboard-intro h2{font-size:28px}}@media (max-width: 768px){.dashboard-grid,.dashboard-actions{grid-template-columns:1fr}.dashboard-card{padding:20px}.dashboard-card-icon{width:58px;height:58px;min-width:58px;font-size:24px}.dashboard-highlight{flex-direction:column}.dashboard-intro{padding:26px}}@media (max-width: 480px){.admin-dashboard{padding:16px}.dashboard-header h1{font-size:24px}.dashboard-header p{font-size:14px}.dashboard-card h3{font-size:24px}.dashboard-intro{padding:22px;border-radius:22px}.dashboard-intro h2{font-size:22px}.dashboard-intro p{font-size:14px}.dashboard-highlight div{width:100%}}.dashboard-charts-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;margin-bottom:40px}.chart-container{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px #00000026}.chart-container h3{font-size:16px;font-weight:700;color:#000;margin-bottom:20px;letter-spacing:.3px}.dashboard-card-icon.purple{background:linear-gradient(135deg,#6366f1,#4f46e5)}.dashboard-card-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.dashboard-card-icon.pink{background:linear-gradient(135deg,#ec4899,#be185d)}.dashboard-card-icon.green{background:linear-gradient(135deg,#10b981,#047857)}@media (max-width: 600px){.dashboard-charts-wrapper{grid-template-columns:1fr}}.add-container{width:65%;margin:40px auto;padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;font-family:Outfit,sans-serif;color:#444}.add-form{display:flex;flex-direction:column;gap:25px}.form-group p{font-weight:500;margin-bottom:8px;color:#555}.form-group-image{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.image-upload-label{cursor:pointer;transition:all .2s ease-in-out}.image-upload-label img{width:150px;height:150px;border:2px dashed #e0e0e0;border-radius:10px;object-fit:contain;transition:border-color .2s ease-in-out}.image-upload-label:hover img{border-color:tomato}.form-group{display:flex;flex-direction:column;gap:8px}.form-group-flex{display:flex;gap:20px}.form-group-flex .form-group{flex:1}input,textarea,select{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;color:#555;background-color:#fcfcfc;transition:all .2s ease-in-out;outline:none}input:focus,textarea:focus,select:focus{border-color:tomato;box-shadow:0 0 0 2px #ff63471a}textarea{resize:vertical;min-height:100px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13%205.1L146.2%20204.7%2018.6%2074.5c-6-6.2-16.6-6.2-22.6%200-6%206.1-6%2016.9%200%2023l120.7%20117.9c6.4%206.2%2016.8%206.2%2023.2%200l121.3-117.9c6-6.1%206-16.9%200-23z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px center;background-size:10px}.submit-btn{padding:12px 25px;border:none;border-radius:8px;background-color:tomato;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 10px #ff63474d;align-self:flex-start}.submit-btn:hover{background-color:#e5533d;transform:translateY(-2px);box-shadow:0 6px 15px #ff634766}.submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.add-container{width:95%;margin:20px auto;padding:20px}.form-group-flex{flex-direction:column;gap:20px}.submit-btn{width:100%;align-self:center}}:root{--primary: #2563eb;--primary-light: #60a5fa;--dark: #0f172a;--gray: #64748b;--border: #e2e8f0;--bg-main: #f1f5f9;--card-bg: rgba(255, 255, 255, .88);--danger: #e11d48;--danger-bg: #fff1f2;--success: #16a34a;--warning: #f59e0b;--shadow: 0 15px 40px rgba(15, 23, 42, .06);--shadow-hover: 0 24px 55px rgba(15, 23, 42, .12);--transition: .35s ease}.mailbox-container{position:relative;padding:28px;margin:0 auto;width:100%;max-width:1200px;min-height:100vh;border-radius:30px;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(14,165,233,.08),transparent 35%),var(--bg-main);overflow:hidden;font-family:Inter,Outfit,sans-serif;color:var(--dark)}.mailbox-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.mailbox-header h3{font-size:34px;font-weight:900;color:var(--dark);margin:0 0 6px}.mailbox-header p{margin:0;color:var(--gray);font-size:15px}.mailbox-loading,.mailbox-empty{text-align:center;padding:80px 20px;color:var(--gray);font-size:15px;font-weight:700}.contact-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin:25px 0 32px}.metric-card{padding:18px 20px;border-radius:24px;background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;transition:var(--transition)}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.metric-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.metric-value{font-size:28px;font-weight:800;color:var(--dark)}.metric-value.accent-purple{color:#7c3aed}.metric-value.accent-blue{color:var(--primary)}.metric-value.accent-green{color:var(--success)}.mailbox-tools{display:flex;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.btn-op{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-box.pretty{height:54px;display:flex;align-items:center;gap:12px;padding:0 18px;min-width:280px;max-width:500px;flex:1;border-radius:18px;background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);transition:var(--transition)}.search-box.pretty:focus-within{border-color:#2563eb33;box-shadow:0 0 0 4px #2563eb14,var(--shadow)}.search-box.pretty input{border:none;outline:none;width:100%;font-size:14px;color:var(--dark);background:transparent}.search-box.pretty input::placeholder{color:#94a3b8}.search-box.pretty .search-icon{color:var(--primary);font-size:16px}.filter-btn-contact{height:52px;padding:0 18px;border-radius:16px;border:1px solid rgba(255,255,255,.7);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);font-size:14px;font-weight:700;color:var(--gray);display:flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition)}.filter-btn-contact:hover{transform:translateY(-2px);color:var(--primary);border-color:#2563eb26}.filter-btn-contact.active{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-color:transparent;box-shadow:0 14px 30px #2563eb38}.filter-btn-contact.active span{color:#fff!important}.mailbox-list{display:flex;flex-direction:column;gap:20px}.mailbox-item{position:relative;padding:22px 24px;border-radius:26px;background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);transition:var(--transition);cursor:pointer}.mailbox-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);background:#fffffff5}.mailbox-item .mailbox-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.mailbox-sender{font-size:15px;font-weight:700;color:var(--dark)}.mailbox-sender span{color:var(--gray);font-size:14px;font-weight:500}.mailbox-time{color:#94a3b8;font-size:13px}.mailbox-subject{display:flex;align-items:center;gap:8px;margin:10px 0 14px;font-size:17px;font-weight:800;color:var(--primary)}.icon{color:var(--primary)}.mailbox-body{padding-top:14px;border-top:1px solid var(--border);font-size:14px;line-height:1.7;color:var(--gray)}.status-badge{margin-left:10px;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.status-badge.new{background:linear-gradient(135deg,#2563eb,#60a5fa)}.status-badge.viewed{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.status-badge.replied{background:linear-gradient(135deg,#16a34a,#22c55e)}.modal-overlay{position:fixed;inset:0;z-index:999;display:flex;justify-content:center;align-items:center;padding:20px;background:#0f172a59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .25s ease}.modal-content{position:relative;width:100%;max-width:560px;padding:30px;border-radius:30px;background:#fffffff5;border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 80px #0f172a29;animation:slideUp .3s ease}.modal-content h2{color:var(--dark);font-size:24px;font-weight:800;margin-bottom:16px}.modal-content p{color:var(--gray);margin:8px 0;line-height:1.6;font-size:15px}.modal-message{margin-top:12px;line-height:1.8}.close-btn{position:absolute;top:18px;right:18px;width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--gray);font-size:16px;cursor:pointer;transition:var(--transition)}.close-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:#e11d4829;transform:scale(1.05)}.reply-title{margin-top:18px;margin-bottom:10px;font-size:15px;font-weight:700;color:var(--dark)}.reply-input{width:100%;min-height:120px;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:#ffffffe6;outline:none;font-size:14px;resize:vertical;transition:var(--transition);box-sizing:border-box}.reply-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a}.reply-btn{margin-top:14px;height:52px;padding:0 20px;border:none;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:var(--transition);box-shadow:0 14px 30px #2563eb33}.reply-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px #2563eb47}.reply-readonly{margin-top:10px;padding:14px 16px;border-radius:16px;background:#16a34a14;border-left:4px solid var(--success);color:var(--dark);line-height:1.7;font-size:14px}.template-box{margin-bottom:18px;padding:16px;border-radius:18px;background:#2563eb0a;border:1px dashed rgba(37,99,235,.25)}.template-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;color:var(--primary)}.template-buttons{display:flex;flex-wrap:wrap;gap:10px}.template-btn{padding:8px 14px;border-radius:12px;border:1px solid rgba(37,99,235,.12);background:#2563eb14;color:var(--primary);font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition)}.template-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.pagination{margin-top:30px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.pagination button{min-width:42px;height:42px;border:none;border-radius:12px;background:var(--card-bg);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);color:var(--dark);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition)}.pagination button:hover{transform:translateY(-2px);color:var(--primary)}.pagination button.active{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 14px 30px #2563eb38}.pagination button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.mailbox-container{padding:18px}.mailbox-header{flex-direction:column;align-items:flex-start}.mailbox-header h3{font-size:28px}.mailbox-tools{flex-direction:column}.search-box.pretty{max-width:100%}.mailbox-item{padding:20px}.modal-content{padding:22px;border-radius:24px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--news-primary: #2563eb;--news-primary-light: #60a5fa;--news-dark: #0f172a;--news-gray: #64748b;--news-border: #e2e8f0;--news-bg: #f1f5f9;--news-card: rgba(255, 255, 255, .88)}.news-page *{box-sizing:border-box}.news-layout,.news-grid,.news-list-wrapper{min-width:0}.news-page{position:relative;padding:28px;min-height:100vh;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(14,165,233,.08),transparent 35%),var(--news-bg);overflow-x:hidden}.news-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px 42px;margin-bottom:34px;border-radius:32px;background:linear-gradient(135deg,#ffffffeb,#ffffffbf);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);box-shadow:0 25px 60px #0f172a14;overflow:hidden}.news-header:before{content:"";position:absolute;width:320px;height:320px;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 70%);top:-120px;right:-120px;z-index:0}.news-header-left,.news-header-right{position:relative;z-index:2}.news-header-left h1{font-size:40px;font-weight:900;line-height:1.1;margin-bottom:12px;background:linear-gradient(135deg,#0f172a,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.news-header-left p{max-width:500px;font-size:17px;line-height:1.7;color:#64748b}.news-header-right{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:18px}.news-total{min-width:180px;padding:16px 22px;border-radius:22px;background:#ffffffe0;border:1px solid rgba(255,255,255,.8);box-shadow:0 12px 30px #0f172a14;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:800;color:#2563eb}.news-total svg{font-size:18px}.news-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:28px;align-items:start;width:100%}.news-form{position:sticky;top:20px;padding:24px;border-radius:28px;background:var(--news-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.6);box-shadow:0 15px 40px #0f172a0f}.news-form h2{font-size:24px;font-weight:800;margin-bottom:24px;color:var(--news-dark)}.form-group{margin-bottom:18px}.form-group p{margin-bottom:10px;font-size:14px;font-weight:700;color:var(--news-dark)}.form-group input,.form-group textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--news-border);background:#ffffffe6;font-size:15px;outline:none;transition:.35s ease}.form-group textarea{min-height:140px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--news-primary);box-shadow:0 0 0 4px #2563eb1f;background:#fff}.edit-btn,.delete-btn,.preview-btn,.cancel-btn,.submit-btn,.preview-news-btn,.view-news-btn,.cancel-edit-btn{border:none;outline:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .35s ease}.submit-btn{width:100%;height:54px;border-radius:18px;gap:10px;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);box-shadow:0 16px 35px #2563eb33}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 22px 42px #2563eb47}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.news-list-wrapper{display:flex;flex-direction:column;gap:24px;width:100%}.news-list-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;border-radius:24px;background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 45px #0f172a0f}.news-list-header h2{font-size:24px;font-weight:800;color:#0f172a;margin-bottom:6px}.news-list-header p{font-size:14px;color:#64748b}.news-page-badge{min-width:120px;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;font-size:14px;font-weight:700;text-align:center;box-shadow:0 12px 30px #2563eb40}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;width:100%}.news-card{position:relative;overflow:hidden;width:100%;border-radius:26px;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.65);box-shadow:0 16px 40px #0f172a14;transition:all .35s ease}.news-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px #0f172a1f}.news-image-wrapper{position:relative;overflow:hidden}.news-card img,.news-image-wrapper img{width:100%;height:220px;object-fit:cover;transition:all .45s ease}.news-card:hover img{transform:scale(1.06)}.latest-badge{position:absolute;top:14px;left:14px;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;font-size:11px;font-weight:700;letter-spacing:.4px;box-shadow:0 8px 20px #2563eb4d}.news-card-content{padding:20px}.news-card-content h3{font-size:18px;font-weight:800;color:#0f172a;margin-bottom:10px;line-height:1.5}.news-card-content p{font-size:14px;color:#64748b;line-height:1.7;margin-bottom:16px}.news-keyword{width:fit-content;padding:8px 14px;border-radius:999px;background:#2563eb14;color:#2563eb;border:1px solid rgba(37,99,235,.14);font-size:12px;font-weight:700;margin-bottom:18px}.news-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.news-date{font-size:13px;font-weight:600;color:#94a3b8}.news-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.news-actions .edit-btn,.news-actions .delete-btn,.news-actions .preview-btn{min-width:0}.edit-btn,.delete-btn,.preview-btn{height:42px;padding:0 12px;border-radius:14px;gap:8px;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-btn{background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;box-shadow:0 10px 24px #2563eb33}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2563eb47}.delete-btn{background:#fff1f2;color:#e11d48;border:1px solid rgba(225,29,72,.12)}.delete-btn:hover{background:#ffe4e6;transform:translateY(-2px);box-shadow:0 10px 24px #e11d4829}.preview-btn{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;box-shadow:0 10px 24px #0f172a2e}.preview-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f172a40}.view-news-btn,.preview-news-btn{position:relative;overflow:hidden;height:54px;padding:0 26px;border-radius:18px;gap:12px;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);box-shadow:0 18px 40px #2563eb40;flex-shrink:0}.view-news-btn:before,.preview-news-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-100%)}.view-news-btn:hover:before,.preview-news-btn:hover:before{animation:shineMove 1.2s ease}.view-news-btn:hover,.preview-news-btn:hover{transform:translateY(-4px);box-shadow:0 24px 50px #2563eb59}.cancel-btn,.cancel-edit-btn{width:100%;height:52px;margin-top:14px;border-radius:18px;gap:10px;background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:#e11d48;border:1px solid rgba(225,29,72,.12);font-size:14px;font-weight:700;box-shadow:0 10px 25px #e11d4814}.cancel-btn:hover,.cancel-edit-btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,#ffe4e6,#fecdd3);box-shadow:0 18px 35px #e11d482e}.update-success{margin-top:16px;padding:14px 18px;border-radius:16px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#16a34a1f,#22c55e14);border:1px solid rgba(22,163,74,.16);color:#15803d;font-size:14px;font-weight:700;animation:fadeSuccess .35s ease}.pagination-wrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:10px}.pagination-btn,.pagination-nav{width:46px;height:46px;border:none;border-radius:16px;cursor:pointer;font-size:14px;font-weight:700;transition:.35s ease;background:#fffc;color:#334155;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 25px #0f172a0f}.pagination-btn:hover,.pagination-nav:hover{transform:translateY(-3px);background:#2563eb14;color:#2563eb}.pagination-btn.active{background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;box-shadow:0 14px 30px #2563eb4d}.pagination-nav:disabled{opacity:.4;cursor:not-allowed;transform:none}@keyframes fadeSuccess{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shineMove{to{transform:translate(220%)}}@media (max-width: 1200px){.news-layout{grid-template-columns:1fr}.news-form{position:relative;top:unset}}@media (max-width: 900px){.news-header{flex-direction:column;align-items:flex-start;padding:30px 24px}.news-header-left h1{font-size:38px}.news-header-right{width:100%;align-items:flex-start;justify-content:flex-start}.preview-news-btn,.view-news-btn{width:100%;justify-content:center}}@media (max-width: 768px){.news-page{padding:18px}.news-grid{grid-template-columns:1fr}.news-list-header{flex-direction:column;align-items:flex-start}.news-page-badge{width:100%}.news-meta{flex-direction:column;align-items:flex-start}.news-card img{height:200px}.news-actions{gap:8px}.edit-btn,.delete-btn,.preview-btn{font-size:11px;padding:0 8px;height:40px}}@media (max-width: 480px){.news-form,.news-card-content{padding:18px}.news-header-left h1{font-size:30px}.news-card img{height:180px}.submit-btn{height:50px}.edit-btn,.delete-btn,.preview-btn{font-size:10px;gap:4px}}