*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;background-color:#f5f5f5;color:#333}#root{min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#1a1a2e;color:#fff;position:sticky;top:0;z-index:100}.app-header-left{display:flex;align-items:center;gap:2rem;flex:1;min-width:0}.app-header-nav{display:flex;gap:.25rem;flex-wrap:wrap}.app-header-nav .nav-link{color:#ccc;text-decoration:none;font-size:.875rem;padding:.35rem .65rem;border-radius:4px;transition:background-color .2s,color .2s}.app-header-nav .nav-link:hover{color:#fff;background-color:#ffffff1a}.app-header-nav .nav-link.active{color:#fff;background-color:#fff3;font-weight:600}.app-header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.app-header-user-name{white-space:nowrap;color:#fff}.hamburger-btn{display:none;background:none;border:1px solid #fff;color:#fff;padding:.35rem .6rem;border-radius:4px;cursor:pointer;font-size:1.1rem;line-height:1}.mobile-menu{display:none;background-color:#1a1a2e;padding:.75rem 2rem;flex-direction:column;gap:.5rem}.mobile-menu.is-open{display:flex}.mobile-menu a{color:#ccc;text-decoration:none;font-size:.875rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);transition:color .2s}.mobile-menu a.active{color:#fff;font-weight:600}.mobile-menu a:last-child{border-bottom:none}@media (max-width: 640px){.hamburger-btn{display:block}.app-header-nav,.app-header-user-name{display:none}.app-header{padding:1rem}}