.navbar{background:linear-gradient(135deg,#fff,#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;font-weight:700!important;letter-spacing:.5px!important}.navbar h1,.navbar h2{font-size:14px!important;font-family:Source Sans\ 3,sans-serif!important;color:#5e7aee!important}.navbar h2{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:#5e7aee!important;transition:all .3s ease!important}.navbar-icon:hover{color:#5e7aee!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;-o-object-fit:contain!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,#5e7aee,#5e7aee)!important;color:#fff!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,hsla(0,0%,100%,.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;-o-object-fit:contain!important;object-fit:contain!important;border-radius:8px!important;padding:4px!important;background:#fff!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}.drawer-paper{width:80px;box-sizing:border-box;background-color:#4a6cf7!important;color:#fff;font-family:Source Sans\ 3,sans-serif!important;transition:width .3s ease-in-out,box-shadow .3s ease-in-out;overflow-x:hidden}.drawer-paper.open{width:340px}.drawer-header,.drawer-paper.logged-in{background-color:#4a6cf7!important}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:0 8px!important;min-height:64px!important;border:none!important}.logo-container{flex-grow:1!important;display:flex!important;justify-content:center!important}.menu-text{color:#fff;margin-left:20px;font-weight:700;font-size:12px!important}.menu-item{display:flex;align-items:center;padding:8px 14px!important;font-size:16px;font-weight:500;font-family:Source Sans\ 3,sans-serif!important;background-color:#4a6cf7;color:#fff!important;transition:background-color .3s,transform .2s ease-in-out;white-space:nowrap;overflow:hidden}.menu-item,.submenu-item{display:flex!important;align-items:center!important;justify-content:center!important}.menu-item .MuiListItemIcon-root,.submenu-item .MuiListItemIcon-root{min-width:40px}.menu-item .MuiListItemIcon-root{display:flex;justify-content:center}.MuiSvgIcon-root{font-size:1.5rem!important}.submenu-item{display:flex;align-items:center}.menu-item:hover{background-color:#3a5bd9!important;transform:scale(1.02)}.menu-item.active{background-color:#3a5bd9!important;border-left:4px solid #fff}.MuiIconButton-root{margin:0!important}.submenu-item{padding-left:52px;font-size:14px;color:#fff;transition:background-color .3s,padding-left .3s,transform .3s ease-in-out;background-color:#4a6cf7}.drawer-paper:not(.open) .submenu-item{padding-left:12px;font-size:0}.drawer-paper .MuiSvgIcon-root{color:#fff!important}.submenu-item:hover{background-color:#3a5bd9!important;transform:translateX(4px)}.user-info{display:flex;align-items:center;color:#4a6cf7;padding:8px;margin-top:auto;transition:background-color .3s ease-in-out;background-color:#fff;border-top:1px solid hsla(0,0%,100%,.2)}.user-info:hover{background-color:#eff2fe}.user-info .MuiTypography-root{color:#4a6cf7!important}.logo{width:100px;height:50px}.MuiTypography-root.menu-text-small{font-size:7px!important;color:#fff!important}.drawer-paper .MuiListItemIcon-root{color:#fff!important}.drawer-paper .MuiDivider-root{background-color:hsla(0,0%,100%,.2)!important}.menu-item .MuiTypography-root,.menu-item.active .MuiListItemIcon-root,.menu-item.active .menu-text,.submenu-item .MuiTypography-root{color:#fff!important}.drawer-paper .MuiCollapse-root .menu-item{padding-left:52px!important}.menu-item:hover .MuiSvgIcon-root,.submenu-item:hover .MuiSvgIcon-root{color:#fff!important}.menu-item:focus,.submenu-item:focus{background-color:#3a5bd9!important;outline:none}.Mui-selected,.Mui-selected:hover{background-color:#3a5bd9!important}.drawer-paper::-webkit-scrollbar{width:4px}.drawer-paper::-webkit-scrollbar-track{background:#3a5bd9}.drawer-paper::-webkit-scrollbar-thumb{background:#6b8cff;border-radius:4px}.drawer-paper::-webkit-scrollbar-thumb:hover{background:#fff}