:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navigation{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:1000}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 1rem;height:64px}.nav-brand{flex-shrink:0}.brand-link{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:none;border:none;cursor:pointer;border-radius:.375rem;transition:background-color .2s}.brand-link:hover{background-color:#f3f4f6}.brand-icon{font-size:1.5rem}.brand-text{font-size:1.25rem;font-weight:600;color:#1f2937}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;border-radius:.375rem;transition:background-color .2s}.mobile-menu-toggle:hover{background-color:#f3f4f6}.hamburger{display:flex;flex-direction:column;width:20px;height:16px;position:relative}.hamburger span{display:block;height:2px;width:100%;background-color:#374151;border-radius:1px;transition:all .3s ease;position:absolute}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:7px}.hamburger span:nth-child(3){top:14px}.hamburger.open span:nth-child(1){transform:rotate(45deg);top:7px}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg);top:7px}.nav-menu{display:flex;align-items:center;gap:2rem;flex:1;justify-content:space-between;margin-left:2rem}.menu-items{display:flex;align-items:center;gap:.5rem}.menu-item-container{position:relative}.menu-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;cursor:pointer;border-radius:.375rem;transition:all .2s;color:#374151;font-size:.875rem;font-weight:500;white-space:nowrap}.menu-item:hover{background-color:#f3f4f6;color:#1f2937}.menu-item.active{background-color:#3b82f6;color:#fff}.menu-item.disabled{opacity:.5;cursor:not-allowed}.menu-item.disabled:hover{background-color:transparent}.menu-icon{font-size:1rem;flex-shrink:0}.menu-label{flex:1}.menu-badge{background-color:#ef4444;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:9999px;min-width:1.25rem;text-align:center}.expand-arrow{font-size:.75rem;transition:transform .2s;margin-left:.25rem}.expand-arrow.expanded{transform:rotate(180deg)}.submenu{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a;min-width:200px;z-index:1001;padding:.5rem 0}.level-1 .menu-item{padding-left:1rem;font-size:.8125rem}.nav-user{flex-shrink:0}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:none;border:none;cursor:pointer;border-radius:.375rem;transition:background-color .2s;max-width:250px}.user-menu-trigger:hover{background-color:#f3f4f6}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.user-info{flex:1;text-align:left;min-width:0}.user-name{font-size:.875rem;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{font-size:.75rem;color:#6b7280;transition:transform .2s;flex-shrink:0}.dropdown-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a;min-width:250px;z-index:1001;overflow:hidden}.user-menu-header{padding:1rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.user-details .user-name{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.user-details .user-email{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.user-department{font-size:.75rem;color:#6b7280;background-color:#e5e7eb;padding:.125rem .5rem;border-radius:.25rem;display:inline-block}.user-menu-divider{height:1px;background-color:#e5e7eb}.user-menu-items{padding:.5rem 0}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem 1rem;background:none;border:none;cursor:pointer;text-align:left;font-size:.875rem;color:#374151;transition:background-color .2s}.user-menu-item:hover{background-color:#f3f4f6}.user-menu-item .menu-icon{font-size:1rem;flex-shrink:0}.mobile-menu-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.nav-menu{position:fixed;inset:64px 0 0;background-color:#fff;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:1rem;transform:translate(-100%);transition:transform .3s ease;z-index:1000;overflow-y:auto}.nav-menu.mobile-open{transform:translate(0)}.mobile-menu-overlay{display:block}.menu-items{flex-direction:column;align-items:stretch;gap:.5rem;margin-bottom:2rem}.menu-item{justify-content:flex-start;padding:.75rem 1rem;border-radius:.5rem}.submenu{position:static;box-shadow:none;border:none;background-color:#f9fafb;margin-top:.5rem;border-radius:.375rem}.nav-user{border-top:1px solid #e5e7eb;padding-top:1rem}.user-menu-trigger{max-width:none;padding:.75rem 1rem}.user-menu-dropdown{position:static;box-shadow:none;border:none;background-color:#f9fafb;margin-top:.5rem;border-radius:.375rem}}@media (max-width: 480px){.nav-container{padding:0 .75rem}.brand-text,.user-info{display:none}.user-menu-trigger{gap:0}}@media (prefers-color-scheme: dark){.navigation{background-color:#1f2937;border-bottom-color:#374151}.brand-link:hover,.mobile-menu-toggle:hover{background-color:#374151}.brand-text{color:#f9fafb}.hamburger span{background-color:#f9fafb}.menu-item{color:#d1d5db}.menu-item:hover{background-color:#374151;color:#f9fafb}.menu-item.active{background-color:#3b82f6;color:#fff}.user-menu-trigger:hover{background-color:#374151}.user-name{color:#f9fafb}.user-email,.dropdown-arrow{color:#9ca3af}.submenu,.user-menu-dropdown{background-color:#1f2937;border-color:#374151}.user-menu-header{background-color:#374151;border-bottom-color:#4b5563}.user-details .user-name{color:#f9fafb}.user-details .user-email{color:#9ca3af}.user-department{background-color:#4b5563;color:#d1d5db}.user-menu-divider{background-color:#4b5563}.user-menu-item{color:#d1d5db}.user-menu-item:hover{background-color:#374151}.nav-menu{background-color:#1f2937}.submenu,.user-menu-dropdown{background-color:#374151}}