.eco-future-header{z-index:1000;-webkit-backdrop-filter:blur(18px);background:#071227f0;border-bottom:1px solid #75a7ec2e;width:100%;padding:10px 0;transition:background .25s,box-shadow .25s,border-color .25s;position:sticky;top:0;box-shadow:0 8px 30px #07193721}.eco-future-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 0,#1769e02b,#0000 28%),radial-gradient(circle at 82% 0,#498fff17,#0000 24%);position:absolute;inset:0}.eco-future-header.eco-nav-scrolled{background:#050f21fa;border-bottom-color:#5c99eb40;box-shadow:0 12px 35px #04112640}.eco-future-nav-container{z-index:1;justify-content:space-between;align-items:center;gap:20px;width:min(1240px,100% - 28px);min-height:50px;margin:0 auto;display:flex;position:relative}.eco-future-brand{align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;display:inline-flex!important}.eco-future-logo-wrap{filter:drop-shadow(0 0 12px #1769e052);width:38px;height:38px;display:inline-flex;position:relative}.eco-future-logo{display:block;width:38px!important;height:38px!important}.eco-future-logo-pulse{background:#f4b942;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite eco-logo-pulse;position:absolute;top:-1px;right:-1px;box-shadow:0 0 0 3px #f4b94214,0 0 12px #f4b942b3}.eco-future-brand .nav-brand-wordmark{letter-spacing:-.035em;font-size:18px;font-weight:800;color:#f7fbff!important}.eco-future-brand .nav-brand-wordmark span{color:#72adff}.eco-future-main-nav{align-items:center;gap:3px;display:flex}.eco-future-main-nav>a{border:1px solid #0000;border-radius:10px;align-items:center;min-height:38px;padding:0 12px;font-size:12.5px;font-weight:650;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;position:relative;color:#b8c9df!important;background:0 0!important;text-decoration:none!important;display:inline-flex!important}.eco-future-main-nav>a:hover{border-color:#77a9eb21;box-shadow:0 0 18px #1769e014;color:#fff!important;background:#ffffff0e!important}.eco-future-main-nav .eco-future-demo{border-color:#5196f48c;margin-left:6px;padding:0 16px;box-shadow:0 7px 22px #1769e040,inset 0 1px #ffffff29;color:#fff!important;background:linear-gradient(135deg,#1769e0,#2e7ff0)!important}.eco-future-main-nav .eco-future-demo:hover{box-shadow:0 9px 28px #1769e05c,inset 0 1px #fff3;background:linear-gradient(135deg,#2175eb,#3988f4)!important}.eco-future-demo span{margin-left:7px;font-size:15px;line-height:1;transition:transform .2s}.eco-future-demo:hover span{transform:translate(3px)}.eco-future-menu-button{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:none;background:#ffffff0b!important;border:1px solid #75a7ec40!important;border-radius:12px!important;width:43px!important;height:43px!important;padding:0!important}.eco-future-menu-button span{background:#dceaff;border-radius:99px;width:18px;height:2px;transition:transform .2s,opacity .2s}.eco-future-menu-button[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.eco-future-menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.eco-future-menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.eco-future-mobile-nav{background:#061329fa;border:1px solid #75a7ec30;border-radius:18px;width:min(1240px,100% - 28px);margin:8px auto 0;padding:12px;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000040}.eco-mobile-nav-glow{filter:blur(20px);pointer-events:none;background:#1769e026;border-radius:50%;width:180px;height:180px;position:absolute;top:-100px;right:-50px}.eco-future-mobile-nav>a{border-radius:11px;align-items:center;min-height:45px;padding:0 13px;font-size:14px;font-weight:650;position:relative;color:#c3d2e6!important;background:0 0!important;text-decoration:none!important;display:flex!important}.eco-future-mobile-nav>a:hover{color:#fff!important;background:#ffffff0e!important}.eco-future-mobile-nav .eco-future-mobile-demo{border:1px solid #3988f4;justify-content:center;margin-top:7px;color:#fff!important;background:#1769e0!important}.eco-future-mobile-demo span{margin-left:7px;font-size:17px}body.eco-menu-open{overflow:hidden}@keyframes eco-logo-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.22)}}@media (width<=1040px){.eco-future-main-nav>a{padding:0 8px;font-size:12px}.eco-future-main-nav .eco-future-demo{margin-left:3px;padding:0 12px}}@media (width<=820px){.eco-future-main-nav{display:none!important}.eco-future-menu-button{display:flex!important}}@media (width>=821px){.eco-future-mobile-nav{display:none!important}}@media (prefers-reduced-motion:reduce){.eco-future-logo-pulse{animation:none}}

/* =========================================================
   MOBILE NAVBAR FINAL FIX - LIVE PATCH
   ========================================================= */

@media (max-width:820px) {

    .eco-future-nav-container {
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:space-between!important;
        width:calc(100% - 24px)!important;
        min-height:50px!important;
        gap:12px!important;
    }

    .eco-future-brand {
        display:inline-flex!important;
        flex-direction:row!important;
        align-items:center!important;
        flex:1 1 auto!important;
        min-width:0!important;
    }

    .eco-future-menu-button {
        display:flex!important;
        flex:0 0 43px!important;
        width:43px!important;
        height:43px!important;
        margin-left:auto!important;
    }

    .eco-future-mobile-nav[hidden] {
        display:none!important;
    }

    .eco-future-mobile-nav:not([hidden]) {
        display:block!important;
    }
}

@media (min-width:821px) {
    .eco-future-mobile-nav,
    .eco-future-mobile-nav[hidden] {
        display:none!important;
    }
}

/* =========================================================
   ECO ERP MOBILE NAVBAR - DEFINITIVE VISIBILITY FIX
   ========================================================= */

.eco-future-mobile-nav[hidden] {
    display: none !important;
}

@media (max-width: 820px) {

    .eco-future-header .eco-future-nav-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .eco-future-header .eco-future-brand {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: auto !important;
        max-width: calc(100% - 60px) !important;
        margin: 0 !important;
    }

    .eco-future-header .eco-future-menu-button {
        display: flex !important;
        flex: 0 0 43px !important;
        width: 43px !important;
        height: 43px !important;
        margin: 0 0 0 auto !important;
    }

    .eco-future-header .eco-future-mobile-nav[hidden] {
        display: none !important;
    }

    .eco-future-header .eco-future-mobile-nav:not([hidden]) {
        display: block !important;
    }
}

/* Mobile hamburger contrast only */
@media (max-width:820px) {
    .eco-future-menu-button {
        background:#0b2347!important;
        border-color:#70adff!important;
    }

    .eco-future-menu-button span {
        background:#ffffff!important;
    }
}

/* LIVE DEFINITIVE MOBILE NAVBAR STATE */

@media (max-width:820px) {
    .eco-future-mobile-nav {
        display:none!important;
    }

    .eco-future-mobile-nav.eco-mobile-nav-open {
        display:block!important;
    }

    .eco-future-nav-container {
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:space-between!important;
        flex-wrap:nowrap!important;
    }

    .eco-future-brand {
        display:inline-flex!important;
        flex-direction:row!important;
        align-items:center!important;
        flex:1 1 auto!important;
        min-width:0!important;
    }

    .eco-future-menu-button {
        display:flex!important;
        flex:0 0 43px!important;
        margin-left:auto!important;
        background:#0b2347!important;
        border-color:#70adff!important;
    }

    .eco-future-menu-button span {
        background:#fff!important;
    }
}

@media (min-width:821px) {
    .eco-future-mobile-nav {
        display:none!important;
    }
}


/* FINAL MOBILE NAVBAR: LOGO LEFT + HAMBURGER RIGHT */
@media (max-width:820px) {

    header.eco-future-header {
        width:100%!important;
    }

    header.eco-future-header .eco-future-nav-container {
        width:100%!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        padding-left:16px!important;
        padding-right:16px!important;
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:space-between!important;
    }

    header.eco-future-header .eco-future-brand {
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:flex-start!important;
        width:auto!important;
        max-width:calc(100% - 60px)!important;
        margin:0!important;
        padding:0!important;
    }

    header.eco-future-header .eco-future-menu-button {
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        width:44px!important;
        min-width:44px!important;
        max-width:44px!important;
        height:44px!important;
        margin-left:auto!important;
        margin-right:0!important;
        flex:0 0 44px!important;
    }

    header.eco-future-header .eco-future-mobile-nav {
        width:100%!important;
        max-width:none!important;
    }
}


/* MOBILE NAVBAR FINAL POSITIONING */
@media (max-width:820px) {

    header.eco-future-header .eco-future-nav-container {
        position:relative!important;
        display:block!important;
        width:100%!important;
        max-width:none!important;
        height:64px!important;
        min-height:64px!important;
        margin:0!important;
        padding:0 16px!important;
    }

    header.eco-future-header .eco-future-brand {
        position:absolute!important;
        left:16px!important;
        top:50%!important;
        transform:translateY(-50%)!important;

        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:flex-start!important;

        width:auto!important;
        max-width:calc(100% - 76px)!important;
        margin:0!important;
        padding:0!important;
    }

    header.eco-future-header .eco-future-menu-button {
        position:absolute!important;
        right:16px!important;
        top:50%!important;
        transform:translateY(-50%)!important;

        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;

        width:44px!important;
        min-width:44px!important;
        max-width:44px!important;
        height:44px!important;
        min-height:44px!important;

        margin:0!important;
        padding:9px!important;

        background:#16345f!important;
        border:1px solid #70adff!important;
        border-radius:12px!important;
        box-sizing:border-box!important;
    }

    header.eco-future-header .eco-future-menu-button span {
        display:block!important;
        width:22px!important;
        height:2px!important;
        margin:3px 0!important;
        background:#ffffff!important;
        opacity:1!important;
        border-radius:2px!important;
    }
}