:root{--text:#6b6375;--text-h:#fff;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--primary-color:#e30613;--primary-dark:#620e14;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#e30613;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}.container{width:1126px;max-width:100%;margin:0 auto}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-bg{background:linear-gradient(135deg,#eef2ff,#f8fafc);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,sans-serif;display:flex}.login-page{background:#fffffff5;border:1px solid #ffffffb3;border-radius:18px;width:100%;max-width:430px;padding:2.2rem;box-shadow:0 18px 45px #0f172a29}.login-page h2{color:#1e293b;text-align:center;margin:0;font-size:1.8rem;font-weight:700}.login-subtitle{text-align:center;color:#64748b;margin:.5rem 0 1.8rem;font-size:.94rem}.login-form .form-group{margin-bottom:1.15rem}.login-form label{color:#334155;margin-bottom:.45rem;font-size:.92rem;font-weight:600;display:block}.login-form input{box-sizing:border-box;color:#1e293b;background:#f8fafc;border:1px solid #dbe3ef;border-radius:10px;width:100%;padding:.78rem .9rem;font-size:.98rem;transition:all .2s}.login-form input::placeholder{color:#94a3b8}.login-form input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11f}.password-wrapper{position:relative}.password-wrapper input{padding-right:3rem}.toggle-pass{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;height:36px;font-size:1rem;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%);background:var(--primary-color)!important;color:#475569!important;width:36px!important;padding:0!important}.toggle-pass:hover{background:#eef2ff!important}.error-msg{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:1rem;padding:.7rem;font-size:.9rem}.login-btn{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:.3rem;padding:.82rem;font-size:1rem;font-weight:600;transition:all .2s}.login-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #4f46e547}.login-btn:active{transform:translateY(0)}.topbar{background:var(--primary-dark,#7a0e15);color:#fff;justify-content:center;align-items:center;height:40px;font-size:14px;font-style:italic;font-weight:600;transition:all .4s;display:flex}.navbar{z-index:1000;background:0 0;width:100%;transition:all .4s;position:fixed;top:40px;left:0}.navbar.scrolled{background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);top:0;box-shadow:0 8px 25px #0000002e}.navbar-content{justify-content:space-between;align-items:center;max-width:1300px;margin:auto;padding:22px 20px;display:flex;position:relative}.navbar-logo-link{z-index:1003;align-items:center;text-decoration:none;display:flex}.logo{height:45px;transition:all .3s}.mobile-menu-btn{background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);color:#fff;cursor:pointer;z-index:1004;border:none;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:none;box-shadow:0 8px 18px #b7101a40}.navbar-menu{align-items:center;gap:28px;margin:0;padding:0;list-style:none;display:flex}.mobile-menu-top{display:none}.nav-link{color:#fff;align-items:center;gap:8px;padding:10px 0;font-size:15px;font-weight:800;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-link-icon{align-items:center;font-size:15px;display:flex}.nav-link:before{content:"";background:#fff;border-radius:99px;width:0;height:3px;transition:all .3s;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.nav-link:hover{text-shadow:0 8px 16px #ffffff40;transform:translateY(-2px)}.nav-link:hover:before,.nav-link.active:before{width:100%}.nav-search-area{z-index:1004;justify-content:flex-end;align-items:center;min-width:44px;display:flex;position:relative}.search-icon-btn{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .3s;display:flex}.search-icon-btn:hover{color:var(--primary-color,#b7101a);background:#fff;transform:translateY(-3px)rotate(-6deg)}.search-box-wrap{width:360px;position:relative}.search-form{background:#fff;border:1px solid #b7101a26;border-radius:10px;align-items:center;gap:10px;width:100%;height:48px;padding:0 14px;display:flex;box-shadow:0 10px 28px #0000002e}.search-input-icon{color:var(--primary-color,#b7101a);flex-shrink:0;font-size:16px}.search-form input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:600}.search-form input::placeholder{color:#8a8f98;font-weight:500}.search-close-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.search-close-btn:hover{background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);color:#fff}.search-results{z-index:2000;background:#fff;border:1px solid #00000014;border-radius:10px;width:100%;max-height:360px;padding:8px;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto;box-shadow:0 18px 45px #00000038}.search-result-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.search-result-item:hover{background:#fff1f2;transform:translate(4px)}.search-result-icon{background:#fee2e2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.search-result-text{flex-direction:column;gap:3px;min-width:0;display:flex}.search-result-text strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.search-result-text small{color:#6b7280;font-size:12px;font-weight:600}.search-status{color:#6b7280;text-align:center;padding:14px 12px;font-size:14px;font-weight:700}.mobile-menu-backdrop{display:none}@media (width<=992px){.navbar{background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15)}.navbar-content{min-height:70px;padding:14px 18px}.mobile-menu-btn{display:flex}.navbar-logo-link{position:absolute;left:50%;transform:translate(-50%)}.logo{height:38px}.navbar-menu{background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);z-index:2002;flex-direction:column;align-items:stretch;gap:8px;width:280px;max-width:82%;height:100vh;margin:0;padding:22px 16px;transition:all .35s;display:flex;position:fixed;top:0;left:-290px;box-shadow:18px 0 45px #00000040}.navbar-menu.mobile-open{left:0}.mobile-menu-top{color:#fff;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 4px 20px;font-size:22px;font-weight:900;display:flex}.mobile-close-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.navbar-menu li{width:100%}.nav-link{background:#ffffff14;border-radius:10px;justify-content:flex-start;padding:14px}.nav-link:before{display:none}.nav-link:hover,.nav-link.active{color:var(--primary-color,#b7101a);text-shadow:none;background:#fff;transform:translate(6px)}.nav-link-icon{width:22px;font-size:16px}.mobile-menu-backdrop{opacity:0;visibility:hidden;z-index:1500;background:#00000073;transition:all .3s;display:block;position:fixed;inset:0}.mobile-menu-backdrop.show{opacity:1;visibility:visible}.search-box-wrap{width:300px}}@media (width<=520px){.topbar{text-align:center;height:34px;padding:0 10px;font-size:11.5px;line-height:1.3}.navbar{top:34px}.navbar.scrolled{top:0}.navbar-content{min-height:64px;padding:12px 14px}.mobile-menu-btn,.search-icon-btn{width:38px;height:38px;font-size:16px}.logo{height:34px}.search-box-wrap{z-index:2200;width:auto;position:fixed;top:78px;left:12px;right:12px}.navbar.scrolled .search-box-wrap{top:14px}.search-form{border-radius:10px;height:46px}.search-results{border-radius:10px;width:100%;max-height:320px;left:0;right:auto}}@media (width<=992px){.navbar{z-index:3000;background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15)}.navbar-content{min-height:70px;padding:14px 18px;position:relative}.mobile-menu-btn{z-index:3300;display:flex;position:relative}.navbar-logo-link{z-index:3200;position:absolute;left:50%;transform:translate(-50%)}.nav-search-area{z-index:3300}.navbar-menu{background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);opacity:0;visibility:hidden;pointer-events:none;z-index:4000;width:280px;max-width:78vw;height:100dvh;box-shadow:none;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:22px 14px;transition:transform .35s,opacity .25s,visibility .25s;display:flex;position:fixed;top:0;left:0;transform:translate(-110%)}.navbar-menu.mobile-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);box-shadow:16px 0 38px #00000047}.mobile-menu-top{color:#fff;justify-content:space-between;align-items:center;margin-bottom:6px;padding:6px 0 18px;font-size:20px;font-weight:900;display:flex}.mobile-close-btn{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .25s;display:flex}.mobile-close-btn:hover{color:var(--primary-color,#b7101a);background:#fff}.navbar-menu li{width:100%}.nav-link{color:#fff;pointer-events:auto;background:#ffffff17;border-radius:10px;align-items:center;gap:11px;padding:13px 14px;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.nav-link:before{display:none}.nav-link:after{content:"";z-index:-1;background:linear-gradient(135deg,#fffffff2,#ffffffd1);transition:all .3s;position:absolute;inset:0;transform:translate(-105%)}.nav-link:hover:after,.nav-link.active:after{transform:translate(0)}.nav-link:hover,.nav-link.active{color:var(--primary-color,#b7101a);text-shadow:none;transform:translate(5px)}.nav-link-icon{justify-content:center;align-items:center;width:20px;min-width:20px;font-size:14px;display:flex}.mobile-menu-backdrop{opacity:0;visibility:hidden;pointer-events:none;z-index:2500;background:#00000073;transition:all .3s;display:block;position:fixed;inset:0}.mobile-menu-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}}@media (width<=520px){.navbar-menu{width:255px;max-width:76vw;padding:20px 12px}.mobile-menu-top{font-size:18px}.nav-link{padding:12px;font-size:13px}.logo{height:34px}.mobile-menu-btn,.search-icon-btn{width:38px;height:38px}}.footer{color:#d8d8d8;box-sizing:border-box;background:#2e3138;width:100%;padding:42px 20px 20px;overflow:hidden}.footer-logo{justify-content:center;margin-bottom:22px;display:flex}.footer-logo img{height:45px;transition:all .3s}.footer-nav{flex-wrap:wrap;justify-content:center;gap:30px;margin:0 0 22px;padding:0;list-style:none;display:flex}.footer-nav li{position:relative}.footer-nav li:not(:last-child):after{content:"|";color:#777;position:absolute;top:0;right:-11px}.footer-nav a{color:#fff;align-items:center;gap:8px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.footer-nav a:hover{color:#fff;text-shadow:0 8px 18px #ffffff38;transform:translateY(-3px)}.footer-locations{grid-template-columns:repeat(4,1fr);gap:26px;max-width:1300px;margin:auto;display:grid}.location-card{border-radius:10px;min-width:0;padding:18px 18px 18px 0;position:relative}.location-card:not(:last-child):before{content:"";background:#ffffff26;width:1px;height:calc(100% - 20px);position:absolute;top:18px;right:-13px}.location-card h3{color:#fff;margin:0 0 20px;font-size:21px;display:inline-block;position:relative}.location-card h3:after{content:"";background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);border-radius:10px;width:60px;height:3px;position:absolute;bottom:-8px;left:0}.location-card p{word-break:break-word;align-items:flex-start;gap:10px;margin:9px 0;font-size:14px;line-height:1.6;display:flex}.location-card p svg{color:#fff;flex-shrink:0;margin-top:4px}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding-top:16px;display:flex}.footer-bottom p{margin:0;font-size:14px}.social-icons{gap:12px;display:flex}.social-icons a{color:#fff;background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;text-decoration:none;transition:all .3s;display:flex}.social-icons a:hover{background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);transform:translateY(-3px)}@media (width<=992px){.footer{padding:36px 18px 18px}.footer-nav{margin-bottom:30px}.footer-locations{grid-template-columns:repeat(2,1fr);gap:18px}.location-card{background:#ffffff0a;padding:18px}.location-card:not(:last-child):before{display:none}}@media (width<=768px){.footer{padding:30px 14px 16px}.footer-logo{margin-bottom:16px}.footer-logo img{height:38px}.footer-nav{gap:8px;margin-bottom:22px}.footer-nav li:not(:last-child):after{display:none}.footer-nav a{background:#ffffff12;border-radius:10px;padding:8px 10px;font-size:14px}.footer-nav a:hover{background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);transform:translateY(-2px)}.footer-locations{grid-template-columns:1fr;gap:12px}.location-card{padding:16px}.location-card h3{margin-bottom:18px;font-size:18px}.location-card p{margin:7px 0;font-size:13px;line-height:1.5}.footer-bottom{text-align:center;flex-direction:column;gap:12px;margin-top:18px;padding-top:14px}.footer-bottom p{font-size:13px}.social-icons{justify-content:center;gap:9px}.social-icons a{width:32px;height:32px;font-size:14px}}@media (width<=420px){.footer-nav{grid-template-columns:repeat(2,1fr);display:grid}.footer-nav a{justify-content:center}}.home-slider{background:#0f172a;justify-content:center;align-items:center;width:100%;height:90vh;min-height:580px;display:flex;position:relative;overflow:hidden}.slider-bg{opacity:0;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 1.1s,transform 4.5s;position:absolute;inset:0;transform:scale(1.12)rotate(.8deg)}.slider-bg.active{opacity:1;animation:2.5s forwards premiumZoom;transform:scale(1)rotate(0)}@keyframes premiumZoom{0%{transform:scale(1.12)translate(18px)}to{transform:scale(1.02)translate(0)}}.slider-overlay{z-index:1;background:linear-gradient(90deg,#040916f0 0%,#0f172ac7 42%,#0f172a47 100%),radial-gradient(circle at 22% 45%,#e3061340,#0000 35%),radial-gradient(circle at 82% 22%,#38bdf82e,#0000 32%);position:absolute;inset:0}.slider-glow{z-index:2;pointer-events:none;filter:blur(6px);opacity:.8;border-radius:999px;position:absolute}.slider-glow-one{background:#e3061338;width:340px;height:340px;animation:5s ease-in-out infinite alternate floatingGlowOne;top:14%;left:-90px}.slider-glow-two{background:#38bdf829;width:240px;height:240px;animation:6s ease-in-out infinite alternate floatingGlowTwo;bottom:12%;right:-70px}@keyframes floatingGlowOne{0%{transform:translate(0)scale(1)}to{transform:translate(40px,28px)scale(1.1)}}@keyframes floatingGlowTwo{0%{transform:translate(0)scale(1)}to{transform:translate(-35px,-32px)scale(1.15)}}.slider-particles{z-index:2;pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:70px 70px;animation:12s linear infinite particleMove;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000c,#0000 75%);mask-image:linear-gradient(90deg,#000c,#0000 75%)}@keyframes particleMove{0%{background-position:0 0}to{background-position:140px 70px}}.slider-content{z-index:4;color:#fff;text-align:left;width:min(1180px,100% - 48px);position:relative}.slider-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.8px;text-transform:uppercase;opacity:0;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:9px 18px;font-size:14px;font-weight:800;animation:.7s forwards badgeDrop;display:inline-flex;transform:translateY(-20px)}.slider-badge span{background:#e30613;border-radius:50%;width:9px;height:9px;animation:1.4s infinite badgePulse;box-shadow:0 0 #e30613b3}@keyframes badgeDrop{to{opacity:1;transform:translateY(0)}}@keyframes badgePulse{0%{box-shadow:0 0 #e30613b3}70%{box-shadow:0 0 0 10px #e3061300}to{box-shadow:0 0 #e3061300}}.slider-content h1{max-width:820px;margin:0;overflow:hidden}.slider-content h1 span{letter-spacing:-2px;text-shadow:0 14px 40px #00000080;opacity:0;font-size:clamp(42px,6vw,82px);font-weight:950;line-height:1.03;animation:.9s cubic-bezier(.2,.9,.25,1) .15s forwards headingReveal;display:inline-block;transform:translateY(90px)skewY(4deg)}@keyframes headingReveal{0%{opacity:0;filter:blur(8px);transform:translateY(90px)skewY(4deg)}to{opacity:1;filter:blur();transform:translateY(0)skewY(0)}}.slider-content p{color:#ffffffe6;opacity:0;max-width:660px;margin:22px 0 34px;font-size:clamp(17px,2vw,24px);line-height:1.55;animation:.85s .45s forwards descriptionSlide;transform:translate(-55px)}@keyframes descriptionSlide{0%{opacity:0;filter:blur(6px);transform:translate(-55px)}to{opacity:1;filter:blur();transform:translate(0)}}.slider-buttons{flex-wrap:wrap;gap:16px;display:flex}.slider-btn{cursor:pointer;opacity:0;border:none;border-radius:14px;padding:15px 34px;font-size:16px;font-weight:850;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 14px 35px #00000047}.slider-btn span{z-index:2;position:relative}.slider-btn:before{content:"";background:linear-gradient(120deg,#0000,#ffffff61,#0000);transition:all .55s;position:absolute;inset:0 0 0 -120%}.slider-btn:hover:before{left:120%}.slider-btn-primary{color:#fff;background:linear-gradient(135deg,#e30613,#8f0f18);animation:.65s cubic-bezier(.2,1.4,.4,1) .78s forwards buttonPop;transform:translateY(34px)scale(.92)}.slider-btn-secondary{color:#111827;background:#fffffff5;animation:.65s cubic-bezier(.2,1.4,.4,1) .95s forwards buttonPop;transform:translateY(34px)scale(.92)}@keyframes buttonPop{0%{opacity:0;transform:translateY(34px)scale(.92)}70%{opacity:1;transform:translateY(-5px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}.slider-btn-primary:hover,.slider-btn-secondary:hover{transform:translateY(-4px)}.slider-btn-primary:hover{box-shadow:0 20px 50px #e3061361}.slider-btn-secondary:hover{background:#fff}.slider-arrow{z-index:5;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff42;border-radius:50%;place-items:center;width:56px;height:56px;font-size:42px;line-height:1;transition:all .3s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.slider-arrow:hover{background:#e30613;border-color:#e30613;transform:translateY(-50%)scale(1.08)}.slider-arrow-left{left:28px}.slider-arrow-right{right:28px}.slider-bottom-bar{z-index:5;justify-content:space-between;align-items:center;gap:22px;width:min(1180px,100% - 48px);display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.slider-counter{color:#fff;opacity:0;align-items:baseline;gap:6px;animation:.8s 1.05s forwards counterFade;display:flex}.slider-counter strong{font-size:28px;font-weight:950}.slider-counter span{color:#ffffffa6;font-size:14px;font-weight:700}@keyframes counterFade{to{opacity:1}}.pagination{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;background:#ffffff17;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:14px;padding:10px 14px;animation:.8s 1.1s forwards paginationIn;display:flex;transform:translateY(22px)}@keyframes paginationIn{to{opacity:1;transform:translateY(0)}}.dot{cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid;position:relative}.dot-core{background:#ffffff8f;border-radius:50%;width:8px;height:8px;transition:all .35s}.dot-ring{opacity:0;border:1px solid #ffffff47;border-radius:50%;transition:all .35s;position:absolute;inset:0;transform:scale(.75)}.dot:hover .dot-core{background:#fff;transform:scale(1.25)}.dot.active .dot-core{background:#fff;width:10px;height:10px;box-shadow:0 0 18px #ffffffe6}.dot.active .dot-ring{opacity:1;border-color:#fff;animation:1.25s infinite dotRipple;transform:scale(1.35)}.dot.active:after{content:"";background:linear-gradient(90deg,#fff,#fff0);border-radius:999px;width:42px;height:2px;animation:.7s forwards dotLineFade;position:absolute;left:26px}.pagination .dot:last-child.active:after{display:none}@keyframes dotRipple{0%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.85)}}@keyframes dotLineFade{0%{opacity:0;width:0}to{opacity:1;width:42px}}.slider-progress{z-index:6;background:#ffffff24;width:100%;height:4px;position:absolute;bottom:0;left:0}.slider-progress span{background:linear-gradient(90deg,#e30613,#fff,#38bdf8);width:0%;height:100%;animation:2.5s linear forwards progressFill;display:block;box-shadow:0 0 16px #e30613a6}@keyframes progressFill{0%{width:0%}to{width:100%}}@media (width<=900px){.home-slider{height:72vh;min-height:520px}.slider-content{text-align:center}.slider-content h1,.slider-content p{margin-left:auto;margin-right:auto}.slider-buttons{justify-content:center}.slider-arrow{width:46px;height:46px;font-size:34px}.slider-arrow-left{left:14px}.slider-arrow-right{right:14px}.dot.active:after{display:none}}@media (width<=600px){.home-slider{height:70vh;min-height:470px}.slider-content{width:calc(100% - 34px)}.slider-content h1 span{letter-spacing:-1px}.slider-content p{margin-bottom:24px}.slider-buttons{flex-direction:column;align-items:center}.slider-btn{width:100%;max-width:265px}.slider-bottom-bar{justify-content:center;width:calc(100% - 32px);bottom:24px}.slider-counter{display:none}.pagination{gap:12px}}.category-section{background:#f8f9fc;padding:80px 20px}.category-section-header{text-align:center;margin-bottom:45px}.category-section .section-subtitle{color:var(--primary-color,#b7101a);letter-spacing:.4px;text-transform:uppercase;background:#b7101a14;border-radius:10px;margin-bottom:10px;padding:7px 16px;font-size:14px;font-weight:700;display:inline-block}.category-section .section-title{text-align:center;color:#1f2937;margin:0;font-size:38px;font-weight:800}.category-grid{grid-template-columns:repeat(4,1fr);gap:26px;max-width:1300px;margin:auto;display:grid}.category-card{cursor:pointer;background:#fff;border-radius:10px;height:285px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 12px 28px #0f172a1a}.category-card:before{content:"";z-index:2;pointer-events:none;border:2px solid #0000;border-radius:10px;transition:all .3s;position:absolute;inset:0}.category-card:hover{transform:translateY(-8px);box-shadow:0 18px 38px #0f172a29}.category-card:hover:before{border-color:#b7101a73}.category-card img{object-fit:cover;width:100%;height:100%;transition:all .45s;display:block}.category-card:hover img{transform:scale(1.08)}.overlay{z-index:1;background:linear-gradient(#0000000d,#00000040,#000000d1);justify-content:center;align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.category-content{text-align:center;width:100%;transition:all .3s;transform:translateY(8px)}.category-card:hover .category-content{transform:translateY(0)}.category-content h3{color:#fff;margin:0 0 12px;font-size:23px;font-weight:800;line-height:1.25}.category-content span{color:#fff;background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);opacity:0;border-radius:10px;padding:9px 15px;font-size:13px;font-weight:800;transition:all .3s;display:inline-block;transform:translateY(8px)}.category-card:hover .category-content span{opacity:1;transform:translateY(0)}@media (width<=1100px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.category-grid{grid-template-columns:repeat(2,1fr)}.category-section .section-title{font-size:32px}}@media (width<=576px){.category-section{padding:55px 15px}.category-grid{grid-template-columns:1fr;gap:22px}.category-card{height:260px}.category-section .section-title{font-size:28px}}.product-grid{background:linear-gradient(#fff 0%,#f8f9fc 100%);padding:30px 20px}.product-section-header{text-align:center;margin-bottom:45px}.product-grid .section-subtitle{color:var(--primary-color,#b7101a);letter-spacing:.4px;text-transform:uppercase;background:#b7101a14;border-radius:10px;margin-bottom:10px;padding:7px 16px;font-size:14px;font-weight:700;display:inline-block}.product-grid .section-title{color:#1f2937;margin:0;font-size:38px;font-weight:800}.spec-filter-badge{color:#333;background:#b7101a14;border:1px solid #b7101a29;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;max-width:1300px;margin:0 auto 30px;padding:14px 18px;display:flex}.spec-clear-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);border:none;border-radius:10px;padding:9px 15px;font-weight:700;transition:all .3s}.spec-clear-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #b7101a40}.grid{grid-template-columns:repeat(4,1fr);gap:26px;max-width:1300px;margin:0 auto;display:grid}.product-card{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:10px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 12px 28px #0f172a14}.product-card:before{content:"";pointer-events:none;border:2px solid #0000;border-radius:10px;transition:all .3s;position:absolute;inset:0}.product-card:hover{transform:translateY(-8px);box-shadow:0 18px 38px #0f172a24}.product-card:hover:before{border-color:#b7101a59}.product-img-container{background:#f4f5f7;height:230px;position:relative;overflow:hidden}.product-img-container:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#00000014);position:absolute;inset:0}.product-img-container img{object-fit:cover;width:100%;height:100%;transition:all .4s;display:block}.product-card:hover .product-img-container img{transform:scale(1.08)}.product-card-body{text-align:center;padding:20px}.product-card h3{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:49px;margin:0;font-size:18px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.cas-number{color:#6b7280;margin:8px 0 0;font-size:13px;font-weight:700}.view-details-text{color:#fff;background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);border-radius:10px;margin-top:16px;padding:10px 16px;font-size:13px;font-weight:800;transition:all .3s;display:inline-block}.product-card:hover .view-details-text{box-shadow:0 8px 18px #b7101a47}.load-more{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);border:none;border-radius:10px;margin:45px auto 0;padding:13px 30px;font-weight:800;transition:all .3s;display:block}.load-more:hover{transform:translateY(-3px);box-shadow:0 10px 22px #b7101a47}.empty-products-msg{text-align:center;background:#fff;border-radius:10px;max-width:600px;margin:20px auto 0;padding:45px 25px;box-shadow:0 12px 28px #0f172a14}.empty-products-msg p{color:#4b5563;margin-bottom:20px;font-size:16px}.empty-home-btn{color:#fff;text-align:center;background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);border-radius:10px;max-width:200px;padding:12px 22px;font-weight:800;text-decoration:none;display:inline-block}@media (width<=1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.grid{grid-template-columns:repeat(2,1fr)}.product-grid .section-title{font-size:32px}}@media (width<=576px){.product-grid{padding:55px 15px}.grid{grid-template-columns:1fr;gap:22px}.spec-filter-badge{flex-direction:column;align-items:flex-start}.product-img-container{height:240px}.product-grid .section-title{font-size:28px}}.inquiry-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99999;box-sizing:border-box;background:#0a14239e;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden auto}.inquiry-modal{box-sizing:border-box;background:#fff;border:1px solid #0f4c8114;border-radius:18px;width:min(720px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);margin:auto;padding:1.6rem;position:relative;overflow:hidden auto;box-shadow:0 22px 60px #0f4c8147}.inquiry-modal,.inquiry-modal *,.inquiry-modal :before,.inquiry-modal :after{box-sizing:border-box}.inquiry-close{cursor:pointer;color:#718096;z-index:2;background:#f7fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:all .25s;display:flex;position:absolute;top:1rem;right:1rem}.inquiry-close:hover{color:#fff;background:#e53e3e;border-color:#e53e3e}.inquiry-form{flex-direction:column;gap:.9rem;width:100%;max-width:100%;display:flex;overflow-x:hidden}.form-header{align-items:center;gap:1rem;margin-bottom:.1rem;padding-right:2.6rem;display:flex}.header-icon-box{color:#fff;background:linear-gradient(135deg,#0f8ed8,#4057dc);border-radius:15px;justify-content:center;align-items:center;width:54px;min-width:54px;height:54px;display:flex;box-shadow:0 8px 20px #0f8ed852}.header-icon{font-size:1.35rem}.form-header h2{color:#1a202c;margin:0;font-size:1.55rem;font-weight:800}.form-header p{color:#718096;margin:.25rem 0 0;font-size:.92rem}.inquiry-product-summary{color:#4a5568;background:linear-gradient(135deg,#f7fbff,#eef6ff);border:1px solid #dbeafe;border-left:5px solid #0f8ed8;border-radius:12px;width:100%;max-width:100%;margin:.1rem 0;padding:.9rem 1rem}.summary-label{text-transform:uppercase;letter-spacing:.04em;color:#718096;margin-bottom:.2rem;font-size:.75rem;display:block}.inquiry-product-summary strong{color:#1a202c;margin-bottom:.45rem;font-size:1.05rem;display:block}.summary-meta{flex-wrap:wrap;gap:.8rem;font-size:.9rem;display:flex}.summary-meta code{color:#0f4c81;background:#fff;border:1px solid #dbeafe;border-radius:5px;padding:.15rem .35rem}.inquiry-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;max-width:100%;display:grid}.form-group{flex-direction:column;gap:.4rem;width:100%;max-width:100%;display:flex}.input-with-icon{background:#f8fafc;border:1px solid #d9e2ec;border-radius:12px;align-items:center;gap:.75rem;width:100%;min-width:0;max-width:100%;height:48px;padding:0 .9rem;transition:all .25s;display:flex;overflow:hidden}.input-with-icon svg{color:#0f8ed8;flex-shrink:0;font-size:.95rem}.input-with-icon:focus-within{background:#fff;border-color:#0f8ed8;box-shadow:0 0 0 4px #0f8ed81f}.input-with-icon input,.input-with-icon select{color:#2d3748;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;padding:.75rem 0;font-family:inherit;font-size:.95rem}.input-with-icon select{cursor:pointer}.phone-with-country{grid-template-columns:minmax(170px,205px) minmax(0,1fr);gap:.75rem;width:100%;max-width:100%;display:grid}.country-code-select{color:#111827;background:#fff;border:1px solid #94a3b873;border-radius:10px;outline:none;width:100%;min-width:0;height:48px;padding:0 .75rem;font-size:.9rem}.country-code-select:focus{border-color:#0f8ed8;box-shadow:0 0 0 4px #0f8ed81f}.phone-number-input,.phone-number-input input{width:100%;min-width:0}.inquiry-form textarea{resize:vertical;color:#2d3748;background:#f8fafc;border:1px solid #d9e2ec;border-radius:12px;width:100%;max-width:100%;min-height:125px;padding:.9rem 1rem;font-family:inherit;font-size:.95rem;line-height:1.55;transition:all .25s}.inquiry-form textarea:focus{background:#fff;border-color:#0f8ed8;outline:none;box-shadow:0 0 0 4px #0f8ed81f}.inquiry-submit-btn{color:#fff;background:linear-gradient(135deg,#0f8ed8,#4057dc);border:none;border-radius:12px;width:100%;margin-top:.1rem;margin-bottom:0;padding:.9rem 1.25rem;font-size:1rem;font-weight:800;transition:all .25s;box-shadow:0 10px 25px #0f8ed847}.inquiry-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #0f8ed859}.inquiry-submit-btn:disabled{opacity:.7;cursor:not-allowed}.success-message{text-align:center;margin:0;padding:1.2rem 0 .2rem}.success-icon{color:#22543d;background:#c6f6d5;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 1.4rem;font-size:2rem;font-weight:700;display:flex}.success-message h2{color:#2d3748;margin-bottom:.5rem;font-size:1.6rem}.success-message p{color:#718096;margin-bottom:.8rem}@media (width<=768px){.inquiry-backdrop{align-items:flex-start;padding:.75rem}.inquiry-modal{border-radius:15px;width:calc(100vw - 1.5rem);max-width:calc(100vw - 1.5rem);max-height:calc(100vh - 1.5rem);padding:1.25rem}.inquiry-form-grid,.phone-with-country{grid-template-columns:1fr}.form-header{align-items:flex-start}.form-header h2{font-size:1.3rem}}.order-backdrop{z-index:100000!important}.order-modal-card{width:min(700px,100vw - 32px)!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 32px)!important;margin:auto!important;overflow:hidden auto!important}.order-form{gap:.9rem!important}.order-form .inquiry-product-summary{margin-top:0!important}.order-form .phone-with-country{grid-template-columns:minmax(170px,205px) minmax(0,1fr)!important}.order-form .inquiry-submit-btn{margin-top:.15rem!important}@media (width<=768px){.order-modal-card{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important}.order-form .phone-with-country{grid-template-columns:1fr!important}}.coa-search-box{border-top:1px solid #e2e8f0;width:100%;margin-top:1.5rem;padding-top:1.25rem}.coa-search-box h3{text-transform:uppercase;color:#718096;letter-spacing:.05em;margin-bottom:.8rem;font-size:1rem}.coa-search-row input{color:#2d3748;background:#fff;border:1px solid #cbd5e0;border-radius:8px;flex:1;padding:.65rem .75rem;font-size:.9rem}.coa-search-row input:focus{border-color:var(--primary-color);outline:none}.coa-error{color:#e53e3e;margin-top:.75rem;font-size:.85rem;font-weight:600}@media (width<=640px){.coa-search-row{flex-direction:column}.coa-search-row button{width:100%}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;width:70vw;padding:1.5rem;display:flex;position:fixed;top:0}.details-modal{background:#ffffffe6;border:1px solid #ffffff40;border-radius:16px;flex-direction:column;width:100%;max-width:90vw;max-height:90vh;display:flex;position:relative;overflow:hidden auto;box-shadow:0 20px 50px #00000026}.close-btn{cursor:pointer;color:#718096;z-index:10;background:0 0;border:none;font-size:1.5rem;transition:color .3s;position:absolute;top:1rem;right:1rem}.close-btn:hover{color:#e53e3e}.details-modal-grid{grid-template-columns:1fr 1.5fr;height:100%;display:grid;overflow:hidden auto}@media (width<=768px){.details-modal-grid{grid-template-columns:1fr}}.product-info-panel{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;align-items:center;padding:2.5rem;display:flex}.structure-img-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:1rem;display:flex}.structure-img-wrapper img{object-fit:contain;max-width:100%;max-height:100%}.product-modal-name{text-align:center;color:#1a202c;margin-bottom:1rem;font-size:1.75rem;font-weight:800}.metadata-badge-list{width:100%;margin-bottom:2rem}.metadata-badge{background:#c0cfde;border-radius:8px;justify-content:space-between;padding:.75rem 1rem;font-size:.95rem;display:flex}.metadata-badge strong{color:#4a5568}.metadata-badge span{color:#2d3748;font-family:monospace}.document-downloads{border-top:1px solid #e2e8f0;width:100%;padding-top:1.5rem}.document-downloads h3{text-transform:uppercase;color:#718096;letter-spacing:.05em;margin-bottom:1rem;font-size:1rem}.doc-link{color:var(--primary-color);align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s;display:flex}.doc-link:hover{color:#0b3a63;text-decoration:underline}.pdf-icon{font-size:1.1rem}.product-variants-panel{flex-direction:column;padding:2.5rem;display:flex}.product-variants-panel h3{color:#2d3748;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.spec-buttons{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.spec-btn{color:#4a5568;cursor:pointer;background:#fff;border:1.5px solid #cbd5e0;border-radius:10px;padding:.5rem 3rem;font-weight:600;transition:all .2s}.spec-btn:hover{color:#0f4c81;border-color:#0f4c81}.spec-btn.active{background:var(--primary-color);border-color:var(--primary-dark);color:#fff}.table-responsive{width:100%;overflow-x:auto}.variants-table{border-collapse:collapse;width:100%;margin-top:.5rem}.variants-table th{text-align:left;color:#4a5568;background:#f7fafc;border-bottom:2px solid #edf2f7;padding:.75rem 1rem;font-weight:700}.variants-table td{color:var(--primary-color);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:1rem}.variants-table td code{background:var(--primary-color);border-radius:4px;padding:.2rem 3rem;font-family:monospace}.price-tag{color:#1a202c;font-weight:700}.inquiry-only{color:#718096;font-size:.9rem;font-style:italic}.btn-buy{background:var(--primary-dark);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s;display:inline-flex}.btn-buy:hover{background:var(--primary-color)}.btn-inquire{color:#4a5568;cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-inquire:hover{color:#2d3748;background:#cbd5e0}.loader{text-align:center;color:#718096;padding:2rem 0;font-weight:600}.no-variants{color:#718096;margin-bottom:1rem;font-size:.95rem}.no-variants-container{flex-direction:column;align-items:center;padding:2rem 0;display:flex}.product-short-desc{color:#666;margin-top:.8rem;font-size:.9rem;font-style:italic}.product-long-desc{text-align:left;width:100%;margin-top:1rem}.product-long-desc h4{color:#333;margin-bottom:.2rem;font-size:.9rem}.product-long-desc p{color:#555;font-size:.85rem;line-height:1.4}.coa-search-box{background:#fff;border:1px solid #dbeafe;border-radius:12px;width:100%;margin-top:1.4rem;margin-bottom:1.4rem;padding:1rem;box-shadow:0 8px 18px #0f172a0f}.coa-search-box h3{text-transform:uppercase;color:#2d3748;letter-spacing:.05em;margin:0 0 .45rem;font-size:1rem}.coa-help-text{color:#718096;margin:0 0 .8rem;font-size:.82rem;line-height:1.35}.coa-search-row{gap:.5rem;width:100%;display:flex}.coa-search-row input{color:#2d3748;background:#fff;border:1px solid #cbd5e0;border-radius:8px;flex:1;min-width:0;padding:.65rem .75rem;font-size:.9rem}.coa-search-row input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #b7101a1f}.coa-search-row button{background:var(--primary-dark);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.65rem .9rem;font-weight:700}.coa-search-row button:hover{background:var(--primary-color)}.coa-search-row button:disabled{opacity:.65;cursor:not-allowed}.coa-error{color:#e53e3e;margin:.75rem 0 0;font-size:.85rem;font-weight:600}.coa-result{background:#f8fafc;border:1px solid #dbeafe;border-radius:10px;margin-top:.9rem;padding:.9rem}.coa-result p{color:#2d3748;margin:.25rem 0;font-size:.85rem}.coa-download-btn{background:var(--primary-color);color:#fff;border-radius:8px;align-items:center;gap:.45rem;margin-top:.75rem;padding:.6rem .9rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.coa-download-btn:hover{background:var(--primary-dark);color:#fff}@media (width<=640px){.coa-search-row{flex-direction:column}.coa-search-row button{width:100%}}.modal-backdrop{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:1.25rem!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden auto!important}.details-modal,.details-modal *,.details-modal :before,.details-modal :after{box-sizing:border-box!important}.details-modal-grid{width:100%!important;max-width:100%!important}.product-info-panel{text-align:left!important}.metadata-badge-list{margin-top:.65rem!important;margin-bottom:1.15rem!important}.product-variants-panel{min-width:0!important}.variants-table{max-width:100%!important}@media (width<=900px){.modal-backdrop{align-items:flex-start!important;padding:.75rem!important}.details-modal{width:calc(100vw - 1.5rem)!important;max-width:calc(100vw - 1.5rem)!important;max-height:calc(100vh - 1.5rem)!important}.details-modal-grid{grid-template-columns:1fr!important}}html,body,#root{max-width:100vw!important}.modal-backdrop{box-sizing:border-box!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#0f172a9e!important;justify-content:center!important;align-items:center!important;width:100vw!important;min-width:100vw!important;height:100vh!important;min-height:100vh!important;margin:0!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden auto!important}.details-modal-grid{grid-template-columns:minmax(360px,.95fr) minmax(420px,1.25fr)!important;width:100%!important;min-width:0!important;max-width:100%!important;display:grid!important}.product-info-panel{text-align:left!important;min-width:0!important}.product-variants-panel{min-width:0!important;overflow-x:hidden!important}.product-modal-name{text-align:center!important;margin-bottom:.75rem!important}.product-short-desc{text-align:left!important;color:#334155!important;margin:.25rem 0 1rem!important;font-size:.96rem!important;font-style:italic!important;line-height:1.65!important}.product-long-desc{text-align:left!important;margin-top:.75rem!important}.product-long-desc h4{text-align:left!important;margin:0 0 .45rem!important;font-size:1rem!important;font-weight:800!important}.product-long-desc p{text-align:left!important;color:#334155!important;white-space:pre-line!important;margin:0!important;font-size:.95rem!important;line-height:1.65!important}html,body,#root{max-width:100vw!important;overflow-x:hidden!important}@media (width<=980px){.modal-backdrop{align-items:flex-start!important;padding:12px!important}.details-modal{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important}.details-modal-grid{grid-template-columns:1fr!important}}.home-blogs-section{max-width:1280px;margin:3rem auto;padding:0 1rem}.home-blogs-header{text-align:center;margin-bottom:1.8rem}.home-blogs-header span{color:#b7101a;letter-spacing:1.2px;text-transform:uppercase;font-size:.78rem;font-weight:950}.home-blogs-header h2{color:#0f172a;text-transform:uppercase;margin:.35rem 0;font-size:clamp(2rem,4vw,3.2rem);font-weight:950}.home-blogs-header p{color:#64748b;max-width:680px;margin:0 auto;line-height:1.7}.home-blogs-grid{grid-template-columns:repeat(3,1fr);gap:1.35rem;display:grid}.home-blog-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:10px;text-decoration:none;transition:all .3s;overflow:hidden;box-shadow:0 16px 45px #0f172a1a}.home-blog-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px #0f172a29}.home-blog-card img{object-fit:cover;width:100%;height:230px;display:block}.home-blog-body{padding:1.2rem}.home-blog-date{color:#64748b;align-items:center;gap:.45rem;font-size:.82rem;font-weight:800;display:inline-flex}.home-blog-body h3{color:#0f172a;margin:.75rem 0 .6rem;font-size:1.2rem;font-weight:950;line-height:1.25}.home-blog-body p{color:#475569;font-size:.94rem;line-height:1.65}.home-blog-body strong,.home-blogs-more a{color:#b7101a;align-items:center;gap:.45rem;font-weight:950;display:inline-flex}.home-blogs-more{text-align:center;margin-top:1.6rem}.home-blogs-more a{color:#fff;background:linear-gradient(135deg,#b7101a,#7a0e15);border-radius:999px;padding:.9rem 1.4rem;text-decoration:none;box-shadow:0 14px 34px #b7101a3d}@media (width<=900px){.home-blogs-grid{grid-template-columns:1fr}}.about-us{background:#fff;padding:90px 20px}.about-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1300px;margin:auto;display:grid}.about-image{position:relative}.about-image img{object-fit:cover;border-radius:10px;width:100%;height:500px;display:block}.stats-box{background:#fff;border-radius:10px;display:flex;position:absolute;bottom:-40px;right:-40px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.stat-item{text-align:center;border-right:1px solid #eee;padding:30px 35px}.stat-item:last-child{border-right:none}.stat-item h3{color:#222;margin:0;font-size:38px}.stat-item p{color:#777;margin-top:8px;font-size:14px}.small-title{color:#e30613;letter-spacing:1px;font-size:13px;font-weight:700}.about-content h2{color:#222;margin:14px 0 18px;font-size:64px;font-weight:700;line-height:1}.about-content p{color:#777;margin-bottom:30px;line-height:1.9}.features{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.feature-item{color:#222;align-items:center;gap:10px;font-weight:600;display:flex}.feature-item svg{color:#e30613;font-size:18px}@media (width<=992px){.about-container{grid-template-columns:1fr}.stats-box{flex-wrap:wrap;margin-top:20px;position:static}.about-content h2{font-size:34px}}@media (width<=768px){.features{grid-template-columns:1fr}.stat-item{width:100%}.about-content h2{font-size:28px}}.home-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);flex-direction:column;align-items:center}.products-page-container{color:#0f172a;background:radial-gradient(circle at 0 0,#b7101a0f,#0000 34%),linear-gradient(#f8fafc 0%,#eef2f7 100%);flex-direction:column;gap:0;min-height:100vh;display:flex;overflow-x:hidden}.products-hero{background-color:#0000;background-image:linear-gradient(120deg,#0a1023f0,#1e3a8ad6),url(/assets/Categories/staigent-banner.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;min-height:430px;padding:80px 20px;display:grid;position:relative;overflow:hidden}.products-hero-pattern{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:72px 72px;animation:16s linear infinite productsPatternMove;position:absolute;inset:0}@keyframes productsPatternMove{0%{background-position:0 0}to{background-position:144px 72px}}.products-hero-glow{filter:blur(9px);border-radius:999px;position:absolute}.products-glow-one{background:#b7101a47;width:340px;height:340px;top:40px;left:-110px}.products-glow-two{background:#38bdf82e;width:260px;height:260px;bottom:-40px;right:-70px}.products-hero-content{z-index:3;text-align:center;color:#fff;max-width:900px;position:relative}.products-hero-badge,.products-breadcrumb{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;background:#ffffff21;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.65rem 1rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.78rem;font-weight:900;display:inline-flex}.products-breadcrumb{margin-top:.2rem}.products-breadcrumb a{color:#fff;align-items:center;gap:.45rem;text-decoration:none;display:inline-flex}.products-breadcrumb span{color:#ffffffdb}.hero-title{letter-spacing:-2px;color:#fff;text-shadow:0 18px 48px #00000073;margin:1.2rem 0 1rem;font-size:clamp(3.2rem,7vw,6.5rem);font-weight:950;line-height:1}.hero-subtitle{color:#ffffffe6;max-width:760px;margin:0 auto 1.5rem;font-size:1.08rem;line-height:1.75}.products-content{grid-template-columns:315px minmax(0,1fr);gap:1.6rem;width:100%;max-width:1650px;margin:0 auto;padding:4rem 1.2rem;display:grid}.category-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #e2e8f0f2;border-radius:10px;align-self:start;padding:1.15rem;position:sticky;top:92px;box-shadow:0 24px 65px #0f172a1c}.sidebar-top{border-bottom:1px solid #e2e8f0;align-items:center;gap:.9rem;margin-bottom:.85rem;padding:.35rem .25rem 1rem;display:flex}.sidebar-icon{background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);color:#fff;border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.15rem;display:grid;box-shadow:0 14px 30px #1e3a8a38}.sidebar-title{color:#0f172a;letter-spacing:-.5px;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.35rem;font-weight:950}.sidebar-top p{color:#64748b;margin:.2rem 0 0;font-size:.82rem;font-weight:700}.category-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.category-list li{margin:0;padding:0}.category-item{color:#334155;cursor:pointer;text-align:left;background:#fff;border:1px solid #0000;border-radius:18px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;padding:.82rem .85rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:850;transition:transform .25s,box-shadow .25s,background .25s,color .25s,border-color .25s;display:grid}.category-item:hover{background:#f8fafc;border-color:#dbeafe;transform:translate(5px);box-shadow:0 12px 28px #0f172a14}.category-item.selected{background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);color:#fff;border-color:#ffffff29;box-shadow:0 16px 34px #1e3a8a45}.category-icon{color:#1e3a8a;background:#eef2ff;border-radius:14px;place-items:center;width:40px;height:40px;font-size:.95rem;font-weight:950;transition:all .25s;display:grid}.category-item.selected .category-icon{color:#fff;background:#fff3}.category-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.category-count{color:#475569;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:28px;padding:0 .45rem;font-size:.72rem;font-weight:950;display:inline-flex}.category-item.selected .category-count{color:#fff;background:#fff3}.recent-products-sidebar{background:radial-gradient(circle at 0 0,#b7101a14,#0000 32%),#fff;border:1px solid #e2e8f0f2;border-radius:10px;margin-top:1.4rem;padding:1rem;box-shadow:0 16px 40px #0f172a14}.recent-products-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.recent-products-header h3{color:#111827;margin:.25rem 0 0;font-size:1.05rem;font-weight:950}.recent-label{color:#b7101a;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:.4rem;font-size:.72rem;font-weight:950;display:inline-flex}.recent-products-header>span{color:#fff;background:#b7101a;border-radius:999px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:950;display:grid}.recent-empty-text{color:#64748b;margin:0;font-size:.86rem;font-weight:700;line-height:1.55}.recent-products-list{flex-direction:column;gap:.7rem;display:flex}.recent-product-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.7rem;transition:all .25s;display:flex}.recent-product-card:hover{background:#fff1f2;border-color:#fecdd3;transform:translateY(-3px);box-shadow:0 14px 30px #b7101a21}.recent-product-card.active{background:#fff1f2;border-color:#b7101a;box-shadow:0 14px 32px #b7101a29}.recent-product-img{background:#fee2e2;border-radius:10px;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid;overflow:hidden}.recent-product-img img{object-fit:cover;width:100%;height:100%}.recent-product-img span{font-size:20px}.recent-product-info{flex-direction:column;gap:3px;min-width:0;display:flex}.recent-product-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:950;overflow:hidden}.recent-product-info small{color:#64748b;font-size:.72rem;font-weight:800}.products-main{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #e2e8f0f2;border-radius:10px;min-width:0;padding:1.45rem;box-shadow:0 24px 65px #0f172a1a}.products-main-header{border-bottom:1px solid #e2e8f0;margin-bottom:1.4rem;padding:.4rem .25rem 1.15rem}.products-main-header span{color:#b7101a;letter-spacing:1px;text-transform:uppercase;font-size:.76rem;font-weight:950}.products-main-header h2{color:#0f172a;letter-spacing:-1px;text-transform:capitalize;margin:.35rem 0 .4rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:950}.products-main-header p{color:#64748b;margin:0;font-weight:650;line-height:1.65}.search-filter-notice{color:#991b1b;background:#fff1f2;border:1px solid #fecdd3;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 24px;padding:14px 18px;font-weight:900;display:flex}.search-filter-notice button{color:#fff;cursor:pointer;background:#b7101a;border:none;border-radius:999px;padding:10px 18px;font-weight:950;transition:all .25s}.search-filter-notice button:hover{background:#991b1b;transform:translateY(-2px);box-shadow:0 12px 26px #b7101a2e}.products-main :is(.product-grid,.products-grid){gap:1.35rem}.products-main :is(.product-card,.product-item,.product-box){background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:transform .28s,box-shadow .28s,border-color .28s;overflow:hidden;box-shadow:0 16px 42px #0f172a17}.products-main :is(.product-card,.product-item,.product-box):hover{border-color:#dbeafe;transform:translateY(-7px);box-shadow:0 28px 70px #0f172a29}.products-main :is(.product-card,.product-item,.product-box) img{transition:transform .4s}.products-main :is(.product-card,.product-item,.product-box):hover img{transform:scale(1.06)}.page-title{color:#0f172a;margin-bottom:.5rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2rem}.hero-text{color:#555;margin-bottom:1.5rem}@media (width<=1100px){.products-content{grid-template-columns:280px minmax(0,1fr)}}@media (width<=992px){.products-content{grid-template-columns:1fr;padding:3rem 1rem}.category-sidebar{position:relative;top:auto}.category-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recent-products-sidebar{margin-top:1.1rem}}@media (width<=768px){.products-hero{min-height:360px;padding:70px 18px}.hero-title{letter-spacing:-1px}.hero-subtitle{font-size:1rem}.products-main{border-radius:22px;padding:1rem}}@media (width<=640px){.products-content{padding:2.5rem 1rem}.category-list{grid-template-columns:1fr}.category-item{grid-template-columns:38px minmax(0,1fr) auto}.search-filter-notice{flex-direction:column;align-items:flex-start}.search-filter-notice button{width:100%}}.gallery-page{color:#1f2937;background:radial-gradient(circle at 0 0,#b7101a0f,#0000 34%),linear-gradient(#f8fafc 0%,#eef2f7 100%);min-height:100vh;overflow-x:hidden}.gallery-hero{background-color:#0000;background-image:linear-gradient(120deg,#0a1023f0,#1e3a8ad6),url(/assets/Categories/staigent-banner.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;min-height:430px;padding:80px 20px;display:grid;position:relative;overflow:hidden}.gallery-hero-pattern{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:72px 72px;animation:16s linear infinite galleryPatternMove;position:absolute;inset:0}@keyframes galleryPatternMove{0%{background-position:0 0}to{background-position:144px 72px}}.gallery-hero-glow{filter:blur(9px);border-radius:999px;position:absolute}.gallery-glow-one{background:#b7101a47;width:340px;height:340px;top:40px;left:-110px}.gallery-glow-two{background:#38bdf82e;width:260px;height:260px;bottom:-40px;right:-70px}.gallery-hero-content{z-index:3;text-align:center;color:#fff;max-width:900px;position:relative}.gallery-hero-badge,.gallery-breadcrumb{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;background:#ffffff21;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.65rem 1rem;font-size:.78rem;font-weight:900;display:inline-flex}.gallery-hero h1{letter-spacing:-2px;text-shadow:0 18px 48px #00000073;margin:1.2rem 0 1rem;font-size:clamp(3.2rem,7vw,6.5rem);font-weight:950;line-height:1}.gallery-hero p{color:#ffffffe6;max-width:760px;margin:0 auto 1.5rem;font-size:1.08rem;line-height:1.75}.gallery-breadcrumb a{color:#fff;text-decoration:none}.gallery-breadcrumb span{color:#ffffffdb}.gallery-content{max-width:1280px;margin:0 auto;padding:4rem 1rem}.tabs{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #e2e8f0f2;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:2.8rem;padding:.65rem;display:flex;position:relative;box-shadow:0 18px 45px #0f172a14}.tabs button{z-index:11;color:#334155;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;min-width:150px;padding:.9rem 1.45rem;font-size:.92rem;font-weight:900;transition:transform .25s,box-shadow .25s,background .25s,color .25s,border-color .25s;display:inline-flex;position:relative}.tabs button .tab-icon{color:#1e3a8a;background:#eef2ff;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .25s;display:inline-grid}.tabs button:hover{color:#0f172a;background:#f8fafc;border-color:#dbeafe;transform:translateY(-3px);box-shadow:0 12px 26px #0f172a14}.tabs button.active{background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);color:#fff;border-color:#ffffff26;box-shadow:0 18px 38px #1e3a8a47}.tabs button.active .tab-icon{color:#fff;background:#ffffff2e}.gallery-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:1.45rem;display:grid;position:relative}.gallery-item{cursor:pointer;background:#fff;border:none;border-radius:24px;margin:0;padding:0;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 16px 45px #0f172a1a}.gallery-item:hover{transform:translateY(-7px);box-shadow:0 28px 70px #0f172a29}.gallery-item img{object-fit:cover;width:100%;height:360px;transition:transform .45s;display:block}.gallery-item:hover img{transform:scale(1.08)}.gallery-overlay{color:#fff;text-align:center;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab8;border-radius:999px;padding:.8rem 1rem;font-size:.86rem;font-weight:900;transition:all .3s;position:absolute;inset:auto 18px 18px;transform:translateY(12px)}.gallery-item:hover .gallery-overlay{opacity:1;transform:translateY(0)}.lightbox{z-index:9999;background:#000000e0;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.lightbox-inner{text-align:center;max-width:92vw;max-height:90vh;overflow:auto}.lightbox-inner img{object-fit:contain;border-radius:18px;max-width:100%;max-height:82vh;margin:0 auto;display:block;box-shadow:0 28px 90px #0000006b}.lightbox-inner p{color:#fff;margin-top:12px;font-size:15px;font-weight:800}.lightbox-close{color:#111827;cursor:pointer;z-index:10001;background:#fff;border:none;border-radius:50%;width:46px;height:46px;font-size:30px;line-height:1;transition:all .25s;position:fixed;top:24px;right:30px}.lightbox-close:hover{color:#b7101a;background:#fee2e2;transform:rotate(90deg)scale(1.05)}.lightbox-arrow{color:#111827;cursor:pointer;z-index:10001;background:#fff;border:none;border-radius:50%;width:56px;height:56px;font-size:44px;line-height:1;transition:background .3s,transform .3s;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{background:#e5e7eb;transform:translateY(-50%)scale(1.08)}.lightbox-prev{left:30px}.lightbox-next{right:30px}@media (width<=1024px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item img{height:320px}}@media (width<=768px){.gallery-hero{min-height:360px}.gallery-content{padding:2.8rem 1rem}.tabs{border-radius:26px}.tabs button{min-width:calc(50% - 10px)}}@media (width<=600px){.gallery-grid{grid-template-columns:1fr}.gallery-hero{min-height:350px;padding:70px 18px}.gallery-hero h1{letter-spacing:-1px}.gallery-hero p{font-size:1rem}.tabs{border-radius:24px;grid-template-columns:1fr;padding:.75rem;display:grid}.tabs button{width:100%;min-width:100%}.gallery-item img{height:300px}.lightbox-arrow{width:42px;height:42px;font-size:34px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-close{top:14px;right:14px}}.blog-page{background:radial-gradient(circle at 0 0,#b7101a0f,#0000 34%),linear-gradient(#f8fafc 0%,#eef2f7 100%);min-height:100vh;overflow-x:hidden}.blog-hero{background-color:#0000;background-image:linear-gradient(120deg,#0a1023f0,#1e3a8ad6),url(/assets/Categories/staigent-banner.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;min-height:430px;padding:80px 20px;display:grid;position:relative;overflow:hidden}.blog-hero-pattern{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:72px 72px;animation:16s linear infinite blogPatternMove;position:absolute;inset:0}@keyframes blogPatternMove{0%{background-position:0 0}to{background-position:144px 72px}}.blog-hero-glow{filter:blur(9px);border-radius:999px;position:absolute}.glow-one{background:#b7101a47;width:340px;height:340px;top:40px;left:-110px}.glow-two{background:#38bdf82e;width:260px;height:260px;bottom:-40px;right:-70px}.blog-hero-content{z-index:3;text-align:center;color:#fff;max-width:900px;position:relative}.blog-hero-badge,.blog-breadcrumb{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;background:#ffffff21;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:.55rem;padding:.65rem 1rem;font-size:.78rem;font-weight:900;display:inline-flex}.blog-hero h1{letter-spacing:-2px;text-shadow:0 18px 48px #00000073;margin:1.2rem 0 1rem;font-size:clamp(3.2rem,7vw,6.5rem);font-weight:950;line-height:1}.blog-hero p{color:#ffffffe6;max-width:760px;margin:0 auto 1.5rem;font-size:1.08rem;line-height:1.75}.blog-breadcrumb a{color:#fff;text-decoration:none}.blog-wrapper{max-width:1280px;margin:0 auto;padding:4rem 1rem}.featured-blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;grid-template-columns:1.1fr .9fr;gap:0;margin-bottom:2.5rem;text-decoration:none;transition:all .3s;display:grid;overflow:hidden;box-shadow:0 24px 70px #0f172a21}.featured-blog-card:hover{transform:translateY(-7px);box-shadow:0 34px 90px #0f172a2e}.featured-blog-img img{object-fit:cover;width:100%;height:430px;display:block}.featured-blog-content{flex-direction:column;justify-content:center;padding:2.4rem;display:flex}.featured-label,.blog-section-heading span{color:#b7101a;letter-spacing:1.2px;text-transform:uppercase;font-size:.78rem;font-weight:950}.featured-blog-content h2{color:#0f172a;margin:.75rem 0 1rem;font-size:clamp(2rem,3vw,3rem);font-weight:950;line-height:1.08}.featured-blog-content p{color:#475569;line-height:1.75}.blog-card-meta{color:#64748b;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;font-size:.9rem;display:flex}.blog-card-meta span,.blog-date{align-items:center;gap:.45rem;display:inline-flex}.blog-card-meta strong,.blog-card-body strong{color:#b7101a;align-items:center;gap:.45rem;display:inline-flex}.blog-section-heading{text-align:center;margin-bottom:1.6rem}.blog-section-heading h2{color:#0f172a;text-transform:uppercase;margin:.35rem 0 0;font-size:clamp(1.7rem,3vw,2.7rem);font-weight:950}.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.35rem;display:grid}.blog-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:10px;text-decoration:none;transition:all .3s;overflow:hidden;box-shadow:0 16px 45px #0f172a1a}.blog-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px #0f172a29}.blog-card-img img{object-fit:cover;width:100%;height:230px;display:block}.blog-card-body{padding:1.25rem}.blog-date{color:#64748b;font-size:.82rem;font-weight:800}.blog-card h3{color:#0f172a;margin:.75rem 0 .65rem;font-size:1.25rem;font-weight:950;line-height:1.25}.blog-card p{color:#475569;font-size:.94rem;line-height:1.65}.blog-empty{text-align:center;color:#64748b;background:#fff;border-radius:18px;padding:2rem;box-shadow:0 12px 34px #0f172a12}@media (width<=1024px){.featured-blog-card,.blog-grid{grid-template-columns:1fr}.featured-blog-img img{height:320px}}@media (width<=600px){.blog-hero{min-height:350px}.blog-wrapper{padding:2.5rem 1rem}.featured-blog-content{padding:1.5rem}}.blog-details-page{background:radial-gradient(circle at 0 0,#b7101a0f,#0000 34%),linear-gradient(#f8fafc 0%,#eef2f7 100%);min-height:100vh}.blog-details-loading{color:#0f172a;text-align:center;place-items:center;min-height:55vh;padding:2rem;display:grid}.blog-details-loading a{color:#b7101a;font-weight:900}.blog-details-hero{color:#fff;background-position:50%;background-size:cover;place-items:center;min-height:440px;padding:80px 20px;display:grid}.blog-details-hero-content{text-align:center;max-width:1000px}.blog-details-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;background:#ffffff24;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem 1rem;font-size:.78rem;font-weight:950;display:inline-flex}.blog-details-hero h1{letter-spacing:-1px;margin:1.2rem 0;font-size:clamp(2.6rem,5vw,5.2rem);font-weight:950;line-height:1.05}.blog-details-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem;display:flex}.blog-details-meta span,.blog-details-meta a{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;gap:.45rem;padding:.65rem .95rem;font-weight:900;text-decoration:none;display:inline-flex}.blog-details-wrapper{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:1.5rem;max-width:1280px;margin:0 auto;padding:3rem 1rem 4rem;display:grid}.blog-article-card,.blog-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 18px 55px #0f172a1a}.blog-article-card{padding:clamp(1.25rem,3vw,2.5rem)}.blog-article-excerpt{color:#475569;background:#f8fafc;border-left:5px solid #b7101a;border-radius:14px;margin:0 0 1.6rem;padding:1rem 1.25rem;font-size:1.12rem;line-height:1.75}.blog-article-content{color:#1f2937;font-size:1rem;line-height:1.85}.blog-article-content h2,.blog-article-content h3,.blog-article-content h4{color:#0f172a;margin:1.35rem 0 .7rem;font-weight:950;line-height:1.2}.blog-article-content p{margin:0 0 1rem}.blog-article-content ul,.blog-article-content ol{padding-left:1.5rem}.blog-article-content a{color:#b7101a;font-weight:800}.blog-article-content img{border-radius:14px;max-width:100%;height:auto;box-shadow:0 14px 35px #0f172a1f}.blog-article-content figure{margin:1.4rem 0}.blog-sidebar{position:sticky;top:1rem}.blog-sidebar-card{padding:1rem}.blog-sidebar-card h3{color:#0f172a;margin:0 0 1rem;font-size:1.25rem;font-weight:950}.blog-sidebar-list{gap:.75rem;display:grid}.blog-sidebar-list a{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:74px 1fr;gap:.75rem;padding:.65rem;text-decoration:none;transition:all .25s;display:grid}.blog-sidebar-list a:hover,.blog-sidebar-list a.active{color:#fff;background:#b7101a;border-color:#b7101a}.blog-sidebar-list img{object-fit:cover;border-radius:10px;width:74px;height:58px}.blog-sidebar-list strong{font-size:.88rem;line-height:1.35;display:block}.blog-sidebar-list small{color:#64748b;align-items:center;gap:.3rem;margin-top:.35rem;font-weight:800;display:inline-flex}.blog-sidebar-list a:hover small,.blog-sidebar-list a.active small{color:#ffffffd1}@media (width<=1000px){.blog-details-wrapper{grid-template-columns:1fr}.blog-sidebar{position:static}}@media (width<=600px){.blog-details-hero{min-height:350px}.blog-details-wrapper{padding:2rem 1rem 3rem}}.contact-hero{isolation:isolate;background-color:#0000;background-image:linear-gradient(120deg,#0a1023eb,#1e3a8ad6),url(/assets/Categories/staigent-banner.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;width:100%;min-height:400px;padding:95px 20px 100px;display:grid;position:relative;overflow:visible}.contact-hero-pattern{opacity:.8;z-index:1;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:72px 72px;animation:16s linear infinite contactPatternMove;position:absolute;inset:0}@keyframes contactPatternMove{0%{background-position:0 0}to{background-position:144px 72px}}.contact-hero-glow{filter:blur(8px);pointer-events:none;z-index:2;border-radius:999px;position:absolute}.glow-left{background:#e3061342;width:360px;height:360px;animation:6s ease-in-out infinite alternate heroGlowLeft;top:20px;left:-120px}.glow-right{background:#38bdf833;width:300px;height:300px;animation:7s ease-in-out infinite alternate heroGlowRight;bottom:-60px;right:-90px}@keyframes heroGlowLeft{to{transform:translate(45px,20px)scale(1.08)}}@keyframes heroGlowRight{to{transform:translate(-40px,-28px)scale(1.12)}}.contact-hero-overlay{z-index:3;text-align:center;color:#fff;max-width:920px;position:relative}.contact-hero-badge{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;letter-spacing:.7px;background:#ffffff21;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.55rem;margin-bottom:1.2rem;padding:.58rem 1rem;font-size:.82rem;font-weight:800;animation:.75s both heroBadgeIn;display:inline-flex}@keyframes heroBadgeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.contact-hero h1{color:#fff;letter-spacing:-2px;text-shadow:0 18px 48px #00000073;margin:0 0 1rem;font-size:clamp(3rem,6vw,5.6rem);font-weight:950;line-height:1;animation:.85s cubic-bezier(.2,.95,.3,1) both heroTitleIn}@keyframes heroTitleIn{0%{opacity:0;filter:blur(8px);transform:translateY(55px)skewY(3deg)}to{opacity:1;filter:blur();transform:translateY(0)skewY(0)}}.contact-hero-overlay>p{color:#ffffffe6;max-width:760px;margin:0 auto 1.4rem;font-size:1.08rem;line-height:1.75;animation:.85s .22s both heroParaIn}@keyframes heroParaIn{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.contact-breadcrumb{text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1rem;font-size:.78rem;font-weight:900;animation:.8s .35s both breadcrumbIn;display:inline-flex}@keyframes breadcrumbIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.contact-breadcrumb a{color:#fff;text-decoration:none}.contact-breadcrumb span{color:#fff}.contact-hero-cards{z-index:5;grid-template-columns:repeat(3,1fr);gap:1rem;width:min(900px,100% - 32px);display:grid;position:absolute;bottom:-58px;left:50%;transform:translate(-50%)}.contact-hero-cards div{text-align:center;background:#fff;border:1px solid #e2e8f0f2;border-radius:10px;min-height:95px;padding:1.15rem 1rem;box-shadow:0 22px 55px #0f172a2e}.contact-hero-cards strong{color:var(--primary-color,#b7101a);font-size:1.65rem;font-weight:950;display:block}.contact-hero-cards span{color:#475569;text-transform:uppercase;margin-top:.25rem;font-size:.78rem;font-weight:850;display:block}.contact-wrapper{width:100%;max-width:1320px;margin:0 auto;padding:7rem 1rem 4rem}.section-heading-box{text-align:center;background:#ffffffeb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:1.3rem;padding:1rem 1.2rem;box-shadow:0 14px 38px #0f172a14}.premium-heading span,.faq-heading span{text-transform:uppercase;color:var(--primary-color,#b7101a);letter-spacing:1.2px;margin-bottom:.35rem;font-size:.72rem;font-weight:900;display:block}.section-heading-box h2{color:#111827;text-transform:uppercase;margin:0;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:950}.contact-map-layout{grid-template-columns:360px minmax(0,1fr);align-items:stretch;gap:1.25rem;margin-bottom:2rem;display:grid}.map-sidebar{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;height:500px;min-height:500px;padding:1.1rem;overflow-y:auto;box-shadow:0 16px 45px #0f172a1a}.map-sidebar h3{color:#0f172a;z-index:2;background:#fff;align-items:center;gap:.55rem;margin:0 0 1rem;padding-bottom:.75rem;font-size:1rem;font-weight:950;display:flex;position:sticky;top:0}.map-office-btn{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;margin-bottom:.75rem;padding:.9rem;transition:all .25s}.map-office-btn span{color:var(--primary-color,#b7101a);text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;font-weight:950;display:inline-block}.map-office-btn strong{color:#0f172a;margin-bottom:.25rem;font-size:.86rem;display:block}.map-office-btn small{color:#64748b;line-height:1.5;display:block}.map-office-btn:hover,.map-office-btn.active{background:linear-gradient(135deg,#b7101a,#7a0e15);border-color:#b7101a;transform:translate(5px);box-shadow:0 14px 30px #b7101a38}.map-office-btn:hover span,.map-office-btn:hover strong,.map-office-btn:hover small,.map-office-btn.active span,.map-office-btn.active strong,.map-office-btn.active small{color:#fff}.map-box{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;height:500px;min-height:500px;overflow:hidden;box-shadow:0 18px 50px #0f172a1f}.map-box iframe{border:0;width:100%;height:100%;display:block}.office-grid{grid-template-columns:repeat(2,1fr);gap:1.6rem;margin-bottom:2.6rem;display:grid}.office-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .3s;overflow:hidden;box-shadow:0 16px 45px #0f172a1a}.office-card:hover{transform:translateY(-7px);box-shadow:0 26px 70px #0f172a29}.office-img{border-bottom:1px solid #e5e7eb;padding:.75rem;position:relative;overflow:hidden}.office-img img{object-fit:cover;border:1px solid #b7101a52;border-radius:10px;width:100%;height:330px;transition:all .45s;display:block}.office-card:hover .office-img img{transform:scale(1.045)}.office-country-badge{color:#fff;text-transform:uppercase;background:#b7101aeb;border-radius:999px;padding:.45rem .75rem;font-size:.72rem;font-weight:900;position:absolute;top:1.4rem;left:1.4rem}.office-body{padding:1rem 1.15rem 1.35rem}.office-body h3{text-align:center;color:#111827;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;margin:0 0 .9rem;padding:.8rem;font-size:.95rem;font-weight:950;display:flex}.office-body p{color:var(--primary-color,#b7101a);align-items:flex-start;gap:.65rem;margin:.65rem 0;font-size:.9rem;font-weight:650;line-height:1.55;display:flex}.office-body p svg{flex-shrink:0;margin-top:.18rem}.office-map-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;width:100%;margin-top:.85rem;padding:.8rem;font-weight:900;transition:all .25s}.office-map-btn:hover{background:var(--primary-color,#b7101a);transform:translateY(-2px)}.contact-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:.85fr 1.15fr;gap:1.5rem;margin-bottom:2.3rem;padding:1.2rem;display:grid;position:relative;box-shadow:0 20px 60px #0f172a1f}.form-design-panel{color:#fff;background-color:#0000;background-image:linear-gradient(349deg,#0f172af0,#f44336b3),url(/assets/contact-us/staigent-china.jpg),url(/assets/contact-us/staigent-china.jpg);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:10px;padding:2rem}.form-design-panel span{text-transform:uppercase;letter-spacing:1px;color:#fecaca;margin-bottom:.8rem;font-size:.75rem;font-weight:950;display:inline-block}.form-design-panel h2{margin:0 0 1rem;font-size:clamp(1.8rem,3vw,3rem);font-weight:950;line-height:1.08}.form-design-panel p{color:#ffffffd1;line-height:1.75}.form-contact-mini{border-top:1px solid #ffffff29;margin-top:1.5rem;padding-top:1.2rem}.form-contact-mini p{color:#fff;align-items:center;gap:.6rem;margin:.7rem 0;font-weight:800;display:flex}.contact-form{flex-direction:column;gap:1.1rem;padding:1.2rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.1rem;display:grid}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-group label{color:#334155;font-size:.82rem;font-weight:850}.form-group input,.form-group select,.form-group textarea{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:.9rem .95rem;font-size:.95rem;transition:all .22s}.form-group input,.form-group select{height:52px}.form-group textarea{resize:vertical;min-height:170px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color,#b7101a);box-shadow:0 0 0 4px #b7101a1c}.contact-submit-btn{background:linear-gradient(135deg, var(--primary-color,#b7101a), #7a0e15);color:#fff;text-transform:uppercase;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.55rem;width:max-content;padding:.95rem 1.45rem;font-size:.82rem;font-weight:950;transition:all .25s;display:inline-flex;box-shadow:0 14px 34px #b7101a3d}.contact-submit-btn:hover{transform:translateY(-3px);box-shadow:0 18px 44px #b7101a57}.faq-section{margin-top:1rem}.faq-heading h2{text-transform:uppercase;font-size:clamp(1.45rem,2vw,2rem)}.faq-list{gap:.85rem;display:grid}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .25s;overflow:hidden;box-shadow:0 12px 34px #0f172a12}.faq-item.active{border-color:#b7101a47;box-shadow:0 18px 44px #b7101a1c}.faq-question{color:#111827;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.15rem 1.25rem;font-weight:950;display:flex}.faq-question svg{color:var(--primary-color,#b7101a);flex-shrink:0}.faq-question.active{color:var(--primary-color,#b7101a)}.faq-answer{color:#475569;text-align:left;margin:0;padding:0 1.25rem 1.2rem;font-size:.94rem;line-height:1.75;animation:.25s both faqSlide}@keyframes faqSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.contact-map-layout,.contact-form-section{grid-template-columns:1fr}.map-sidebar{height:auto;min-height:unset;order:2;max-height:420px}.premium-map,.map-box{order:1;height:420px;min-height:420px}.office-grid{grid-template-columns:1fr}}@media (width<=768px){.contact-hero{min-height:430px;padding:60px 16px 120px}.contact-hero-cards{grid-template-columns:1fr;margin-top:1.5rem;position:relative;bottom:auto;left:auto;transform:none}.contact-wrapper{padding:2rem 1rem 3rem}.form-row{grid-template-columns:1fr}.map-box{height:330px;min-height:330px}.office-img img{height:260px}.contact-form-section{padding:.85rem}.form-design-panel{padding:1.4rem}.contact-form{padding:.5rem}}.gallery-lightbox-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;background:#020617d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.gallery-lightbox-card{background:#0f172a;border:1px solid #ffffff1f;border-radius:22px;justify-content:center;align-items:center;width:min(920px,96vw);max-height:92vh;padding:24px 74px;display:flex;position:relative;box-shadow:0 30px 90px #000000a6}.gallery-lightbox-main{text-align:center;width:100%}.gallery-lightbox-main img{object-fit:contain;background:#fff;border-radius:16px;max-width:100%;max-height:58vh;padding:10px}.gallery-lightbox-close{color:#fff;cursor:pointer;background:#ef44442e;border:none;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:16px;right:16px}.gallery-lightbox-arrow{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery-lightbox-arrow.left{left:18px}.gallery-lightbox-arrow.right{right:18px}.gallery-lightbox-caption{color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.gallery-lightbox-caption span,.gallery-lightbox-caption small{color:#bae6fd;background:#38bdf824;border:1px solid #38bdf838;border-radius:999px;padding:4px 10px;font-weight:700}.gallery-lightbox-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.gallery-lightbox-use,.gallery-lightbox-delete{color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-weight:800;display:inline-flex}.gallery-lightbox-use{background:linear-gradient(135deg,#0284c7,#4f46e5)}.gallery-lightbox-delete{background:linear-gradient(135deg,#dc2626,#991b1b)}.gallery-lightbox-delete:disabled{opacity:.65;cursor:not-allowed}.gallery-lightbox-note{color:#94a3b8;margin:12px 0 0;font-size:.82rem}.gallery-use-btn{color:#d1fae5;cursor:pointer;background:#10b98138;border:none;border-radius:8px;width:100%;margin-top:8px;padding:7px 8px;font-weight:800}.gallery-use-btn:hover{color:#fff;background:#10b9815c}@media (width<=700px){.gallery-lightbox-card{padding:70px 18px 24px}.gallery-lightbox-arrow{top:26px;transform:none}.gallery-lightbox-arrow.left{left:18px}.gallery-lightbox-arrow.right{left:74px;right:auto}}.rich-text-editor{background:#0f172a59;border:1px solid #94a3b859;border-radius:14px;width:100%;overflow:hidden}.rte-toolbar{background:#0f172aa6;border-bottom:1px solid #94a3b838;flex-wrap:wrap;gap:.45rem;padding:.75rem;display:flex}.rte-toolbar button,.rte-toolbar select{color:#fff;cursor:pointer;background:#1e293bcc;border:1px solid #94a3b859;border-radius:8px;min-height:34px;padding:.35rem .55rem;font-size:.82rem;font-weight:800}.rte-toolbar button:hover,.rte-toolbar select:hover{background:#334155f2;border-color:#ffffff73}.rte-color-btn{width:30px;min-width:30px;border-radius:50%!important;padding:0!important}.rte-bg-btn{border-radius:8px!important}.rte-separator{background:#94a3b840;width:1px;min-height:30px;margin:0 .15rem}.rte-content{color:#fff;outline:none;padding:.95rem 1rem;line-height:1.75;overflow-y:auto}.rte-content:empty:before{content:attr(data-placeholder);color:#cbd5e18c}.rte-content a{color:#93c5fd;text-decoration:underline}.rte-content ul,.rte-content ol{padding-left:1.4rem}.rte-content h2,.rte-content h3,.rte-content h4{color:#fff;margin:1rem 0 .5rem;line-height:1.25}.rte-content img{max-width:100%;height:auto}.rte-image-wrapper{margin:18px 0;display:block}.rte-image-wrapper img{box-shadow:0 14px 35px #00000038}@media (width<=700px){.rte-toolbar{gap:.35rem}.rte-toolbar button,.rte-toolbar select{font-size:.75rem}}:root{--primary-color:#b7101a;--primary-dark:#7a0e15;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--sidebar-bg:#0f172a99;--content-bg:#1e293b66;--glass-border:#ffffff14;--text-white:#f8fafc;--text-muted:#94a3b8;--accent-color:#38bdf8;--success-color:#10b981;--error-color:#ef4444}.admin-dashboard-container{background:var(--bg-gradient);min-height:100vh;color:var(--text-white);font-family:Outfit,Inter,sans-serif;display:flex;overflow-x:hidden}.dashboard-sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(24px)saturate(120%);backdrop-filter:blur(24px)saturate(120%);border-right:1px solid var(--glass-border);flex-direction:column;flex-shrink:0;width:320px;padding:2rem 1.5rem;display:flex;box-shadow:10px 0 30px #0000004d}.sidebar-brand{flex-direction:column;align-items:flex-start;display:flex}.sidebar-brand h2{background:linear-gradient(135deg,#fff,#fff);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.sidebar-logo{object-fit:contain;width:150px;height:100px;margin-top:14px;margin-bottom:10px;display:block}.badge-role{color:var(--text-white);letter-spacing:1px;background:#38bdf826;border-radius:9999px;margin-top:.5rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.sidebar-nav{flex-direction:column;flex-grow:1;gap:.5rem;margin-top:3rem;display:flex}.nav-item{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:.85rem 1.2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:var(--text-white);background:#ffffff0d;transform:translate(4px)}.nav-item.active{color:var(--text-white);background:var(--primary-color);box-shadow:0 4px 20px #0284c74d}.coa-available{color:#a7f3d0;background:#10b9812e;border-radius:6px;padding:.25rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.add-variant-grid input[type=file],.table-input[type=file]{color:#fff}.sidebar-footer{border-top:1px solid var(--glass-border);flex-direction:column;gap:1rem;margin-top:auto;padding-top:1.5rem;display:flex}.user-profile{align-items:center;gap:12px;display:flex}.user-avatar{border:1px solid var(--glass-border);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-white);font-size:.95rem;font-weight:700}.user-role-lbl{color:var(--text-muted);text-transform:capitalize;font-size:.75rem}.btn-logout{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef444433;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.75rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.btn-logout:hover{background:#ef44444d;transform:translateY(-2px)}.dashboard-content{flex-direction:column;flex-grow:1;gap:2rem;max-height:100vh;padding:2.5rem;display:flex;overflow-y:auto}.alert-toast{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;border-radius:16px;align-items:center;gap:10px;padding:1rem 1.5rem;font-weight:600;animation:.3s cubic-bezier(.4,0,.2,1) slideInRight;display:flex;position:fixed;top:2rem;right:2rem;box-shadow:0 10px 40px #00000080}.alert-success{color:#a7f3d0;background:#10b98133;border:1px solid #10b98166}.alert-error{color:#fecaca;background:#ef444433;border:1px solid #ef444466}.hero-banner{border:1px solid var(--glass-border);background:linear-gradient(135deg,#1e293bb3 0%,#0f172acc 100%);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem;display:flex;box-shadow:0 10px 30px #00000026}.hero-welcome h1{letter-spacing:-.5px;margin:0;font-size:2.2rem;font-weight:800}.hero-welcome h1 .highlight{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-welcome p{color:var(--text-muted);margin:.5rem 0 0;font-size:1.1rem}.hero-stats{flex-wrap:wrap;gap:1.5rem;display:flex}.stat-card{border:1px solid var(--glass-border);background:#ffffff08;border-radius:20px;flex-direction:column;align-items:center;min-width:120px;padding:1.25rem 2rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.stat-card:hover{background:#ffffff0f;transform:translateY(-5px)}.stat-num{color:var(--accent-color);font-size:2rem;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;font-size:.8rem;font-weight:600}.content-card{border:1px solid var(--glass-border);background:#1e293b73;border-radius:24px;flex-grow:1;padding:2.5rem;box-shadow:0 15px 40px #0003}.tab-pane h2{margin:0;font-size:1.8rem;font-weight:800}.tab-subtitle{color:var(--text-muted);margin:.25rem 0 2rem;font-size:1rem}.quick-actions{border:1px solid var(--glass-border);background:#ffffff05;border-radius:20px;margin-top:2rem;padding:1.5rem}.quick-actions h3{margin-top:0;font-size:1.2rem;font-weight:700}.action-buttons-grid{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;border:none;box-shadow:0 4px 15px #0284c74d}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-dark), #4338ca);transform:translateY(-2px);box-shadow:0 6px 20px #0284c780}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-white);background:#ffffff14}.btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.btn-outlined{border:1px solid var(--glass-border);color:var(--text-muted);background:0 0}.btn-outlined:hover{color:var(--text-white);border-color:var(--accent-color)}.btn-sm{border-radius:8px;padding:.45rem 1rem;font-size:.85rem}.btn-xs{border-radius:6px;padding:.3rem .6rem;font-size:.75rem}.btn-full{width:100%}.system-summary{margin-top:2rem}.system-summary h3{font-size:1.2rem;font-weight:700}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem;display:grid}.summary-item{border:1px solid var(--glass-border);background:#ffffff03;border-radius:12px;padding:1rem 1.25rem;font-size:.95rem}.pane-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.data-table-container{border:1px solid var(--glass-border);background:#0f172a40;border-radius:16px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.data-table th{color:var(--text-muted);border-bottom:1px solid var(--glass-border);text-transform:uppercase;letter-spacing:.5px;background:#ffffff08;padding:1rem 1.25rem;font-size:.75rem;font-weight:700}.data-table td{border-bottom:1px solid var(--glass-border);vertical-align:middle;padding:1rem 1.25rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.thumbnail-preview img{object-fit:cover;border:1px solid var(--glass-border);border-radius:8px;width:48px;height:48px}.placeholder-thumb{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.path-indicator{color:var(--accent---text-white);background:#38bdf814;border-radius:6px;padding:.25rem .6rem;font-size:.85rem}.role-badge{border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.badge-super{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.badge-editor{color:#fde68a;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-viewer{color:#a7f3d0;background:#10b98126;border:1px solid #10b9814d}.creation-inline-form{border:1px solid var(--glass-border);background:#ffffff05;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.creation-inline-form h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem}.form-row{gap:1rem}.form-row input{color:#000;border:1px solid #e02727;border-radius:10px;flex-grow:1;padding:.75rem 1rem;font-size:.95rem;transition:border .3s}.form-row input:focus{border-color:var(--accent-color);outline:none}.form-row-multi{grid-template-columns:1fr 1fr auto;align-items:center;gap:1.5rem;display:grid}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-field label{color:var(--text-muted);font-size:.85rem;font-weight:600}.form-field select,.form-field input{border:1px solid var(--glass-border);color:#fff;background:#0f172a4d;border-radius:10px;padding:.75rem 1rem;font-size:.95rem}.form-field select:focus,.form-field input:focus{border-color:var(--accent-color);outline:none}.align-end{align-self:flex-end;height:48px}.list-items-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.list-card{border:1px solid var(--glass-border);background:#ffffff05;border-radius:16px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.list-card:hover{background:#ffffff0d;border-color:#38bdf840;transform:scale(1.03);box-shadow:0 8px 25px #00000040}.list-card-header{align-items:center;gap:8px;margin-bottom:.5rem;font-size:1.05rem;display:flex}.list-card-body{color:var(--text-muted);font-size:.85rem}.parent-tag{color:#a5b4fc;background:#818cf81a;border-radius:4px;padding:.15rem .45rem}.sidebar-footer button{width:100%;margin-top:.5rem}.btn-settings{color:#b5e3ff;cursor:pointer;background:#38bdf826;border:1px solid #38bdf833;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:.75rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.btn-settings:hover{background:#38bdf84d;transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f172aa6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--glass-border);background:#1e293b;border-radius:24px;width:100%;max-width:500px;padding:2rem;box-shadow:0 25px 50px -12px #00000080}.modal-large{max-width:150vh;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-header h3{margin:0;font-size:1.4rem;font-weight:800}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.25rem;transition:color .3s}.btn-close:hover{color:var(--text-white)}.modal-form{flex-direction:column;gap:1.25rem;display:flex}.modal-form .form-group{flex-direction:column;gap:.4rem;display:flex}.modal-form label{color:var(--text-muted);font-size:.85rem;font-weight:600}.modal-form input,.modal-form select{border:1px solid var(--glass-border);color:#fff;background:#0f172a4d;border-radius:10px;padding:.75rem 1rem;font-size:.95rem}.modal-form input:focus,.modal-form select:focus{border-color:var(--accent-color);outline:none}.modal-grid{grid-template-columns:415px 1fr;gap:2rem;display:grid}.modal-col h4{border-bottom:1px solid var(--glass-border);color:var(--text-white);margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}.empty-text{color:var(--text-muted);font-size:.9rem;font-style:italic}.variants-list{border:1px solid var(--glass-border);background:#0f172a33;border-radius:12px;max-height:250px;margin-bottom:1.5rem;overflow-y:auto}.variants-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.variants-table th{border-bottom:1px solid var(--glass-border);color:#fff;background:var(--primary-color);border-radius:6px;padding:.75rem 1rem;font-weight:700}.variants-table td{border-bottom:1px solid var(--glass-border);vertical-align:middle;padding:.75rem 1rem}.variants-table tr:last-child td{border-bottom:none}.table-input{border:1px solid var(--glass-border);color:#fff;box-sizing:border-box;background:#0f172a80;border-radius:4px;width:100%;padding:.25rem .5rem}.table-actions{gap:4px;display:flex}.add-variant-inline{border:1px solid var(--glass-border);background:#ffffff05;border-radius:16px;padding:1.25rem}.add-variant-inline h5{margin-top:0;margin-bottom:.75rem;font-size:.95rem}.add-variant-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.add-variant-grid input{border:1px solid var(--glass-border);color:#fff;background:#0f172a4d;border-radius:8px;padding:.5rem .75rem;font-size:.85rem}.add-variant-grid input:focus{border-color:var(--accent-color);outline:none}.margin-top-sm{margin-top:.75rem}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.35s ease-out forwards fadeIn}.animate-scale-up{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=1024px){.admin-dashboard-container{flex-direction:column}.dashboard-sidebar{border-right:none;border-bottom:1px solid var(--glass-border);width:100%;padding:1.5rem}.sidebar-nav{flex-direction:row;margin-top:1.5rem;padding-bottom:.5rem;overflow-x:auto}.sidebar-footer{border-top:none;border-bottom:1px solid var(--glass-border);flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem}.btn-logout{width:auto}.dashboard-content{max-height:none;padding:1.5rem}.modal-grid{grid-template-columns:1fr}}@media (width<=640px){.hero-banner{padding:1.5rem}.hero-welcome h1{font-size:1.75rem}.form-row-multi{grid-template-columns:1fr}.align-end,.action-buttons-grid .btn{width:100%}}.hero-banner,.sidebar-footer{display:none!important}.logout-btn-visible{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#dc2626,#e30613);border:none;border-radius:10px;width:100%;padding:14px 18px;font-size:16px;font-weight:700;box-shadow:0 3px 8px #f8f7f7fa}.logout-btn-visible:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.overview-pane{width:100%}.overview-top{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.overview-kicker{color:var(--text-white);letter-spacing:.8px;text-transform:uppercase;background:#38bdf81f;border:1px solid #38bdf838;border-radius:999px;align-items:center;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.overview-top h2{letter-spacing:-.8px;background:linear-gradient(135deg,#fff,#93c5fd,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.15rem;font-weight:900}.overview-user-chip{background:linear-gradient(135deg,#0f172abf,#1e293b73);border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:.9rem;min-width:220px;padding:1rem 1.1rem;display:flex;box-shadow:0 14px 35px #00000038}.overview-avatar{background:var(--primary-color);color:#fff;border-radius:15px;place-items:center;width:46px;height:46px;font-size:1.25rem;font-weight:900;display:grid;box-shadow:0 8px 24px #0284c759}.overview-user-chip strong{color:#fff;font-size:.98rem;line-height:1.2;display:block}.overview-user-chip span{color:#94a3b8;letter-spacing:.7px;margin-top:.2rem;font-size:.72rem;font-weight:800;display:block}.overview-metrics-grid{grid-template-columns:repeat(4,minmax(190px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.overview-metric-card{background:linear-gradient(145deg,#ffffff12,#ffffff06);border:1px solid #ffffff17;border-radius:24px;min-height:155px;padding:1.35rem;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000038}.overview-metric-card:before{content:"";background:#ffffff12;border-radius:50%;width:140px;height:140px;position:absolute;top:-45px;right:-45px}.overview-metric-card:after{content:"";background:linear-gradient(90deg,#38bdf800,#38bdf8e6,#6366f100);height:4px;position:absolute;inset:auto 0 0}.overview-metric-card:hover{border-color:#38bdf859;transform:translateY(-7px);box-shadow:0 25px 60px #00000059}.metric-icon{background:#0f172a73;border:1px solid #ffffff14;border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:1.1rem;font-size:1.45rem;display:grid}.metric-content span{color:#cbd5e1;text-transform:uppercase;letter-spacing:.55px;font-size:.84rem;font-weight:800;display:block}.metric-content h3{color:#fff;margin:.35rem 0;font-size:2.45rem;font-weight:950;line-height:1}.metric-content p{color:#94a3b8;margin:0;font-size:.86rem;font-weight:500}.card-admins{background:linear-gradient(145deg,#7c3aed38,#ffffff06)}.card-products{background:linear-gradient(145deg,#0284c73d,#ffffff06)}.card-categories{background:linear-gradient(145deg,#10b98133,#ffffff06)}.card-orders{background:linear-gradient(145deg,#f59e0b33,#ffffff06)}.overview-bottom-grid{grid-template-columns:.9fr 1.1fr;gap:1.25rem;margin-top:1.5rem;display:grid}.overview-panel{background:#0f172a47;border:1px solid #ffffff14;border-radius:24px;padding:1.5rem;box-shadow:0 18px 45px #00000029}.panel-title-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-title-row h3{color:#fff;margin:0;font-size:1.15rem;font-weight:850}.live-dot,.soft-badge{border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.live-dot{color:#2a8a4d;background:#10b9811f;border:1px solid #10b9813d}.live-dot:before{content:"";background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 16px #22c55e}.soft-badge{color:var(--text-white);background:#3b82f61f;border:1px solid #3b82f638}.summary-clean-list{gap:.8rem;display:grid}.summary-clean-list div{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:1rem;padding:.85rem 0;display:flex}.summary-clean-list div:last-child{border-bottom:none}.summary-clean-list span{color:#94a3b8;font-size:.9rem}.summary-clean-list strong{color:#fff;font-size:.9rem}.overview-note{color:#94a3b8;margin:0 0 1.2rem;font-size:.94rem;line-height:1.65}.mini-progress-list{gap:1rem;display:grid}.mini-progress-list span{color:#cbd5e1;margin-bottom:.45rem;font-size:.84rem;font-weight:700;display:block}.mini-bar{background:#ffffff12;border-radius:999px;height:8px;overflow:hidden}.mini-bar i{background:var(--primary-color);border-radius:999px;height:100%;display:block;box-shadow:0 0 20px #38bdf873}@media (width<=1200px){.overview-metrics-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.overview-bottom-grid{grid-template-columns:1fr}}@media (width<=700px){.overview-top{flex-direction:column}.overview-user-chip{width:100%}.overview-metrics-grid{grid-template-columns:1fr}.overview-top h2{font-size:1.75rem}}.dashboard-sidebar{flex-shrink:0;width:320px;height:100vh;min-height:100vh;padding:2rem 1.5rem 7rem;position:relative;overflow:hidden}.sidebar-nav{flex-direction:column;gap:.5rem;margin-top:3rem;display:flex;overflow:hidden}.sidebar-footer-fixed{z-index:20;position:absolute;bottom:24px;left:24px;right:24px}.dashboard-content{flex:1;height:100vh;max-height:100vh;padding:2.5rem;overflow:hidden auto}.dashboard-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#0369a1,#4338ca)}.logout-btn-visible{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#0284c7f2,#6366f1f2);border:none;border-radius:12px;width:100%;padding:14px 18px;font-size:16px;font-weight:800;transition:all .25s;box-shadow:0 0 18px #38bdf859}.logout-btn-visible:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 0 22px #ef444473}@media (width<=1024px){html,body,#root{overflow:auto}.admin-dashboard-container{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.dashboard-sidebar{width:100%;height:auto;min-height:auto;padding:1.5rem;overflow:visible}.sidebar-footer-fixed{margin-top:1rem;position:static}.dashboard-content{height:auto;max-height:none;padding:1.5rem;overflow:visible}}.admin-dashboard-container{height:100vh!important;min-height:100vh!important;display:flex!important;overflow:hidden!important}.dashboard-sidebar{box-sizing:border-box!important;flex-direction:column!important;flex-shrink:0!important;width:320px!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;padding:2rem 1.5rem 1.5rem!important;display:flex!important;position:relative!important;overflow:hidden!important}.sidebar-brand{flex-shrink:0!important}.sidebar-nav{flex-direction:column!important;flex:none!important;gap:.5rem!important;margin-top:3rem!important;display:flex!important;overflow:hidden!important}.sidebar-footer-fixed{visibility:visible!important;opacity:1!important;z-index:9999!important;flex-shrink:0!important;width:100%!important;margin-top:auto!important;display:block!important;position:static!important;bottom:auto!important;left:auto!important;right:auto!important}.logout-btn-visible{color:#fff!important;cursor:pointer!important;text-align:center!important;background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:100%!important;height:52px!important;padding:14px 18px!important;font-size:16px!important;font-weight:800!important;display:flex!important;box-shadow:0 0 18px #38bdf873!important}.logout-btn-visible:hover{transform:translateY(-2px);background:linear-gradient(135deg,#b91c1c,#dc2626)!important}.dashboard-content{box-sizing:border-box!important;flex:1!important;height:100vh!important;max-height:100vh!important;padding:2.5rem!important;overflow:hidden auto!important}.dashboard-content::-webkit-scrollbar{width:10px}.dashboard-content::-webkit-scrollbar-track{background:#0f172a80}.dashboard-content::-webkit-scrollbar-thumb{background:linear-gradient(#0284c7,#4f46e5);border-radius:999px}@media (width<=1024px){html,body,#root{overflow:auto}.admin-dashboard-container{flex-direction:column!important;height:auto!important;min-height:100vh!important;overflow:visible!important}.dashboard-sidebar{width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}.sidebar-footer-fixed{margin-top:1rem!important}.dashboard-content{height:auto!important;max-height:none!important;overflow:visible!important}}.order-btn-invoice{background:#7c3aed}.order-btn-invoice{color:#fff;background:#7c3aed}.order-btn-invoice:hover{background:#6d28d9}.orders-table th,.orders-table td{vertical-align:top}.order-status-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:92px;padding:.35rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-pending{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.status-approved{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.status-delivered{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.status-cancelled{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.order-action-buttons{flex-wrap:wrap;gap:.4rem;min-width:270px;display:flex}.order-btn{cursor:pointer;color:#fff;border:none;border-radius:7px;padding:.38rem .58rem;font-size:.74rem;font-weight:700;transition:all .18s}.order-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #0f172a2e}.order-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.order-btn-pending{background:#f97316}.order-btn-approved{background:#16a34a}.order-btn-delivered{background:#2563eb}.order-btn-cancelled{background:#dc2626}.order-btn-delete{background:#111827}.gallery-picker-box label{color:var(--text-muted);font-size:.85rem;font-weight:700}.gallery-picker-box select,.gallery-picker-box input[type=file]{border:1px solid var(--glass-border);color:#fff;background:#0f172a4d;border-radius:10px;width:100%;padding:.7rem .9rem;font-size:.88rem}.gallery-picker-box select option{color:#000}.coas-table code{color:#bae6fd;background:#38bdf814;border:1px solid #38bdf82e;border-radius:5px;padding:.15rem .35rem}.coa-file-input{margin-top:.55rem}.btn-error:hover{color:#fff;background:#ef444452}.dashboard-sidebar{height:100vh!important;min-height:100vh!important;padding-bottom:1.25rem!important;position:sticky!important;top:0!important;overflow:hidden auto!important}.sidebar-nav{flex-grow:1!important;padding-bottom:1.25rem!important}.btn-sidebar-add{width:100%!important;margin-top:1.25rem!important;margin-bottom:1.5rem!important}.sidebar-footer-fixed{border-top:1px solid var(--glass-border)!important;z-index:auto!important;width:100%!important;margin-top:auto!important;padding-top:1.25rem!important;position:static!important;bottom:auto!important;left:auto!important;right:auto!important}.logout-btn-visible{width:100%!important;margin-top:0!important;box-shadow:0 10px 24px #dc262638!important}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track{background:#ffffff0a}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}@media (height<=760px){.sidebar-nav{gap:.35rem!important;margin-top:1.25rem!important}.nav-item{padding:.72rem 1rem!important}.sidebar-logo{height:72px!important;margin-top:8px!important;margin-bottom:6px!important}.btn-sidebar-add{margin-top:.9rem!important;margin-bottom:1rem!important}}.gallery-picker-box{flex-direction:column;gap:.55rem;min-width:260px;display:flex}.gallery-mode-row{flex-wrap:wrap;gap:.5rem;display:flex}.gallery-search-input{border:1px solid var(--glass-border);color:#fff;background:#0f172a59;border-radius:10px;outline:none;width:100%;padding:.75rem .9rem;font-size:.9rem}.gallery-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #38bdf81f}.gallery-image-scroll{border:1px solid var(--glass-border);background:#0f172a38;border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.65rem;width:100%;max-height:260px;padding:.65rem;display:grid;overflow:hidden auto}.gallery-image-card{border:1px solid var(--glass-border);color:#fff;cursor:pointer;text-align:left;background:#ffffff0a;border-radius:12px;padding:.55rem;transition:all .2s}.gallery-image-card:hover{border-color:#38bdf873;transform:translateY(-2px)}.gallery-image-card.selected{background:#38bdf829;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81f}.gallery-image-card img{object-fit:cover;background:#ffffff0f;border-radius:9px;width:100%;height:78px;margin-bottom:.45rem;display:block}.gallery-image-card span{color:#fff;word-break:break-word;font-size:.78rem;font-weight:800;line-height:1.2;display:block}.gallery-image-card small{color:#bae6fd;background:#38bdf824;border-radius:999px;margin-top:.25rem;padding:.12rem .35rem;font-size:.68rem;font-weight:800;display:inline-flex}.gallery-selected-preview{object-fit:cover;border:1px solid var(--glass-border);background:#ffffff0f;border-radius:10px;width:94px;height:74px;margin-top:.35rem}.gallery-image-scroll::-webkit-scrollbar{width:6px}.gallery-image-scroll::-webkit-scrollbar-track{background:#ffffff0a}.gallery-image-scroll::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}@media (width<=768px){.gallery-image-scroll{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:220px}}.product-docs-table td{vertical-align:middle}.admin-doc-link{color:#bae6fd;background:#38bdf814;border:1px solid #38bdf82e;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-weight:700;text-decoration:none;display:inline-flex}.admin-doc-link:hover{color:#fff;background:#38bdf82e;text-decoration:underline}.doc-missing{color:#fca5a5;background:#ef44441f;border:1px solid #ef444433;border-radius:8px;padding:.35rem .6rem;font-size:.85rem;font-weight:700;display:inline-flex}.product-docs-table .table-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.product-docs-table input[type=file]{color:#fff}.blogs-admin-pane .blog-admin-form{border:1px solid var(--glass-border);background:#0f172a59;border-radius:22px;margin-bottom:1.5rem;padding:1.5rem}.blog-admin-form-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.blog-admin-form-header h3{color:#fff;margin:0;font-size:1.25rem;font-weight:900}.blog-admin-form-header p,.blog-field-help,.blog-admin-excerpt{color:var(--text-muted);font-size:.85rem;line-height:1.55}.blog-admin-grid{grid-template-columns:1.5fr 220px;gap:1rem;display:grid}.blog-admin-form .form-group{flex-direction:column;gap:.45rem;margin-bottom:1rem;display:flex}.blog-admin-form label{color:var(--text-muted);font-size:.85rem;font-weight:800}.blog-admin-form input,.blog-admin-form select,.blog-admin-form textarea{border:1px solid var(--glass-border);color:#fff;background:#0f172a73;border-radius:12px;padding:.75rem .9rem;font-size:.95rem}.blog-admin-form textarea{resize:vertical;min-height:95px}.blog-admin-form input:focus,.blog-admin-form select:focus,.blog-admin-form textarea:focus{border-color:var(--accent-color);outline:none}.blog-admin-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.blog-admin-table-wrap{margin-top:1.5rem}.blog-admin-thumb{object-fit:cover;border:1px solid var(--glass-border);border-radius:10px;width:76px;height:54px}.blogs-table code{color:#bfdbfe;background:#3b82f61f;border-radius:6px;padding:.25rem .45rem}.blog-status-badge{text-transform:uppercase;border-radius:999px;padding:.3rem .65rem;font-size:.72rem;font-weight:900;display:inline-flex}.blog-status-badge.status-published{color:#a7f3d0;background:#10b9812b;border:1px solid #10b98147}.blog-status-badge.status-draft{color:#fde68a;background:#f59e0b2b;border:1px solid #f59e0b47}.btn-error{color:#fecaca;background:#ef444429;border:1px solid #ef444447}.btn-error:hover{background:#ef444447}@media (width<=900px){.blog-admin-grid,.blog-admin-form-header{flex-direction:column;grid-template-columns:1fr}}