.navbar{background:linear-gradient(135deg,#ffffff,#f8fafc)!important;padding:10px 0!important;margin-left:5px;display:flex!important;justify-content:space-between!important;align-items:center!important;color:#1e293b!important;box-shadow:0 4px 20px rgba(0,0,0,.08)!important;border-bottom:1px solid #e2e8f0!important;position:relative;overflow:hidden}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-size:200% 100%;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.navbar h1{margin:0!important;color:#1e293b!important;font-weight:700!important;letter-spacing:.5px!important}.navbar h1,.navbar h2{font-size:14px!important;font-family:Source Sans\ 3,sans-serif!important}.navbar h2{color:#475569!important;font-weight:600!important}.module-name{background:linear-gradient(135deg,#1e293b,#475569);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:4px 0}.module-name:before{content:"";position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);width:60px;height:3px;border-radius:2px}.navbar-actions{display:flex!important;align-items:center!important;gap:16px}.navbar-icon{font-size:30px!important;color:#1a4c9e!important;transition:all .3s ease!important}.navbar-icon:hover{color:#133db1!important;transform:scale(1.1)!important}.text-lg{font-size:1.25rem!important}.ml-2{margin-left:8px!important}.ml-4{margin-left:16px!important}.logo{width:90px!important;height:45px!important;object-fit:contain!important;transition:all .3s ease!important}.logo:hover{transform:scale(1.05)!important;filter:drop-shadow(0 4px 6px rgba(59,130,246,.2))!important}.navbar-logout{display:flex!important;align-items:center!important;gap:8px;background:linear-gradient(135deg,#154188,#163ca3)!important;color:#ffffff!important;border:none!important;border-radius:10px!important;padding:8px 18px!important;margin-left:16px!important;font-weight:600!important;font-size:14px!important;cursor:pointer!important;box-shadow:0 4px 15px rgba(59,130,246,.35)!important;transition:all .3s ease-in-out!important;position:relative;overflow:hidden;z-index:1}.navbar-logout:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:-1}.navbar-logout:hover:before{left:100%}.navbar-logout:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(59,130,246,.5)!important}.navbar-logout:active{transform:translateY(0)!important;box-shadow:0 2px 10px rgba(59,130,246,.3)!important}.navbar-image{width:160px!important;height:55px!important;object-fit:contain!important;border-radius:8px!important;padding:4px!important;background:white!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;border:1px solid #e2e8f0!important;transition:all .3s ease!important}.navbar-image:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;border-color:#3b82f6!important}.navbar-logo{width:65px!important;height:35px!important;display:flex!important;justify-content:center!important;align-items:center!important;background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;border-radius:8px!important;padding:4px!important;transition:all .3s ease!important}.navbar-logo:hover{transform:translateY(-1px)!important;box-shadow:0 3px 10px rgba(0,0,0,.1)!important}.no-logo{font-size:11px!important;color:#64748b!important;font-weight:600!important;text-align:center;display:block;padding:4px 8px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:6px;border:1px solid #cbd5e1}.module-name{font-family:Source Sans\ 3,sans-serif!important;font-weight:700!important;font-size:1.1rem!important;text-align:center!important;flex-grow:1!important;position:relative}.module-name-uppercase{text-transform:uppercase!important;letter-spacing:1px!important}@media (max-width:768px){.navbar{padding:8px 0!important}.navbar-logout{padding:6px 14px!important;font-size:13px!important;margin-left:12px!important}.navbar-image{width:140px!important;height:50px!important}.logo{width:80px!important;height:40px!important}.module-name{font-size:1rem!important}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loading-logo{animation:pulse 2s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.navbar{animation:float 6s ease-in-out infinite}