*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%}.app-layout{min-height:100vh;display:flex;flex-direction:column;overflow-y:auto}.app-header{height:64px;display:flex;align-items:center;padding:0 24px;flex-shrink:0;gap:24px;position:sticky;top:0;z-index:100;background:var(--n-color, #fff)}.header-nav{flex:1;display:flex;justify-content:flex-end}.app-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--n-text-color);flex-shrink:0}.header-right{display:flex;align-items:center;flex-shrink:0}.app-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}