header{height:90px;left:0;margin-bottom:15px;position:fixed;right:0;top:0;transform:translateY(0);transition:transform .3s ease;z-index:1000}header.nav-hidden{transform:translateY(-100%)}header.nav-visible{transform:translateY(0)}.navbar{background:linear-gradient(135deg,#1bb4e8,#69d1e0);border-radius:12px;box-shadow:0 4px 20px #1bb4e833;display:flex!important;margin:0 15px 20px;padding:0;transition:all .3s ease;visibility:visible!important;z-index:1000}.navbar:hover{box-shadow:0 6px 30px #1bb4e84d}.navbar-brand{align-items:center;border-radius:12px;display:flex;height:90px;padding:0 10px 0 0;transition:all .4s ease}.navbar-brand img{border-radius:12px 0 0 8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));max-height:100%;transition:all .3s ease;width:auto}.navbar-brand:hover img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transform:scale(1.05)}.navbar-toggler{align-items:center;background:#ffffff1a;border:none;border-radius:8px;display:none;flex-direction:column;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.navbar-toggler:hover{background:#fff3}.navbar-toggler:focus{box-shadow:none}.navbar-collapse{display:flex!important}.navbar-nav{align-items:center;gap:2px}.navbar-nav .nav-item{position:relative}.navbar-nav .nav-item .nav-link{border-radius:8px;overflow:hidden;padding:10px 4px;position:relative;transition:all .3s ease}.navbar-nav .nav-item .nav-link:before{background:#ffffff1a;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:-1}.navbar-nav .nav-item .nav-link:hover:before{transform:translateX(0)}.navbar-nav .nav-item .nav-link:hover{background:#ffffff26;transform:translateY(-2px)}.navbar-nav .nav-item.active .nav-link{background:#fff3;font-weight:700}.menu-item{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:3px;letter-spacing:.5px;transition:all .3s ease}.menu-item i{font-size:1.1rem;transition:all .3s ease}.menu-item:hover{color:#fff;text-shadow:0 2px 4px #0000001a}.menu-item:hover i{transform:scale(1.1)}.dropdown-menu{background:#fff;border:none;border-radius:12px;box-shadow:0 8px 30px #00000026;margin-top:8px;padding:8px}.dropdown-menu .dropdown-item{align-items:center;border-radius:8px;color:#2c3e50;display:flex;font-weight:500;gap:10px;padding:10px 16px;transition:all .3s ease}.dropdown-menu .dropdown-item i{color:#1bb4e8;font-size:1rem;transition:all .3s ease}.dropdown-menu .dropdown-item:hover{background:linear-gradient(135deg,#1bb4e8,#69d1e0);color:#fff;transform:translateX(5px)}.dropdown-menu .dropdown-item:hover i{color:#fff;transform:scale(1.1)}.dropdown-menu .dropdown-item.active{background:#f8f9fa;color:#1bb4e8}.dropdown-menu .dropdown-divider{border-color:#e9ecef;margin:8px 0}.dropdown-toggle:after{margin-left:3px;transition:transform .3s ease;vertical-align:middle}.dropdown-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.line1,.line2,.line3{border-radius:2px;height:3px;margin:3px auto;transition:all .4s ease;width:22px}.toggler-change .line1{transform:rotate(-45deg) translate(-6px,7px)}.toggler-change .line2{opacity:0}.toggler-change .line3{transform:rotate(45deg) translate(-6px,-7px)}.custom-navbar-brand{height:75px;padding:0 10px 0 0}body.navbar-sidebar-mode header{height:90px!important;position:fixed;z-index:1050}body.navbar-sidebar-mode header,body.navbar-sidebar-mode header.nav-hidden{transform:translateY(0)!important}body.navbar-sidebar-mode .navbar{display:flex!important}body.navbar-sidebar-mode .navbar-toggler{align-items:center;background:#ffffff1a;border:none;border-radius:8px;display:flex!important;flex-direction:column;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}body.navbar-sidebar-mode .navbar-toggler:hover{background:#fff3}body.navbar-sidebar-mode .navbar-toggler:focus{box-shadow:none}body.navbar-sidebar-mode .navbar-collapse{display:none!important}body.navbar-sidebar-mode .sidebar-menu{background:skyblue!important;box-shadow:4px 0 24px #0000001f!important;display:flex;flex-direction:column;height:100vh!important;left:-250px!important;opacity:.95!important;overflow-y:auto!important;padding:0!important;position:fixed!important;top:0!important;transition:left .4s cubic-bezier(.4,0,.2,1)!important;width:250px!important;z-index:1060!important}body.navbar-sidebar-mode .sidebar-menu::-webkit-scrollbar{width:6px}body.navbar-sidebar-mode .sidebar-menu::-webkit-scrollbar-track{background:#0000}body.navbar-sidebar-mode .sidebar-menu::-webkit-scrollbar-thumb{background:#1bb4e833;border-radius:3px}body.navbar-sidebar-mode .sidebar-menu::-webkit-scrollbar-thumb:hover{background:#1bb4e84d}body.navbar-sidebar-mode .sidebar-menu.show{left:0!important}body.navbar-sidebar-mode .sidebar-menu.show:before{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000040;content:"";height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body.navbar-sidebar-mode .sidebar-menu:before{background:linear-gradient(135deg,#1bb4e8,#69d1e0);content:"";display:block;flex-shrink:0;height:120px;position:relative}body.navbar-sidebar-mode .sidebar-menu .sidebar-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:40px;justify-content:center;position:absolute;right:24px;top:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:10}body.navbar-sidebar-mode .sidebar-menu .sidebar-close-btn:hover{background:#ffffff40;transform:rotate(90deg) scale(1.05)}body.navbar-sidebar-mode .sidebar-menu .sidebar-close-btn i{color:#fff;font-size:1.3rem}body.navbar-sidebar-mode .sidebar-menu .navbar-nav{flex-direction:column!important;gap:8px;list-style:none;margin:60px 0 0!important;padding:24px 20px;position:relative;z-index:1}body.navbar-sidebar-mode .sidebar-menu .navbar-nav.mr-auto,body.navbar-sidebar-mode .sidebar-menu .navbar-nav.ms-auto{margin:80px 0 0!important}body.navbar-sidebar-mode .sidebar-menu .navbar-nav+.navbar-nav{margin-top:0!important;padding-top:0}body.navbar-sidebar-mode .sidebar-menu .navbar-nav .nav-item{position:relative;width:100%}body.navbar-sidebar-mode .sidebar-menu .navbar-nav .nav-item .nav-link{align-items:center;background:#fff;border:1px solid #1bb4e826;border-radius:12px;box-shadow:0 2px 8px #1bb4e81f;color:#2c3e50;display:flex;font-size:.95rem;font-weight:500;gap:12px;overflow:hidden;padding:14px 16px;position:relative;text-align:left;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}body.navbar-sidebar-mode .sidebar-menu .navbar-nav .nav-item .nav-link:before{background:linear-gradient(135deg,#1bb4e8,#69d1e0);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:3px}body.navbar-sidebar-mode .sidebar-menu .navbar-nav .nav-item .nav-link i{color:#1bb4e8;font-size:1.1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}body.navbar-sidebar-mode .sidebar-menu .navbar-nav .nav-item .nav-link:hover{background:#fff;border-color:#1bb4e866;box-shadow:0 4px 16px #1bb4e833;color:#1bb4e8;transform:translateX(4px)}body.navbar-sidebar-mode .sidebar-menu .navbar-nav .nav-item .nav-link:hover:before{transform:scaleY(1)}body.navbar-sidebar-mode .sidebar-menu .navbar-nav .nav-item .nav-link:hover i{color:#1bb4e8;transform:scale(1.1)}body.navbar-sidebar-mode .sidebar-menu .navbar-nav .nav-item.active .nav-link{background:#fff;border-color:#1bb4e866;box-shadow:0 4px 16px #1bb4e840;color:#1bb4e8;font-weight:600}body.navbar-sidebar-mode .sidebar-menu .navbar-nav .nav-item.active .nav-link:before{transform:scaleY(1)}body.navbar-sidebar-mode .sidebar-menu .dropdown-menu{background:#fffffff2;border:1px solid #1bb4e826;border-radius:12px;box-shadow:0 2px 8px #1bb4e81f;display:none;float:none!important;margin:8px 0;padding:8px;position:static!important;transform:none!important;width:100%}body.navbar-sidebar-mode .sidebar-menu .dropdown-menu.show{animation:slideDown .3s cubic-bezier(.4,0,.2,1);display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.navbar-sidebar-mode .sidebar-menu .dropdown-menu .dropdown-item{align-items:center;border-radius:8px;color:#495057;display:flex;font-size:.9rem;font-weight:500;gap:12px;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}body.navbar-sidebar-mode .sidebar-menu .dropdown-menu .dropdown-item:before{background:linear-gradient(135deg,#1bb4e8,#69d1e0);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s cubic-bezier(.4,0,.2,1);width:2px}body.navbar-sidebar-mode .sidebar-menu .dropdown-menu .dropdown-item i{color:#1bb4e8;font-size:1rem;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:18px}body.navbar-sidebar-mode .sidebar-menu .dropdown-menu .dropdown-item:hover{background:#fff;color:#1bb4e8;transform:translateX(4px)}body.navbar-sidebar-mode .sidebar-menu .dropdown-menu .dropdown-item:hover:before{transform:scaleY(1)}body.navbar-sidebar-mode .sidebar-menu .dropdown-menu .dropdown-item:hover i{transform:scale(1.1)}body.navbar-sidebar-mode .sidebar-menu .dropdown-menu .dropdown-item:active{transform:translateX(2px)}body.navbar-sidebar-mode .sidebar-menu .dropdown-toggle:after{color:#1bb4e8;font-size:.9rem;margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1)}body.navbar-sidebar-mode .sidebar-menu .nav-item.active .dropdown-toggle:after{transform:rotate(180deg)}body.navbar-sidebar-mode .sidebar-menu .dropdown-divider{border-top:1px solid #1bb4e826;margin:8px 0}@media(max-width:768px){.navbar-toggler{display:block!important}}.form-group{padding:5px 10px}.form-panel-width{width:220px}i{margin-right:5px}.options{margin-bottom:30px;margin-left:30px}.error_login,.remember_me{font-size:1.2em;font-weight:700}.error_login{padding:10px}.col-md-4 .btn{font-weight:700}.col-md-4 li,.col-md-4 p{font-size:1em}label.required:after{color:#e5224c;content:" *"}@media screen{.select2{width:100%!important}}@media(max-width:768px){.navbar-nav>li{padding-left:10px}}footer{background:linear-gradient(135deg,#1bb4e8,#69d1e0);border-radius:12px;box-shadow:0 -4px 20px #1bb4e826;margin:0;overflow:hidden;position:relative}footer:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%23fff' fill-opacity='.03' fill-rule='evenodd' d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2zm0-30V0h-2v4h-4v2h4v4h2V6h4V4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2zM6 4V0H4v4H0v2h4v4h2V6h4V4z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0}footer .footer-content{padding:30px 0;position:relative;z-index:1}footer p{color:#fff;font-size:.95rem;font-weight:500;letter-spacing:.5px;margin:0;text-shadow:0 1px 2px #0000001a}footer .footer-links{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-bottom:15px}footer .footer-links a{color:#fff;font-size:.9rem;font-weight:500;padding:5px 0;position:relative;text-decoration:none;transition:all .3s ease}footer .footer-links a:after{background:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}footer .footer-links a:hover{text-shadow:0 2px 4px #00000026;transform:translateY(-2px)}footer .footer-links a:hover:after{width:100%}footer .footer-social{display:flex;gap:15px;justify-content:center;margin-bottom:15px}footer .footer-social a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}footer .footer-social a i{font-size:1rem}footer .footer-social a:hover{background:#fff;box-shadow:0 4px 12px #00000026;color:#1bb4e8;transform:translateY(-3px)}@media(max-width:768px){footer{margin:0 10px}footer .footer-content{padding:25px 15px}footer .footer-links{flex-direction:column;gap:12px;margin-bottom:20px}footer .footer-links a{text-align:center}footer p{font-size:.85rem}}.navbar-reminder-container{align-items:center;display:flex;margin-left:.5rem;position:relative}.navbar-reminder-container .eta-reminder-toggle{cursor:pointer;padding:.5rem 1rem;position:relative;transition:all .3s ease}.navbar-reminder-container .eta-reminder-toggle.has-reminders{animation:bellShake .5s ease-in-out;color:#ffc107!important}.navbar-reminder-container .eta-reminder-toggle.has-reminders i{transform-origin:top center}.navbar-reminder-container .eta-reminder-toggle:hover{transform:scale(1.05)}body.navbar-sidebar-mode .navbar-reminder-container{margin-left:auto;margin-right:15px}.eta-reminder-badge{animation:badgePulse 2s ease-in-out infinite;background-color:#dc3545;border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;font-size:.7rem;font-weight:700;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:-8px;text-align:center;top:5px}.eta-reminder-dropdown{border-radius:12px;box-shadow:0 4px 16px #00000026;max-height:500px;max-width:400px;min-width:320px;overflow-y:auto;padding:0}.eta-reminder-dropdown::-webkit-scrollbar{width:6px}.eta-reminder-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.eta-reminder-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.eta-reminder-dropdown::-webkit-scrollbar-thumb:hover{background:#555}.eta-reminder-dropdown .dropdown-header{background:linear-gradient(135deg,#1bb4e81a,#69d1e01a);color:#1bb4e8;font-size:1rem;font-weight:700;padding:12px 16px}.eta-reminder-dropdown .dropdown-divider{margin:0}.eta-reminder-empty,.eta-reminder-loading{color:#6c757d;padding:16px;text-align:center}.eta-reminder-empty .fa-spinner,.eta-reminder-loading .fa-spinner{color:#1bb4e8;font-size:1.2rem}.eta-reminder-item{border-bottom:1px solid #f0f0f0;border-left:4px solid #0000;color:#2c3e50;display:block;padding:12px 16px!important;text-decoration:none;transition:all .3s ease}.eta-reminder-item:hover{background:#f8f9fa;color:#1bb4e8;text-decoration:none;transform:translateX(4px)}.eta-reminder-item:active{transform:translateX(2px)}.eta-reminder-item.reminder-urgency-critical{border-left-color:#dc3545}.eta-reminder-item.reminder-urgency-critical .reminder-days-badge{background-color:#dc3545}.eta-reminder-item.reminder-urgency-high{border-left-color:#ffc107}.eta-reminder-item.reminder-urgency-high .reminder-days-badge{background-color:#ffc107;color:#000}.eta-reminder-item.reminder-urgency-medium{border-left-color:#0dcaf0}.eta-reminder-item.reminder-urgency-medium .reminder-days-badge{background-color:#0dcaf0}.reminder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.reminder-header strong{color:#2c3e50;font-size:.95rem}.reminder-days-badge{border-radius:12px;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;padding:2px 8px;white-space:nowrap}.reminder-details{color:#6c757d;display:flex;flex-direction:column;font-size:.85rem;gap:4px;margin-bottom:8px}.reminder-details i{color:#1bb4e8;margin-right:6px;text-align:center;width:14px}.reminder-consignee,.reminder-eta{align-items:center;display:flex}.reminder-master{color:#6c757d;font-size:.8rem}.reminder-master i{color:#1bb4e8;margin-right:6px;text-align:center;width:14px}@keyframes bellShake{0%,to{transform:rotate(0deg)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:576px){.eta-reminder-dropdown{max-width:320px;min-width:280px}.eta-reminder-item{padding:10px 12px!important}.reminder-header strong{font-size:.9rem}.reminder-details{font-size:.8rem}}body{display:flex;flex-direction:column;font-size:.96em;min-height:100vh;padding-bottom:20px;padding-top:110px}.form-control{font-size:1em}.push-button{box-shadow:2px 4px 10px gray;transition:all .2s}.push-button:hover{transform:translateY(-2px)}.moveFromLeft{animation-duration:2s;animation-name:moveFromLeft}.moveFromRight{animation-duration:2s;animation-name:moveFromRight}.moveFromTop{animation-duration:2s;animation-name:moveFromTop}.moveFromBottom{animation-duration:2s;animation-name:moveFromBottom}@keyframes moveFromLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes moveFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes moveFromTop{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes moveFromBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}